@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #a57d0e;--primary-hover: #97890d;--accent: #00d4aa;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--bg: #0b1220;--sidebar-bg: #0f172a;--card-bg: rgba(30, 41, 59, .8);--border-color: rgba(71, 85, 105, .5);--text-primary: #e6eef6;--text-secondary: #94a3b8;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--border-radius: .5rem;--transition: all .2s ease-in-out}body{font-family:var(--font-sans);margin:0;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;padding:1.5rem;overflow-y:auto;background:var(--bg)}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase}.table tbody tr:hover{background-color:#1e293b80}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:var(--transition)}.btn i{font-size:1.1em}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px #0ea5a433}.btn-secondary{background-color:#334155;color:#fff}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--sidebar-bg);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5a433}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.grid{display:grid;gap:1.5rem}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 992px){.grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid.grid-3{grid-template-columns:1fr}}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2c3a52;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3a4c6b}