:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-card-elevated: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-header: rgba(255, 255, 255, .95);--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--bg-subtle: #F8FAFC;--border-subtle: #F1F5F9;--border: #E2E8F0;--border-strong: #CBD5E1;--border-focus: #2563EB;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--accent-primary: #2563EB;--accent-primary-hover: #1D4ED8;--accent-primary-active: #1E40AF;--accent-primary-light: #EFF6FF;--accent-primary-border: #BFDBFE;--accent-success: #059669;--accent-success-hover: #047857;--accent-success-light: #ECFDF5;--accent-success-border: #A7F3D0;--accent-warning: #D97706;--accent-warning-hover: #B45309;--accent-warning-light: #FFFBEB;--accent-warning-border: #FDE68A;--accent-danger: #DC2626;--accent-danger-hover: #B91C1C;--accent-danger-light: #FEF2F2;--accent-danger-border: #FECACA;--accent-purple: #7C3AED;--accent-purple-light: #F5F3FF;--accent-purple-border: #DDD6FE;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .03);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}[data-theme=dark]{--bg-page: #090D16;--bg-card: #121826;--bg-card-elevated: #172033;--bg-sidebar: #0C111D;--bg-header: rgba(18, 24, 38, .95);--bg-hover: #1E293B;--bg-active: #2A3854;--bg-subtle: #0E1524;--border-subtle: #172033;--border: #232F48;--border-strong: #334155;--border-focus: #60A5FA;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--accent-primary: #3B82F6;--accent-primary-hover: #60A5FA;--accent-primary-active: #93C5FD;--accent-primary-light: rgba(59, 130, 246, .15);--accent-primary-border: rgba(59, 130, 246, .3);--accent-success: #10B981;--accent-success-hover: #34D399;--accent-success-light: rgba(16, 185, 129, .15);--accent-success-border: rgba(16, 185, 129, .3);--accent-warning: #F59E0B;--accent-warning-hover: #FBBF24;--accent-warning-light: rgba(245, 158, 11, .15);--accent-warning-border: rgba(245, 158, 11, .3);--accent-danger: #EF4444;--accent-danger-hover: #F87171;--accent-danger-light: rgba(239, 68, 68, .15);--accent-danger-border: rgba(239, 68, 68, .3);--accent-purple: #A78BFA;--accent-purple-light: rgba(167, 139, 250, .15);--accent-purple-border: rgba(167, 139, 250, .3);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh;flex-direction:column}.main-layout{display:flex;flex:1}.sidebar{width:270px;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .2s ease-in-out;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.content-area{flex:1;padding:2rem 2.25rem;max-width:1600px;margin:0 auto;width:100%}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.25rem}@media (max-width: 1024px){.sidebar{width:240px}.content-area{padding:1.5rem}}@media (max-width: 768px){.sidebar{display:none}.content-area{padding:1rem 1rem 5.5rem}.grid-cols-4,.grid-cols-2{grid-template-columns:1fr}.mobile-nav{display:flex!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);z-index:50;padding:.5rem .25rem;justify-content:space-around;box-shadow:0 -4px 6px -1px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;font-size:.72rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:all .15s ease}.mobile-nav-item.active{color:var(--accent-primary);font-weight:600}button,input,select,textarea{font-family:inherit;font-size:.875rem}button{cursor:pointer}.touch-target,button,input,select{min-height:44px}.icon-btn,.mobile-nav-item{min-width:44px;min-height:44px}.fade-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.pulse-dot{animation:pulseGlow 2s infinite ease-in-out}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}