:root{--n-zinc-50:#fafafa;--n-zinc-100:#f4f4f5;--n-zinc-200:#e4e4e7;--n-zinc-300:#d4d4d8;--n-zinc-400:#a1a1aa;--n-zinc-500:#71717a;--n-zinc-600:#52525b;--n-zinc-700:#3f3f46;--n-zinc-800:#27272a;--n-zinc-900:#18181b;--n-zinc-950:#09090b;--n-primary-50:#eef2ff;--n-primary-100:#e0e7ff;--n-primary-200:#c7d2fe;--n-primary-300:#a5b4fc;--n-primary-400:#818cf8;--n-primary-500:#6366f1;--n-primary-600:#4f46e5;--n-primary-700:#4338ca;--n-primary-800:#3730a3;--n-primary-900:#312e81;--n-success:#10b981;--n-error:#ef4444;--n-warning:#f59e0b;--n-info:#3b82f6;--n-space-1:.25rem;--n-space-2:.5rem;--n-space-3:.75rem;--n-space-4:1rem;--n-space-5:1.25rem;--n-space-6:1.5rem;--n-space-8:2rem;--n-space-10:2.5rem;--n-space-12:3rem;--n-radius-sm:.375rem;--n-radius-md:.5rem;--n-radius-lg:.75rem;--n-radius-xl:1rem;--n-radius-2xl:1.5rem;--n-radius-full:9999px;--n-shadow-sm:0 1px 2px 0 #0000000d;--n-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--n-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000001a;--n-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--n-shadow-inner:inset 0 2px 4px 0 #0000000d;--n-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--n-transition-base:.25s cubic-bezier(.4, 0, .2, 1);--n-transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--n-bg-main:var(--n-zinc-50);--n-bg-surface:#fff;--n-bg-surface-alt:var(--n-zinc-100);--n-text-primary:var(--n-zinc-900);--n-text-secondary:var(--n-zinc-500);--n-text-muted:var(--n-zinc-400);--n-border:var(--n-zinc-200);--n-border-hover:var(--n-zinc-300);--n-glass-bg:#ffffffb3;--n-glass-border:#ffffff80;--n-primary:var(--n-primary-600);--n-primary-hover:var(--n-primary-700);--n-primary-foreground:#fff}[data-theme=dark]{--n-bg-main:var(--n-zinc-950);--n-bg-surface:var(--n-zinc-900);--n-bg-surface-alt:var(--n-zinc-800);--n-text-primary:var(--n-zinc-50);--n-text-secondary:var(--n-zinc-400);--n-text-muted:var(--n-zinc-500);--n-border:var(--n-zinc-800);--n-border-hover:var(--n-zinc-700);--n-glass-bg:#09090bb3;--n-glass-border:#ffffff1a;--n-primary:var(--n-primary-500);--n-primary-hover:var(--n-primary-400);--n-primary-foreground:#fff}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--n-bg-main);color:var(--n-text-primary);font-family:Outfit,Assistant,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--n-text-primary);font-family:Outfit,sans-serif;font-weight:700}.gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.n-card{background:var(--n-bg-surface);border:1px solid var(--n-border);border-radius:var(--n-radius-xl);padding:var(--n-space-6);box-shadow:var(--n-shadow-md);transition:var(--n-transition-base)}.n-card-hover:hover{border-color:var(--n-border-hover);box-shadow:var(--n-shadow-lg);transform:translateY(-2px)}.n-glass{background:var(--n-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--n-glass-border);box-shadow:var(--n-shadow-lg)}.n-gradient-bg{background:linear-gradient(-45deg,#6366f1,#a855f7,#ec4899,#3b82f6) 0 0/400% 400%;animation:15s infinite n-gradient-animation}@keyframes n-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.n-btn{padding:var(--n-space-2) var(--n-space-4);border-radius:var(--n-radius-md);transition:var(--n-transition-fast);cursor:pointer;justify-content:center;align-items:center;gap:var(--n-space-2);border:1px solid #0000;font-size:.875rem;font-weight:600;display:inline-flex}.n-btn-primary{background-color:var(--n-primary);color:var(--n-primary-foreground)}.n-btn-primary:hover{background-color:var(--n-primary-hover);transform:scale(1.02)}.n-btn-outline{border-color:var(--n-border);color:var(--n-text-primary);background-color:#0000}.n-btn-outline:hover{background-color:var(--n-bg-surface-alt);border-color:var(--n-border-hover)}.n-scale-on-hover{transition:var(--n-transition-fast)}.n-scale-on-hover:hover{transform:scale(1.05)}.n-active-press:active{transform:scale(.95)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--n-border);border-radius:var(--n-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--n-text-muted)}.n-select{border-radius:var(--n-radius-xl);appearance:none;cursor:pointer;transition:var(--n-transition-base);color:var(--n-text-primary);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;background-color:var(--n-bg-surface);border:1px solid var(--n-border);padding:12px 40px 12px 16px;font-size:15px;font-weight:600}.n-select:hover{border-color:var(--n-border-hover);background-color:var(--n-bg-surface-alt)}.n-select:focus{border-color:var(--n-primary);outline:none;box-shadow:0 0 0 2px #6366f133}.n-select option{background-color:var(--n-bg-surface);color:var(--n-text-primary)}[data-theme=light] .n-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .n-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}
:root{--bg-gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--bg-gradient-light:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%)}[data-theme=light]{--status-success:#16a34a;--status-error:#dc2626;--status-warning:#f59e0b;--status-info:#3b82f6;--status-syncing:#60a5fa;--modal-backdrop:#fffffffa;--modal-backdrop-alt:#f8fafcfa;--table-header-bg:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--table-header-text:#475569;--chip-background:#60a5fa1a;--chip-border:#60a5fa33;--card-bg:#fffffff2;--card-bg-alt:#f8fafcf2;--action-card-bg:#f8fafc99;--action-card-border:#94a3b833;--action-card-hover-border:#60a5fa66;--action-card-hover-bg:#f8fafce6;--error-bg:#fee2e2;--error-border:#fecaca;--error-text:#dc2626;--info-bg:#dbeafe;--info-border:#93c5fd;--info-text:#1e40af}[data-theme=dark]{--status-success:#22c55e;--status-error:#ef4444;--status-warning:#f59e0b;--status-info:#3b82f6;--status-syncing:#60a5fa;--modal-backdrop:#0f172afa;--modal-backdrop-alt:#1e293bfa;--table-header-bg:#0f172a80;--table-header-text:var(--text-secondary);--chip-background:#60a5fa33;--chip-border:#60a5fa4d;--card-bg:#1e293bf2;--card-bg-alt:#0f172af2;--action-card-bg:#1e293b80;--action-card-border:#94a3b833;--action-card-hover-border:#60a5fa66;--action-card-hover-bg:#1e293bcc;--error-bg:#7f1d1d33;--error-border:#ef44444d;--error-text:#fca5a5;--info-bg:#3b82f626;--info-border:#3b82f64d;--info-text:#93c5fd}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-default);color:var(--text-primary);min-height:100vh;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}[data-theme=dark] body{background:var(--bg-gradient-dark);background-attachment:fixed}[data-theme=light] body{background:var(--bg-gradient-light);background-attachment:fixed}body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-paper);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-paper);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{color:var(--text-primary);background:#3b82f64d}::selection{color:var(--text-primary);background:#3b82f64d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}a,button,input,select,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}a{color:#3b82f6;text-decoration:none}a:hover{color:#2563eb}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.fade-in{animation:.4s ease-out fadeIn}.slide-in{animation:.4s ease-out slideIn}.loading-shimmer{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/1000px 100%;animation:2s infinite shimmer}.glass{background:var(--bg-paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}[data-theme=dark] .glass{background:#1e293bb3;border:1px solid #ffffff1a}[data-theme=light] .glass{background:#ffffffb3;border:1px solid #ffffff80}.shadow-soft{box-shadow:0 4px 16px #00000014}.shadow-medium{box-shadow:0 8px 24px #0000001f}.shadow-strong{box-shadow:0 16px 48px #00000026}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px #3b82f640}.n-hover-lift{transition:var(--n-transition-base)}.n-hover-lift:hover{box-shadow:var(--n-shadow-xl);transform:translateY(-4px)}.n-layout-grid{gap:var(--n-space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}:root{--mobile-padding:12px;--tablet-padding:16px;--desktop-padding:24px;--header-height-mobile:56px;--header-height-desktop:48px}@media (max-width:768px){body{font-size:14px}::-webkit-scrollbar{width:6px}}.responsive-container{padding:var(--mobile-padding)}@media (min-width:768px){.responsive-container{padding:var(--tablet-padding)}}@media (min-width:1024px){.responsive-container{padding:var(--desktop-padding)}}@media (max-width:640px){.card-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (min-width:641px) and (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}.hide-mobile{display:block}@media (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:768px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}button,.touchable{min-width:44px;min-height:44px}.hero-section{border-radius:20px!important;margin:8px!important;padding:16px!important}.hero-section h1{font-size:22px!important}.controls-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.controls-row select,.controls-row button{width:100%!important;min-width:unset!important}.responsive-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-table{min-width:600px}.MuiDialog-paper{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important}}@media (max-width:480px){.date-toggle-group{flex-wrap:wrap!important}.date-toggle-group button{flex:auto!important;min-width:80px!important}}@media (max-width:640px){.summary-cards{flex-direction:column!important;gap:12px!important}.summary-card{width:100%!important;min-width:unset!important}}@media (max-width:768px){.mobile-spacing{padding-left:12px!important;padding-right:12px!important}.mobile-margin{margin-left:8px!important;margin-right:8px!important}}@media (hover:none){.card-hover:hover{transform:none;box-shadow:0 4px 16px #00000014}}@media (min-width:900px){body.drawer-open .main-content{margin-left:220px!important}body.drawer-closed .main-content{margin-left:0!important}[dir=rtl] body.drawer-open .main-content{margin-left:0!important;margin-right:220px!important}[dir=rtl] body.drawer-closed .main-content{margin-right:0!important}}@media (max-width:899px){.main-content{margin-left:0!important}[dir=rtl] .main-content{margin-right:0!important}}.main-content{transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1)!important}@media print{body{background:#fff}.no-print{display:none!important}}