:root{--bg: #f8faf9;--bg-2: #ffffff;--bg-3: #f0f4f3;--border: #e2e8e6;--border-bright: #cbd5d2;--text: #1a2320;--text-muted: #5c6b66;--text-dim: #8a9994;--accent: #0d9488;--accent-dim: rgba(13, 148, 136, .12);--accent-glow: rgba(13, 148, 136, .25);--green: #059669;--green-dim: rgba(5, 150, 105, .12);--red: #dc2626;--red-dim: rgba(220, 38, 38, .12);--yellow: #d97706;--yellow-dim: rgba(217, 119, 6, .12);--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 8px;--radius-lg: 12px;--space-page: 32px;--space-section: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-3)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.main-content{padding:var(--space-page) 40px 48px;max-width:1100px;margin:0 auto;min-width:0}@media (max-width: 900px){.main-content{padding:20px 20px 32px;max-width:none}}@media (max-width: 600px){.main-content{padding:16px 12px 24px}.dashboard-stats{grid-template-columns:1fr!important}.dashboard-header{flex-direction:column;align-items:stretch}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease forwards}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f}@media (max-width: 768px){.app-layout{flex-direction:column}.app-sidebar{width:100%!important;height:auto!important;position:relative!important;flex-direction:row!important;padding:12px 16px!important;border-right:none!important;border-bottom:1px solid var(--border)}.app-sidebar .logo-wrap{padding:0 12px 0 0!important;border-bottom:none!important;border-right:1px solid var(--border)!important}.app-sidebar nav{flex-direction:row!important;padding:0 12px!important;flex:1}.app-sidebar .nav-item{margin-bottom:0!important}.app-sidebar .sidebar-footer{display:none}}