:root{--background:#f7f8fb;--foreground:#17202a;--scu-red:#b30738;--scu-red-dark:#8f002b;--muted:#5f6b7a;--line:#d8dde6;--panel:#ffffff;--panel-strong:#eef3f8;--brand:#b30738;--brand-dark:#8f062d;--teal:#0f766e;--amber:#b45309;--blue:#2563eb;--danger:#b42318}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.scu-site-header{background:#ffffff;border-bottom:1px solid #e5e5e5}.scu-header-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;min-height:92px;width:min(100% - 32px,1170px)}.scu-brand-mark{--fa-primary-color:var(--scu-red);--fa-secondary-color:#ffb600;--fa-secondary-opacity:1;align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.scu-brand-mark i{display:block;font-size:76px}.scu-logout-button{background:#ffffff;border:1px solid var(--scu-red);border-radius:4px;color:var(--scu-red);cursor:pointer;font:inherit;font-size:14px;line-height:1.2;padding:8px 14px}.scu-logout-button:focus-visible,.scu-logout-button:hover{background:var(--scu-red);color:#ffffff}.scu-logout-button:disabled{cursor:not-allowed;opacity:.7}.app-shell{min-height:100vh}.topbar{background:#ffffff;border-bottom:1px solid var(--line)}.topbar-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;padding:18px 24px;width:80vw}.brand-block h1{font-size:22px;line-height:1.2;margin:0}.brand-block p{color:var(--muted);font-size:14px;margin:4px 0 0}.user-pill{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;display:flex;gap:8px;min-height:38px;padding:0 12px;white-space:nowrap}.content{margin:0 auto;padding:24px;width:80vw}.summary-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;text-align:left}.metric-button:hover{border-color:#aeb8c6;box-shadow:0 1px 4px rgba(23,32,42,.12)}.metric-label{color:var(--muted);display:block;font-size:13px;margin-bottom:8px}.metric-value{font-size:24px;font-weight:700}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.tabs{background:var(--panel-strong);border-bottom:1px solid var(--line);display:flex;gap:4px;padding:8px}.tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--foreground);display:inline-flex;gap:8px;min-height:40px;padding:0 14px}.tab[aria-selected=true]{background:#ffffff;border-color:var(--line);box-shadow:0 1px 2px rgba(23,32,42,.08)}.panel{padding:22px}.panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-header h2{font-size:20px;margin:0}.panel-header p{color:var(--muted);margin:6px 0 0}.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:6px;min-height:42px;padding:0 11px}.field-full{grid-column:1/-1}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.actions,.button{align-items:center}.button{border:1px solid transparent;border-radius:6px;display:inline-flex;gap:8px;min-height:40px;padding:0 14px}.button-primary{background:var(--brand);color:#ffffff}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:#ffffff;border-color:var(--line);color:var(--foreground)}.button-danger{background:#ffffff;border-color:#f3b4ad;color:var(--danger);margin-left:8px}.button-danger:hover{background:#fff1f0}.filter-panel{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-label{color:var(--muted);font-size:13px;font-weight:700}.check-label{align-items:center;display:inline-flex;gap:6px;font-size:14px}.date-input{border:1px solid var(--line);border-radius:6px;min-height:36px;padding:0 10px}.bulk-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:12px}.notice{border-radius:6px;margin-bottom:16px;padding:12px 14px}.notice-error{background:#fff1f0;border:1px solid #ffccc7;color:var(--danger)}.notice-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;min-width:860px;width:100%}td,th{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left}th{background:var(--panel-strong);color:var(--muted);font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:0}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 9px}.status-pending{background:#fef3c7;color:var(--amber)}.status-approved{background:#ccfbf1;color:var(--teal)}.status-exported{background:#dbeafe;color:var(--blue)}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:240px;text-align:center}.empty-state strong{color:var(--foreground);font-size:18px}@media (max-width:760px){.scu-header-container{min-height:76px}.scu-brand-mark i{font-size:58px}.actions,.panel-header,.topbar-inner{align-items:stretch;flex-direction:column}.form-grid,.summary-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}.content{padding:16px}.content,.topbar-inner{width:100%}}