*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;padding:20px;line-height:1.6}.container{max-width:1400px;margin:0 auto;background:white;border-radius:20px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3)}h1{color:#1e3c72;text-align:center;font-size:2.8em;margin-bottom:10px;border-bottom:4px solid #2a5298;padding-bottom:20px}h2{color:#2a5298;font-size:2em;margin-top:40px;margin-bottom:20px;padding-left:15px;border-left:5px solid #1e3c72}h3{color:#1e3c72;font-size:1.4em;margin-top:25px;margin-bottom:15px}.subtitle{text-align:center;color:#666;font-size:1.3em;margin-bottom:40px;font-style:italic}.gradient-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-green{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-purple{background:linear-gradient(135deg,#a8edea,#fed6e3)}.gradient-amber{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.gradient-rose{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.gradient-teal{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.gradient-indigo{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-cyan{background:linear-gradient(135deg,#30cfd0,#330867)}.card{background:white;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.grid{display:grid;grid-gap:20px;gap:20px;margin:30px 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(4,1fr)}.status-box{padding:20px;margin:20px 0;border-radius:8px;border-left:5px solid}.status-success{background:#d4edda;border-color:#28a745;color:#155724}.status-warning{background:#fff3cd;border-color:#ffc107;color:#856404}.status-danger{background:#f8d7da;border-color:#dc3545;color:#721c24}.status-info{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.progress-bar{width:100%;height:12px;background:#e9ecef;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}.btn,button{padding:12px 24px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:all .2s;font-weight:600;background:#2a5298;color:white}.btn:hover,button:hover{background:#1e3c72;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-primary{background:#2a5298;color:white}.btn-primary:hover{background:#1e3c72;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-secondary{background:#1e3c72;color:white}.btn-secondary:hover{background:#2a5298}@media (max-width:768px){body{padding:10px}.container{padding:20px}h1{font-size:2em}h2{font-size:1.5em}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}