*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2196F3;--secondary-color: #FF9800;--success-color: #4CAF50;--danger-color: #F44336;--warning-color: #FFC107;--dark-bg: #1a1a2e;--card-bg: #16213e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #2d3748}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000004d;border:1px solid var(--border-color)}.card-header{font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#1976d2}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.form-control{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:5px;background:var(--dark-bg);color:var(--text-primary);font-size:14px}.form-control:focus{outline:none;border-color:var(--primary-color)}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-secondary)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-success{background:var(--success-color)}.badge-danger{background:var(--danger-color)}.badge-warning{background:var(--warning-color);color:#000}.badge-info{background:var(--primary-color)}.spinner{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--border-color);text-align:center}.stat-value{font-size:2rem;font-weight:700;margin:10px 0}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-change{font-size:.85rem;margin-top:5px}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:#ffffff0d;font-weight:600}.table tr:hover{background:#ffffff05}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}