.login-container{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:24px;background:var(--bg)}.auth-shell{width:100%;max-width:920px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -24px #7c2d1252,0 2px 8px #0f172a0f}.auth-hero{position:relative;padding:40px 38px;color:#fff;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 120% at 85% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(150deg,var(--brand-600) 0%,var(--brand-600-hover) 48%,var(--brand-900-dark) 100%)}.auth-hero:after{content:"";position:absolute;right:-60px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);pointer-events:none}.auth-hero-mark{display:flex;align-items:center;gap:10px;margin-bottom:26px}.auth-hero-mark-tile{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff47}.auth-hero-mark-ic{position:relative;display:inline-flex;align-items:center;justify-content:center}.auth-hero-mark-tick{position:absolute;margin-top:-1px}.auth-hero-mark-text{display:block}.auth-hero-mark-title{display:block;font-size:15px;font-weight:700;letter-spacing:.2px;color:#fff}.auth-hero-mark-sub{display:block;font-size:11px;color:#ffffffc7}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#ffffffd1;margin-bottom:10px}.hero-headline{font-size:27px;line-height:1.18;font-weight:800;margin:0 0 12px;letter-spacing:-.4px}.hero-blurb{font-size:13.5px;line-height:1.55;color:#ffffffdb;margin:0 0 24px;max-width:34ch}.hero-points{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-direction:column;gap:13px}.hero-points li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:#fffffff0}.hero-points .hp-ic{width:26px;height:26px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff38;margin-top:-1px}.hero-points strong{display:block;font-weight:700;font-size:13px;margin-bottom:1px}.hero-points .hp-sub{display:block;color:#ffffffbd;font-size:12px;line-height:1.4}.hero-foot{margin-top:auto;padding-top:26px;font-size:11.5px;color:#ffffffa8}.auth-card{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.login-card-header{margin-bottom:22px}.login-card-title{font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:5px;color:var(--text-strong)}.login-card-subtitle{font-size:13px;line-height:1.5;color:var(--text-light)}.login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 14px}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.login-remember input{accent-color:var(--brand-600)}.login-link-btn{background:none;border:none;padding:0;color:var(--brand-600);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer}.login-link-btn:hover{color:var(--brand-600-hover);text-decoration:underline}.login-submit{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.login-spin{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.login-spin{animation:none}}.login-back-btn{background:none;border:none;padding:12px 0 0;width:100%;color:var(--brand-600);font-size:13px;font-family:inherit;cursor:pointer}.login-back-btn:hover{color:var(--brand-600-hover);text-decoration:underline}.login-error{color:var(--fail);font-size:13px;margin-bottom:12px;padding:8px 12px;background:var(--fail-bg);border-radius:8px}.login-success{background:var(--success-bg);border:1px solid #86efac;color:#166534;border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:12px}.login-demo{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--text-light)}.login-version{margin-top:16px;text-align:center;font-size:11px;color:var(--text-light);letter-spacing:.04em}.login-sso{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px}.login-sso-mark{display:block;flex:none}.login-sso-text{font-size:11.5px;color:var(--text-light);letter-spacing:.01em}.login-sso-word{font-weight:800;letter-spacing:-.015em;color:var(--text-strong)}@media (max-width: 760px){.login-container{padding:0;align-items:stretch}.auth-shell{grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none;max-width:460px;min-height:100vh}.auth-hero{display:none}.auth-card{padding:56px 24px 40px;justify-content:flex-start}}.sidebar{width:220px;background:var(--chrome-grad-sidebar);color:var(--slate-300);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);position:sticky;top:0;overflow-y:auto;transition:transform .3s ease;z-index:90;border-right:1px solid rgba(0,0,0,.4);box-shadow:inset -1px 0 #00000080,3px 0 10px #0000004d}body.dark-mode .sidebar{background:linear-gradient(135deg,#ffffff0d,#ffffff03 22%,#fff0 45%,#0000 70%,#0003),linear-gradient(135deg,var(--slate-900) 0%,var(--slate-800) 100%)}.sidebar-nav{padding:16px 0 12px;flex:1}.sidebar-edit-toggle,.sidebar-edit-bar,.sidebar-footer{position:sticky;bottom:0;z-index:5}.sidebar-edit-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--sidebar-edit-bg);color:#ffffffc7;border:0;border-top:1px solid rgba(255,255,255,.12);padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.sidebar-edit-toggle:hover{color:#fff;background:#e8650a26}.sidebar-edit-bar{background:var(--brand-50-tint);border-top:1px solid var(--sidebar-edit-border);padding:10px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 -4px 12px #00000040}body.dark-mode .sidebar-edit-toggle{background:var(--slate-900)}.sidebar-item-wrap{position:relative}.sidebar-item{display:flex;align-items:center;gap:12px;padding:8px 20px;color:var(--sidebar-item-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;text-align:left;font-family:inherit;border-left:3px solid transparent}.sidebar-chev{margin-left:auto;color:var(--sidebar-chev);font-size:18px;line-height:1;transform:translateY(-1px);transition:color .15s,transform .15s}.sidebar-item-wrap:hover .sidebar-chev,.sidebar-item-wrap.is-flyout-open .sidebar-chev{color:var(--brand);transform:translate(2px,-1px)}.sidebar-flyout{position:fixed;left:220px;min-width:220px;max-width:260px;background:var(--sidebar-flyout-grad);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--brand);border-radius:0 8px 8px 0;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #00000073;padding:6px 0;z-index:200;animation:sidebar-flyout-in .12s ease-out}body.dark-mode .sidebar-flyout{background:var(--chrome-grad)}@keyframes sidebar-flyout-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sidebar-flyout-title{padding:8px 16px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.sidebar-flyout-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;color:var(--sidebar-item-text);font-size:13px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.sidebar-flyout-item:hover{background:#e8650a29;color:var(--sidebar-text-hover)}.sidebar-flyout-item.active{background:#e8650a38;color:var(--brand)}.sidebar-flyout-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}@media (max-width: 768px){.sidebar-chev,.sidebar-flyout{display:none}}.sidebar-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.sidebar-label{white-space:nowrap}.sidebar-divider{height:0;margin:2px 0 0}.sidebar-footer{padding:7px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--text-light);text-align:center;line-height:1.4}@media (max-width: 768px){.sidebar{position:fixed;top:60px;left:0;transform:translate(-100%);height:calc(100vh - 60px)}.sidebar.sidebar-open{transform:translate(0)}}.sidebar-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);padding:10px 18px 2px;-webkit-user-select:none;user-select:none}body.dark-mode .sidebar-heading{color:var(--sidebar-heading-muted)}.sidebar-item{color:var(--slate-300, #cbd5e1)}.sidebar-item:hover{background:#ffffff0f;color:var(--sidebar-text-hover)}.sidebar-item.active{background:#e8650a26;color:var(--brand);border-left-color:var(--brand)}.sidebar-flyout-item{color:var(--slate-300, #cbd5e1)}.sidebar.sidebar-collapsed{width:64px;transition:width .16s ease}.sidebar.sidebar-collapsed .sidebar-label,.sidebar.sidebar-collapsed .sidebar-heading,.sidebar.sidebar-collapsed .sidebar-chev,.sidebar.sidebar-collapsed .sidebar-edit-toggle,.sidebar.sidebar-collapsed .sidebar-footer>div:last-child{display:none}.sidebar.sidebar-collapsed .sidebar-item{justify-content:center;padding:9px 0;gap:0}.sidebar.sidebar-collapsed .sidebar-icon{width:auto}.sidebar.sidebar-collapsed .sidebar-item>span[title*="course request"]{position:absolute;top:6px;right:12px;min-width:7px;width:7px;height:7px;padding:0;font-size:0;border-radius:50%;margin-left:0}.sidebar.sidebar-collapsed .sidebar-footer{padding:8px 0}.sidebar.sidebar-collapsed .sidebar-footer>div:first-child{justify-content:center;gap:0}.sidebar.sidebar-collapsed .sidebar-footer>div:first-child>span{display:none}@media (max-width: 768px){.sidebar.sidebar-collapsed{width:220px}.sidebar.sidebar-collapsed .sidebar-label,.sidebar.sidebar-collapsed .sidebar-heading,.sidebar.sidebar-collapsed .sidebar-chev,.sidebar.sidebar-collapsed .sidebar-edit-toggle,.sidebar.sidebar-collapsed .sidebar-footer>div:last-child,.sidebar.sidebar-collapsed .sidebar-footer>div:first-child>span{display:revert}.sidebar.sidebar-collapsed .sidebar-item{justify-content:flex-start;padding:8px 20px;gap:12px}}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:100vw}.app-header{background:var(--topbar);color:var(--text);padding:0 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 0 var(--border),0 2px 6px #0f172a0a;position:sticky;top:0;z-index:100;height:60px;border-bottom:1px solid var(--border)}.app-header-left{display:flex;align-items:center;gap:14px}.sidebar-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md, 8px);background:var(--surface);border:1px solid var(--border);color:var(--text-light);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.sidebar-collapse-toggle:hover{background:var(--surface-2);color:var(--text)}@media (max-width: 768px){.sidebar-collapse-toggle{display:none}}.app-logo{font-size:16px;font-weight:600;display:flex;flex-direction:column;gap:1px;line-height:1.1;color:var(--text-strong)}.app-logo-sub{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--brand);opacity:1}.app-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header-right>*{flex-shrink:0}.app-header-right .btn{white-space:nowrap;min-width:auto;width:auto}.app-header-right .btn.btn-secondary{color:var(--text);border-color:var(--border);background:var(--surface)}.app-header-right .btn.btn-secondary:hover:not(:disabled){color:var(--brand-900-dark, #7c2d12);background:var(--brand-300-tint);border-color:var(--brand-600)}.user-info{text-align:right;font-size:14px;flex-shrink:0;white-space:nowrap}.user-info-name{font-weight:600;display:block;white-space:nowrap}.user-info-role{font-size:12px;opacity:.8;display:block;white-space:nowrap}.app-body{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;height:calc(100vh - 60px)}.app-content{flex:1;padding:24px;max-width:1600px;width:100%;min-width:0}.app-content.app-content--full{max-width:none}.hamburger{display:none;background:none;border:1px solid var(--border);color:var(--text-light);font-size:22px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md, 8px);transition:background .2s,color .2s}.hamburger:hover{background:var(--surface-2);color:var(--text)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:89}@media (max-width: 768px){.hamburger,.sidebar-overlay{display:block}.user-info{display:none}}:root{--brand-600: #e8650a;--brand-600-hover: #c2410c;--brand-300-tint: #fff3e6;--brand-50-tint: #fff7ed;--brand-900-dark: #7c2d12;--brand: var(--brand-600);--brand-light: var(--brand-300-tint);--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-500: #64748b;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--chrome-grad: linear-gradient(135deg, var(--slate-900) 0%, var(--slate-800) 100%);--chrome-grad-sidebar: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 5%, rgba(255,255,255,0) 12%), var(--slate-900);--chrome-shadow: 0 4px 14px rgba(15,23,42,.18);--chrome-border: 1px solid rgba(0,0,0,.4);--success: #16a34a;--success-bg: #dcfce7;--fail: #dc2626;--fail-bg: #fef2f2;--warning: #ea580c;--warning-bg: #fff7ed;--info: #1e40af;--info-bg: #dbeafe;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Monaco, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-base: 1.5;--lh-relaxed: 1.65;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 14px;--row-height-register: 40px}html,body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;text-align:right;white-space:nowrap;font-family:var(--font-sans)}.money-left{text-align:left}.money-bad{color:var(--fail)}.money-good{color:var(--success)}.chrome-bar{background:var(--chrome-grad);color:#fff;box-shadow:var(--chrome-shadow);border-left:5px solid var(--brand-600)}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:var(--radius-sm)}.reg-row{height:var(--row-height-register)}.reg-row td,.reg-cell{padding:8px 14px;font-size:var(--fs-base);line-height:var(--lh-tight);vertical-align:middle}.reg-row th{padding:6px 14px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-semibold);color:var(--text-light, #6b7280)}:root{--brand: #e8650a;--brand-light: #fff3e6;--brand-dark: #1a1a1a;--brand-text: var(--brand);--cta-on-brand: #ffffff;--surface: #fcfcfb;--surface-2: #eef1f4;--bg: #e2e8f0;--topbar: var(--surface);--text: #1a1a1a;--text-strong: #1a1a1a;--text-light: #4b5563;--border: #cbd0d8;--chip-success-bg: #dcfce7;--chip-success-fg: #166534;--chip-info-bg: #dbeafe;--chip-info-fg: #1e40af;--chip-warn-bg: #fef3c7;--chip-warn-fg: #92400e;--chip-danger-bg: #fee2e2;--chip-danger-fg: #991b1b;--chip-purple-bg: #ede9fe;--chip-purple-fg: #5b21b6;--chip-neutral-bg: #e2e8f0;--chip-neutral-fg: #475569;--surface-active: #e8e8e8;--btn-danger: #b91c1c;--btn-danger-hover: #991b1b;--btn-success: #15803d;--btn-success-hover: #166534;--btn-danger-grad: linear-gradient(to bottom, #ef5350 0%, #dc2626 100%);--btn-danger-grad-active: linear-gradient(to bottom, #dc2626 0%, #b91c1c 100%);--btn-success-grad: linear-gradient(to bottom, #22c55e 0%, #16a34a 100%);--sidebar-item-text: #cbd5e1;--sidebar-text-hover: #ffffff;--sidebar-chev: #666666;--sidebar-edit-bg: #1f2937;--sidebar-edit-border: #fed7aa;--sidebar-heading-muted: #888888;--sidebar-flyout-grad: linear-gradient(135deg, #1f2937 0%, #374151 100%);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08)}body.dark-mode{--surface: #172033;--surface-2: #1f2a3f;--bg: #0b1220;--topbar: #141d2e;--text: #e2e8f0;--text-strong: #f1f5f9;--text-light: #94a3b8;--border: #2a3550;--brand-text: #fb8a4f;--cta-on-brand: #1a1a1a;--brand-light: rgba(232,101,10,.12);--success-bg: #0f2e1c;--fail-bg: #341113;--warning-bg: #2f2207;--chip-success-bg: #0f2e1c;--chip-success-fg: #6ee7a8;--chip-info-bg: #102a4c;--chip-info-fg: #7db8f5;--chip-warn-bg: #2f2207;--chip-warn-fg: #f3c163;--chip-danger-bg: #341113;--chip-danger-fg: #f29a9a;--chip-purple-bg: #241a47;--chip-purple-fg: #c3aef0;--chip-neutral-bg: #20262e;--chip-neutral-fg: #c2ccd8}h1,h2,h3,h4{color:var(--text-strong)}th{color:var(--text-strong);font-weight:600}thead tr{background:var(--surface-2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);transition:background-color .3s,color .3s}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text)}.form-input,.form-select,.form-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:14px;background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #e8650a1a}.form-textarea{resize:vertical;min-height:100px}.btn{border:1px solid transparent;border-radius:var(--radius);padding:10px 18px;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #00000014;flex:0 0 auto}.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000000f}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:var(--cta-on-brand);border-color:transparent}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e8650a4d,0 2px 4px #00000014;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--brand-600-hover)}.btn-secondary{background-color:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--brand-light);border-color:var(--brand);color:var(--brand)}.btn-secondary:active:not(:disabled){background-color:var(--surface-active);border-color:var(--brand)}.btn-danger{background:var(--btn-danger-grad);color:#fff;border-color:transparent}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d,0 2px 4px #00000014;transform:translateY(-1px)}.btn-danger:active:not(:disabled){background:var(--btn-danger-grad-active)}.btn-success{background:var(--btn-success-grad);color:#fff;border-color:transparent}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #16a34a4d,0 2px 4px #00000014;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--brand-text);border:none;box-shadow:none;text-decoration:underline;text-underline-offset:4px;font-weight:500}.btn-ghost:hover:not(:disabled){color:var(--brand-text);box-shadow:none;transform:none}.btn-ghost:active:not(:disabled){transform:none}.btn-sm{font-size:11px;padding:6px 12px;border-radius:6px;gap:4px}.btn-lg{font-size:15px;padding:14px 26px;border-radius:8px}.btn-small{padding:4px 10px;font-size:11.5px;border-radius:6px;gap:4px}td>button,td>a.btn,td>input,td>select,td>.action-cell>button,td>.action-cell>a.btn{flex:0 0 auto;align-self:center}td .btn,td button{width:auto}td[style*=flex],.action-cell{align-items:center!important}.btn-soft{background:var(--brand-light);color:var(--brand);border:1px solid var(--brand);font-weight:600}.btn-soft:hover:not(:disabled){background:var(--brand);color:var(--cta-on-brand);box-shadow:0 3px 8px #e8650a40;transform:translateY(-1px)}.btn-soft:active:not(:disabled){background:#d14d04;color:#fff;border-color:#d14d04}.btn-icon{padding:6px;min-width:28px;justify-content:center}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-content{flex:1}.card-title{font-size:16px;font-weight:600;margin-bottom:4px}.card-subtitle{font-size:13px;color:var(--text-light);margin-bottom:8px}.card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-light)}.card-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.badge-pending{background-color:var(--warning-bg);color:var(--warning)}.badge-approved{background-color:var(--success-bg);color:var(--success)}.badge-rejected{background-color:var(--fail-bg);color:var(--fail)}.badge-active{background-color:var(--success-bg);color:var(--success)}.badge-completed{background-color:var(--chip-neutral-bg, #f3f4f6);color:var(--text-light)}.badge-on-hold{background-color:var(--warning-bg);color:var(--warning)}.badge-suspended{background-color:var(--fail-bg);color:var(--fail)}.badge-role{background-color:var(--brand-light);color:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}.stat-card{background:var(--surface);border-radius:var(--radius);padding:8px 12px;box-shadow:var(--shadow);border-left:3px solid var(--brand);display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label{font-size:11px;color:var(--text-light);text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:20px;font-weight:700;color:var(--brand);line-height:1}.filter-buttons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-button{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.filter-button:hover{border-color:var(--brand);color:var(--brand)}.filter-button.active{background-color:var(--brand);color:#fff;border-color:var(--brand)}.sub-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:16px}.sub-tab-btn{padding:10px 18px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:var(--text-light);margin-bottom:-2px;font-family:inherit;font-size:14px;transition:color .2s,border-color .2s}.sub-tab-btn:hover{color:var(--text)}.sub-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:200;align-items:center;justify-content:center;padding:16px}.modal-overlay.active{display:flex}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);padding:4px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th{text-align:left;padding:10px 12px;background:var(--bg);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);border-bottom:2px solid var(--border)}.report-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.report-table tr:hover td{background:var(--brand-light)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.card{flex-direction:column}.card-actions{width:100%;justify-content:flex-start}}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body.dark-mode{color-scheme:dark}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--surface);color:var(--text);border-color:var(--border)}body.dark-mode input:disabled,body.dark-mode select:disabled,body.dark-mode textarea:disabled{opacity:.6}.sds-row-expired{background:#fef2f2}.sds-row-expiring{background:#fffbeb}body.dark-mode .sds-row-expired{background:#dc26262e}body.dark-mode .sds-row-expiring{background:#d977062e}body.dark-mode .sds-row-expired td,body.dark-mode .sds-row-expiring td{color:var(--text)}body.dark-mode .sds-row-expired td[style*=text-light],body.dark-mode .sds-row-expiring td[style*=text-light]{color:#d4d4d4!important}@keyframes pulse{0%{box-shadow:0 0 #ea580c99}70%{box-shadow:0 0 0 8px #ea580c00}to{box-shadow:0 0 #ea580c00}}.inspec-messages-popup{color-scheme:light!important;background:#fff!important;color:#1f2937!important}.inspec-messages-popup *{color-scheme:light!important}.inspec-messages-popup>div:first-child{background:#fff!important}.inspec-messages-popup>div:first-child *{color:inherit!important}.inspec-messages-popup [data-bubbles]{background:#f8fafc!important}.inspec-messages-popup h1,.inspec-messages-popup h2,.inspec-messages-popup h3{color:#0f172a!important}.inspec-messages-popup p,.inspec-messages-popup span,.inspec-messages-popup div{color:inherit}.inspec-messages-popup textarea,.inspec-messages-popup input,.inspec-messages-popup select{background-color:#fff!important;color:#1f2937!important;color-scheme:light!important}.inspec-messages-popup [data-bubble-row][data-mine="0"] [data-bubble]{background:#fff!important;color:#1f2937!important;border:1px solid #e5e7eb!important}.inspec-messages-popup [data-bubble-row][data-mine="1"] [data-bubble]{background:#e8650a!important;color:#fff!important;border:0!important}.inspec-messages-popup [data-bubble][data-jumbo],[data-bubble][data-jumbo]{background:transparent!important;border:0!important;box-shadow:none!important}body.dark-mode [data-bubble][data-mine="0"],[data-bubble][data-mine="0"]{background:#fff!important;background-color:#fff!important;color:#1f2937!important;border:1px solid #e5e7eb!important}body.dark-mode [data-bubble][data-mine="1"],[data-bubble][data-mine="1"]{background:#e8650a!important;background-color:#e8650a!important;color:#fff!important;border:0!important}body.dark-mode [data-bubble][data-jumbo],[data-bubble][data-jumbo]{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}body.dark-mode [data-bubbles=true],[data-bubbles=true]{background:#f8fafc!important;background-color:#f8fafc!important}body.dark-mode textarea[data-conv-input],body.dark-mode input[data-conv-input],textarea[data-conv-input],input[data-conv-input]{background:#fff!important;background-color:#fff!important;color:#1f2937!important;border:1px solid #e5e7eb!important;-webkit-text-fill-color:#1f2937!important;caret-color:#1f2937!important}textarea[data-conv-input]::placeholder,input[data-conv-input]::placeholder{color:#9ca3af!important;opacity:1!important}body.dark-mode [data-surface-card]{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}body.dark-mode [data-surface-card=muted]{background:var(--surface-2)!important}