@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border-color,#ffffff26);border-top-color:var(--brand-primary,#701a28);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:18px;height:18px}:root,[data-theme=light]{--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--brand-primary:#701a28;--brand-primary-hover:#54131e;--brand-primary-light:#fdf2f4;--brand-primary-border:#fecdd3;--brand-gradient:linear-gradient(135deg, #701a28 0%, #9f1239 100%);--bg-app:#f4f6f8;--bg-surface:#fff;--bg-card:#fff;--bg-sidebar:#fff;--bg-header:#fffffff0;--bg-input:#f1f5f9;--bg-hover:#f8fafc;--bg-active:#fdf2f4;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-heading:#0f172a;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--border-accent:#fecdd3;--color-success:#059669;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 1px 3px #0000000d, 0 1px 2px -1px #00000008;--shadow-hover:0 4px 12px #0000000f;--shadow-dropdown:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:240px;--header-height:60px}[data-theme=dark]{--brand-primary:#e11d48;--brand-primary-hover:#be123c;--brand-primary-light:#e11d4826;--brand-primary-border:#e11d484d;--brand-gradient:linear-gradient(135deg, #9f1239 0%, #e11d48 100%);--bg-app:#0b0f19;--bg-surface:#111827;--bg-card:#111827;--bg-sidebar:#0f172a;--bg-header:#0f172aeb;--bg-input:#1e293b;--bg-hover:#ffffff0a;--bg-active:#e11d4826;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-heading:#fff;--border-color:#ffffff14;--border-subtle:#ffffff0a;--border-accent:#e11d484d;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--shadow-sm:0 1px 3px #0000004d;--shadow-card:0 4px 20px #00000040;--shadow-hover:0 8px 30px #00000059;--shadow-dropdown:0 16px 40px #00000073}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-app);max-width:100vw;min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;transition:background-color .2s,color .2s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:4px}.app-layout{background-color:var(--bg-app);flex-direction:column;min-height:100dvh;display:flex}.app-container{flex:1;width:100%;display:flex}.main-content{min-width:0;padding:24px 28px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}@media (max-width:1024px){.main-content{padding:16px 14px;padding-bottom:calc(70px + max(10px, calc(env(safe-area-inset-bottom,0px) - 22px)))}}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justifyContent:space-between;flex-direction:column;padding:18px;transition:all .15s;display:flex;position:relative}.dashboard-card:active{transform:scale(.99)}.section-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}@media (max-width:768px){.section-panel,.dashboard-card{border-radius:var(--radius-md);padding:16px}}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #701a2833}.btn-primary:active{transform:scale(.97)}.btn-outline{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-outline:active{transform:scale(.97)}.btn-logout{color:var(--color-danger);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.search-input-pill{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);width:100%;color:var(--text-primary);outline:none;padding:8px 14px 8px 36px;font-size:.86rem;transition:all .2s}.form-control{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #701a281f}.table-container{border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.portal-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.86rem}.portal-table th{background-color:var(--bg-input);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:11px 16px;font-size:.72rem;font-weight:600}.portal-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:13px 16px}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 8px;font-size:.7rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #05966933}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #d9770633}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid #dc262633}.badge-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid #2563eb33}.badge-gold{background-color:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--brand-primary-border)}.executive-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1024px){.executive-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:540px){.executive-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile-only{display:none!important}}.glass-segmented-control{-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f0f2f6d9;border-radius:9999px;grid-template-columns:1fr 1fr;width:100%;max-width:440px;height:52px;padding:5px;display:grid;position:relative;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .glass-segmented-control{box-shadow:0 8px 30px #00000059;background:#1e293bbf!important;border-color:#ffffff14!important}.glass-slider-pill{will-change:transform;pointer-events:none;z-index:0;background:#fff;border:.5px solid #0000000a;border-radius:9999px;width:calc(50% - 5px);transition:transform .4s cubic-bezier(.32,.72,0,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000a}[data-theme=dark] .glass-slider-pill{background:#ffffff1f!important;border:1px solid #ffffff24!important;box-shadow:0 4px 16px #0006!important}.glass-segment-btn{z-index:1;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .25s,transform .15s;display:inline-flex;position:relative}.glass-segment-btn:active{transform:scale(.98)}.glass-segment-btn.active{color:var(--brand-primary);font-weight:700}[data-theme=dark] .glass-segment-btn.active{color:#fff!important}.glass-segment-btn .tab-icon{transition:transform .25s}.glass-segment-btn.active .tab-icon{transform:scale(1.08)}.animate-spin{animation:1s linear infinite spin}.modal-content{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.dashboard-card-clickable{-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s,border-color .2s}.dashboard-card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary);transform:translateY(-3px)}.dashboard-card-clickable:active{transform:scale(.98)}