:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182230;background:#f4f7fb;font-synthesis:none;--nav:#14243c;--nav2:#203b5d;--primary:#f26522;--primary-dark:#d84c0f;--border:#e5eaf1;--muted:#667085;--success:#14804a;--danger:#c9372c;--warning:#a15c00;--shadow:0 8px 28px rgba(16,35,63,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,var(--nav),#0e1c30);color:#fff;display:flex;flex-direction:column;z-index:30;box-shadow:10px 0 30px #0916271f}.brand-row{display:flex;gap:12px;align-items:center;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.brand-row small,.sidebar-user small,.topbar small{display:block;color:#91a4bd;font-size:12px;margin-top:3px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ff8a4c,var(--primary));font-weight:800;box-shadow:0 8px 22px #f2652259}.brand-mark.large{width:62px;height:62px;font-size:20px}.nav-list{padding:14px 10px;overflow:auto;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#c8d4e2;margin:3px 0;font-size:14px}.nav-item:hover{background:#ffffff14;color:#fff}.nav-active{background:linear-gradient(90deg,var(--primary),#f68649);color:#fff;box-shadow:0 8px 18px #f2652238}.sidebar-user{display:flex;gap:10px;align-items:center;padding:14px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user-text{flex:1;min-width:0;overflow:hidden}.sidebar-user-text strong,.sidebar-user-text small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{width:36px;height:36px;border-radius:50%;background:#365578;display:grid;place-items:center;font-weight:700}.main-area{margin-left:268px;width:calc(100% - 268px);min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.topbar>div:first-of-type{flex:1}.topbar-actions{margin-left:auto}.content-area{padding:24px;max-width:1680px;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-header h1{font-size:24px;margin-bottom:5px}.page-header p{color:var(--muted);margin:0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.card,.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card{padding:18px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.card-head h2{font-size:17px;margin-bottom:4px}.card-head p,.muted{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{padding:17px;display:flex;align-items:center;gap:14px}.stat-card small{display:block;color:var(--muted);margin-bottom:5px}.stat-card strong{font-size:21px}.stat-icon{width:44px;height:44px;border-radius:12px;background:#fff1e9;color:var(--primary);display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.activity-list{display:flex;flex-direction:column}.activity-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:0}.activity-row strong,.activity-row small{display:block}.activity-row small,.activity-row time{font-size:12px;color:var(--muted);margin-top:3px}.btn{border:0;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:13px;transition:.15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:#344054;border:1px solid #d5dbe5}.btn-danger{background:#fff0ef;color:var(--danger);border:1px solid #ffd4cf}.btn-success{background:#eaf8f0;color:var(--success);border:1px solid #bee7ce}.btn-wide{width:100%;padding:12px}.icon-btn{border:0;background:transparent;color:inherit;width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.icon-btn:hover{background:#0000000f}.icon-btn.danger{color:var(--danger)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}th{background:#f8fafc;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}tbody tr:hover{background:#fbfcfe}.empty-cell{text-align:center;color:var(--muted);padding:30px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.badge-success{background:#eaf8f0;color:#087443}.badge-danger{background:#fff0ef;color:#b42318}.badge-warning{background:#fff4e5;color:#8a4b00}.badge-neutral{background:#eef2f6;color:#475467}.row-actions{display:flex;gap:4px}.form-card{padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;font-weight:650;color:#344054}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd4df;border-radius:8px;padding:10px 11px;background:#fff;color:#182230;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f68649;box-shadow:0 0 0 3px #f265221f}.field-full{grid-column:1/-1}.align-end{align-self:end}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tab{background:#fff;border:1px solid var(--border);padding:9px 12px;border-radius:8px;color:#475467}.tab-active{background:#fff1e9;border-color:#ffc6a7;color:#b54708;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1c308c;display:grid;place-items:center;padding:20px;z-index:100}.modal-card{background:#fff;border-radius:14px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-card>header,.modal-card>footer{padding:16px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-card>footer{border-top:1px solid var(--border);border-bottom:0}.modal-card h2{font-size:18px;margin:0}.modal-body{padding:19px}.modal-actions{margin-left:auto;display:flex;gap:9px}.loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{width:20px;height:20px;border:3px solid #dce3ec;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:20px;top:84px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 15px;border-radius:9px;background:#fff;box-shadow:0 12px 35px #0000002e;border-left:4px solid var(--success);font-size:13px;max-width:360px}.toast-error{border-color:var(--danger)}.form-error{background:#fff0ef;color:#b42318;padding:10px;border-radius:8px;font-size:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-panel{padding:56px;background:linear-gradient(145deg,#0e1c30,#21486d);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#f265222b;right:-150px;bottom:-160px}.login-brand{display:flex;align-items:center;gap:15px;z-index:1}.login-brand h1{margin:0;font-size:26px}.login-brand p{color:#b8c7d9;margin:4px 0 0}.login-copy{max-width:620px;z-index:1}.login-copy h2{font-size:46px;line-height:1.08;margin:18px 0}.login-copy p{font-size:17px;color:#c7d4e2;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#ffc7aa}.login-card{width:min(430px,calc(100% - 40px));margin:auto;display:flex;flex-direction:column;gap:17px}.login-card h2{font-size:30px;margin-bottom:-10px}.login-card>p,.login-card>small{color:var(--muted)}.fatal-screen{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-box{padding:15px;border:1px solid var(--border);border-radius:10px;background:#fafcff}.summary-box small,.summary-box strong{display:block}.summary-box small{color:var(--muted);margin-bottom:6px}.summary-box strong{font-size:20px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.code-note{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f6f8fa;border:1px solid var(--border);border-radius:8px;padding:11px;font-size:12px;overflow:auto}.mobile-only,.sidebar-overlay{display:none}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters .field{min-width:180px}.notice{padding:13px 15px;border-radius:9px;background:#eef6ff;border:1px solid #cfe4ff;color:#234b74;margin-bottom:16px;font-size:13px}.danger-note{background:#fff2f0;border-color:#ffd1cc;color:#8f2920}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translate(-105%);transition:.2s}.sidebar-open{transform:translate(0)}.main-area{margin-left:0;width:100%}.mobile-only{display:grid}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;border:0;z-index:25}.content-area{padding:16px}.topbar{padding:0 14px}.page-header{flex-direction:column}.login-page{grid-template-columns:1fr}.login-panel{display:none}.login-card{padding:36px 0}.form-grid,.summary-grid,.inline-form,.stat-grid{grid-template-columns:1fr}}.fatal-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7fb}.fatal-card{width:min(620px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--shadow);text-align:center}.fatal-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:16px;background:#fff1eb;color:var(--primary)}.fatal-card h1{font-size:28px;margin-bottom:10px}.fatal-card>p{color:var(--muted);line-height:1.55}.fatal-meta{display:grid;gap:8px;margin:20px 0;padding:14px;border-radius:12px;background:#f8fafc;text-align:left;font-size:14px;word-break:break-word}.fatal-hint{padding:10px 12px;border-radius:10px;background:#fff7e6;color:#8a4b00}.fatal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.fatal-card small{display:block;color:var(--muted);line-height:1.45}:root{--page-bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#fafcff;--text:#182230;--text-soft:#344054;--table-hover:#fbfcfe;--input-border:#ccd4df}[data-theme=dark]{color:#e8eef6;background:#0b1220;--page-bg:#0b1220;--surface:#111c2e;--surface-2:#17243a;--surface-3:#142137;--text:#e8eef6;--text-soft:#c7d3e3;--border:#2a3a52;--muted:#9fb0c5;--table-hover:#17263d;--input-border:#3a4b64;--shadow:0 10px 30px rgba(0,0,0,.28)}body,.app-shell,.main-area,.content-area,.fatal-screen{background:var(--page-bg);color:var(--text)}.topbar,.card,.stat-card,.modal-card,.toast,.login-page,.login-card,.tab,.btn-secondary{background:var(--surface);color:var(--text)}.summary-box,.fatal-meta,th,.code-note{background:var(--surface-2);color:var(--text-soft)}.field span,.btn-secondary,.tab{color:var(--text-soft)}.field input,.field select,.field textarea{background:var(--surface);color:var(--text);border-color:var(--input-border)}.login-theme-toggle{position:fixed;top:18px;right:18px;z-index:50;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}[data-theme=dark] .icon-btn:hover{background:#ffffff14}[data-theme=dark] .notice{background:#132b46;border-color:#254a70;color:#c8e2ff}[data-theme=dark] .danger-note{background:#3b1d20;border-color:#6b3035;color:#ffc7c3}[data-theme=dark] .tab-active{background:#3a241b;border-color:#7c492f;color:#ffbd96}[data-theme=dark] .btn-danger{background:#3b1d20;border-color:#6b3035;color:#ffb4ad}[data-theme=dark] .btn-success{background:#143526;border-color:#286244;color:#8de0b1}[data-theme=dark] .form-error{background:#3b1d20;color:#ffb4ad}[data-theme=dark] .fatal-card{background:var(--surface)}[data-theme=dark] .fatal-screen{background:var(--page-bg)}.nav-groups{padding-top:10px}.nav-group{margin-bottom:6px}.nav-group-title{width:100%;border:0;background:transparent;color:#8fa5be;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nav-group-title:hover{color:#fff}.nav-group-items{display:flex;flex-direction:column}.nav-count{margin-left:auto;background:#f04438;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800}.notification-button{position:relative}.notification-button>span{position:absolute;right:-3px;top:-3px;background:#f04438;color:#fff;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:10px;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:5px}.workspace-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;margin-bottom:4px}.workspace-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:10px;padding:10px 13px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:700}.workspace-tab:hover{border-color:#f5a076;color:var(--primary)}.workspace-tab.active{background:#fff1e9;border-color:#ffc6a7;color:#b54708;box-shadow:0 6px 16px #f265221a}[data-theme=dark] .workspace-tab.active{background:#3a241b;border-color:#7c492f;color:#ffbd96}.workspace-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:var(--shadow)}.panel-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-toolbar h2{font-size:18px;margin:0 0 4px}.panel-toolbar p{color:var(--muted);font-size:13px;margin:0;max-width:780px}.panel-toolbar .filters{margin:0}.table-search{display:flex;align-items:center;gap:7px;border:1px solid var(--input-border);background:var(--surface);border-radius:9px;padding:0 10px;min-width:210px}.table-search input{border:0;outline:0;background:transparent;color:var(--text);padding:9px 0;width:100%;font-size:13px}.block-note{display:block;color:var(--muted);font-size:12px;margin-top:3px;max-width:560px}.btn-small{padding:6px 9px;font-size:11px;border-radius:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--shadow)}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff1e9;color:var(--primary);flex:0 0 auto}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{font-size:21px;margin:3px 0}.metric-card span{color:var(--muted);font-size:11px}.balance-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow)}.balance-strip>div{background:var(--surface);padding:15px}.balance-strip small,.balance-strip strong{display:block}.balance-strip small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.balance-strip strong{font-size:18px;margin-top:5px}.enterprise-guidance{display:flex;gap:14px;align-items:flex-start}.enterprise-guidance svg{color:var(--primary);flex:0 0 auto}.enterprise-guidance h2{font-size:16px;margin-bottom:4px}.enterprise-guidance p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.folder-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:14px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:5px;transition:.15s}.folder-card:hover{transform:translateY(-2px);border-color:#f5a076;box-shadow:var(--shadow)}.folder-card svg{color:#e68a00;margin-bottom:7px}.folder-card strong{font-size:15px}.folder-card span,.folder-card small{color:var(--muted);font-size:12px}.empty-folder{grid-column:1/-1;border:1px dashed var(--border);border-radius:12px;padding:35px;text-align:center;color:var(--muted)}.workflow-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow-card{border:1px solid var(--border);border-radius:13px;background:var(--surface-2);overflow:hidden}.workflow-card-main{width:100%;background:transparent;border:0;color:var(--text);padding:16px;text-align:left}.workflow-card-main>div{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.workflow-card-main strong{font-size:15px}.workflow-card-main span,.workflow-card-main small,.workflow-card-main p{font-size:12px;color:var(--muted)}.workflow-card-main p{min-height:36px;margin:9px 0}.workflow-card-actions{display:flex;justify-content:flex-end;gap:3px;padding:7px 10px;border-top:1px solid var(--border);background:var(--surface)}.breadcrumb-button{border:0;background:transparent;color:var(--primary);padding:0;margin-bottom:6px;font-size:12px;font-weight:750}.panel-toolbar h2 svg{vertical-align:middle;margin-right:4px}.workflow-flowline{display:flex;align-items:center;gap:8px;overflow:auto;padding:14px 2px 18px}.workflow-node{min-width:150px;border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:3px}.workflow-node>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:11px;font-weight:800}.workflow-node strong{font-size:13px}.workflow-node small{font-size:10px;color:var(--muted)}.workflow-connector{color:var(--primary);font-size:22px;font-weight:900}.report-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.report-tile{border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);padding:13px;text-align:left;display:flex;flex-direction:column;gap:3px}.report-tile strong{font-size:13px}.report-tile small{font-size:11px;color:var(--muted)}.report-tile.active{border-color:#f5a076;background:#fff1e9;color:#b54708}[data-theme=dark] .report-tile.active{background:#3a241b;color:#ffbd96}.filters.compact{align-items:end}.compact .field{min-width:140px}.archive-selector{display:flex;align-items:end;gap:18px}.archive-selector .field{min-width:300px}.archive-selector p{color:var(--muted);font-size:12px;margin:0 0 10px}.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.backup-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.backup-card>svg{color:var(--primary)}.backup-card h2{font-size:17px;margin-bottom:5px}.backup-card p{font-size:12px;color:var(--muted);line-height:1.5}.backup-card>.btn,.backup-card>.code-note{grid-column:1/-1}.control-list{display:flex;flex-direction:column}.control-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.control-list>div:last-child{border-bottom:0}.clean-list{padding-left:18px;color:var(--text-soft);font-size:13px;line-height:1.8}.workspace-filterbar{display:flex;justify-content:flex-end;margin:-4px 0 12px}.compact-field{min-width:220px}.check-row{display:flex;flex-direction:row;gap:18px;flex-wrap:wrap;padding:10px;border:1px solid var(--border);border-radius:9px}.check-row label{display:flex;align-items:center;gap:7px;font-size:12px}.input-with-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--input-border);background:var(--surface);border-radius:8px;padding:0 10px}.input-with-icon input{border:0!important;box-shadow:none!important;padding-left:0!important}.search-field{min-width:min(500px,100%)}@media(max-width:1300px){.metric-grid,.folder-grid,.report-selector{grid-template-columns:repeat(3,1fr)}.workflow-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.metric-grid,.folder-grid,.report-selector,.backup-grid,.balance-strip{grid-template-columns:repeat(2,1fr)}.workflow-card-grid{grid-template-columns:1fr}.panel-toolbar,.archive-selector{flex-direction:column;align-items:stretch}.table-search,.archive-selector .field{min-width:0}}@media(max-width:560px){.metric-grid,.folder-grid,.report-selector,.backup-grid,.balance-strip{grid-template-columns:1fr}.workspace-tab{padding:9px 10px}.panel-toolbar .page-actions{width:100%}.panel-toolbar .page-actions>*{flex:1}.workflow-flowline{align-items:stretch}.workflow-connector{transform:rotate(90deg);align-self:center}}.calendar-rule{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--surface-2)}.calendar-rule span{color:var(--muted);font-size:.9rem}.calendar-rule.full_off{border-left:4px solid #22c55e}.calendar-rule.half_day{border-left:4px solid #f59e0b}.calendar-rule.special_working{border-left:4px solid #3b82f6}.calendar-rule.regular{border-left:4px solid var(--primary)}.table-subtext{display:block;margin-top:3px;color:var(--muted);font-weight:400;white-space:nowrap}.payroll-summary-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.payroll-detail-card .table-wrap{overflow:auto}.nav-subitem{padding-left:20px;font-size:13px;min-height:38px}.nav-subitem svg{opacity:.85}.nav-subitem.nav-active svg{opacity:1}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;gap:9px}.calendar-title{display:flex;align-items:center;gap:9px;min-width:190px}.calendar-title svg{color:var(--primary)}.calendar-title h2{font-size:20px;margin:0}.calendar-branch-field{margin:0;min-width:300px}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.calendar-legend .legend{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:700}.calendar-legend .legend i{width:9px;height:9px;border-radius:50%;display:block}.calendar-legend .regular i{background:#f26522}.calendar-legend .off i{background:#7b8794}.calendar-legend .half i{background:#f5a524}.calendar-legend .special i{background:#1677ff}.calendar-scroll{padding:0;overflow:auto;margin-bottom:12px}.enterprise-calendar{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));min-width:924px;background:var(--border);gap:1px}.calendar-head{background:var(--surface-2);color:var(--text-soft);padding:11px 12px;text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.calendar-cell{min-height:118px;border:0;border-radius:0;background:var(--surface);color:var(--text);padding:11px;text-align:left;display:flex;flex-direction:column;gap:6px;position:relative;transition:background .15s ease,box-shadow .15s ease}.calendar-cell:not(:disabled):hover{z-index:2;box-shadow:inset 0 0 0 2px var(--primary);cursor:pointer}.calendar-cell:disabled{opacity:1;cursor:default}.calendar-cell.empty{background:var(--surface-2);min-height:118px}.calendar-cell-top{display:flex;align-items:center;justify-content:space-between}.calendar-cell-top strong{font-size:15px}.calendar-cell-top svg{color:var(--muted)}.calendar-status{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.calendar-day-title{font-size:12px;font-weight:700;line-height:1.25}.calendar-cell small{margin-top:auto;color:var(--muted);font-size:11px}.calendar-cell.regular{border-top:3px solid #f26522}.calendar-cell.regular .calendar-status{background:#fff1e9;color:#b54708}.calendar-cell.full_off{border-top:3px solid #7b8794;background:#f8fafc}.calendar-cell.full_off .calendar-status{background:#e9eef3;color:#435262}.calendar-cell.half_day{border-top:3px solid #f5a524;background:#fffbeb}.calendar-cell.half_day .calendar-status{background:#fff0c2;color:#8a5800}.calendar-cell.special_working{border-top:3px solid #1677ff;background:#f3f8ff}.calendar-cell.special_working .calendar-status{background:#dceaff;color:#0958b7}.calendar-cell.is-today{box-shadow:inset 0 0 0 2px var(--primary)}.calendar-cell.is-today .calendar-cell-top strong{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.calendar-loading{margin:8px 0 12px}[data-theme=dark] .calendar-cell.full_off{background:#17202b}.calendar-cell.full_off .calendar-day-title{color:var(--text-soft)}[data-theme=dark] .calendar-cell.half_day{background:#2b2617}[data-theme=dark] .calendar-cell.special_working{background:#15243a}[data-theme=dark] .calendar-cell.regular .calendar-status{background:#3a241b;color:#ffbd96}[data-theme=dark] .calendar-cell.full_off .calendar-status{background:#2a3542;color:#c9d3df}[data-theme=dark] .calendar-cell.half_day .calendar-status{background:#493b16;color:#ffd979}[data-theme=dark] .calendar-cell.special_working .calendar-status{background:#173a68;color:#9dc7ff}@media(max-width:900px){.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-branch-field,.calendar-title{min-width:0}.calendar-nav{flex-wrap:wrap}}.combo-field{position:relative;display:flex;flex-direction:column;gap:7px}.combo-search{width:100%;min-height:38px;border:1px solid var(--input-border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 10px;font-size:13px}.combo-field select{margin-top:0}.combo-count{display:block;color:var(--muted);font-size:11px;margin-top:2px}.field-hint{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.formula-note{display:grid;gap:7px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:13px 15px;color:var(--text-soft);font-size:13px;line-height:1.5}.exception-form{display:grid;grid-template-columns:1.2fr .9fr .9fr .6fr 1.4fr auto;gap:12px;align-items:end}.check-card{display:flex!important;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;min-height:44px;cursor:pointer;-webkit-user-select:none;user-select:none}.check-card:hover{border-color:#f5a076;background:var(--surface-2)}.check-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);flex:0 0 auto}.check-card span{color:var(--text)!important;font-size:13px;font-weight:700}.check-row{gap:10px}.finance-export-lock{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.payroll-detail-card .table-wrap table{min-width:2150px}.payroll-detail-card input,.payroll-detail-card select{min-width:110px}.readonly-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;color:var(--muted);font-weight:800}@media(max-width:1100px){.exception-form{grid-template-columns:repeat(2,minmax(0,1fr))}.exception-form .btn{min-height:42px}.report-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.content-area{padding:14px}.page-header,.page-header-content,.page-actions,.filters,.modal-actions,.panel-toolbar{align-items:stretch!important;flex-direction:column!important}.page-actions,.modal-actions{width:100%}.page-actions .btn,.modal-actions .btn,.filters .btn{width:100%;justify-content:center}.form-grid,.inline-form,.split-grid,.summary-grid,.exception-form{grid-template-columns:1fr!important}.field,.search-field,.compact-field{min-width:0!important;width:100%}.field input,.field select,.field textarea,.combo-search{min-height:42px;font-size:15px}.btn{min-height:42px}.card{border-radius:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.check-row{display:grid;grid-template-columns:1fr!important}.check-card{min-height:48px}.check-card input[type=checkbox]{width:22px;height:22px}.topbar-actions{flex-wrap:wrap}.report-selector,.folder-grid,.metric-grid,.backup-grid,.balance-strip,.workflow-card-grid{grid-template-columns:1fr!important}.calendar-toolbar{padding:12px}.calendar-scroll{margin-left:-2px;margin-right:-2px}.enterprise-calendar{min-width:760px}}.voucher-lines{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.voucher-line{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(180px,1.5fr) 44px;gap:.5rem;align-items:center}.voucher-line-head{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.voucher-line input,.voucher-line select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:.55rem .7rem}.voucher-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.voucher-totals{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.92rem}.text-danger{color:#dc2626}.text-success{color:#16a34a}@media(max-width:820px){.voucher-line{grid-template-columns:1fr}.voucher-line-head{display:none}.voucher-line .icon-btn{justify-self:flex-end}.voucher-totals{flex-direction:column;align-items:flex-start}.modal-actions{flex-wrap:wrap}.modal-actions .btn{width:100%;justify-content:center}}.searchable-field select,.searchable-field input{background:var(--surface)!important;color:var(--text)!important;border-color:var(--input-border)!important}.searchable-field.no-label>span{display:none}.searchable-field.no-label{gap:4px}.toolbar-line{display:flex;justify-content:flex-end;margin:-4px 0 14px}.segmented-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented-choice button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:13px;font-weight:800}.segmented-choice button.active{background:var(--primary);border-color:var(--primary);color:#fff}.attendance-grid-card{display:grid;gap:14px}.attendance-exception-grid{display:grid;gap:8px}.attendance-exception-head,.attendance-exception-row{display:grid;grid-template-columns:160px minmax(250px,1fr) minmax(240px,1.2fr) 64px;gap:10px;align-items:center}.attendance-exception-head{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850}.attendance-exception-row{padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.attendance-exception-row input,.attendance-exception-row select{min-height:42px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 10px}.permission-matrix-card{display:grid;gap:14px}.branch-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:12px}.permission-matrix{overflow:auto;border:1px solid var(--border);border-radius:14px}.permission-matrix-head,.permission-matrix-row{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(6,minmax(88px,.7fr));gap:1px;align-items:center;background:var(--border);min-width:760px}.permission-matrix-head>span,.permission-matrix-row>*{background:var(--surface);padding:10px;min-height:46px;display:flex;align-items:center;justify-content:center}.permission-matrix-row>strong{justify-content:flex-start;font-size:12px}.permission-matrix-head>span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.matrix-check input{position:absolute;opacity:0}.matrix-check span{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);display:grid!important;place-items:center;color:transparent;background:var(--surface-2)}.matrix-check input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}.profile-list{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.profile-list>div{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;gap:12px;background:var(--surface);padding:10px 12px}.profile-list span{color:var(--muted);font-size:12px}.profile-list strong{font-size:13px}.profile-card .card-head h2{display:flex;gap:8px;align-items:center}.voucher-lines,.voucher-footer,.voucher-line input,.voucher-line select,.voucher-line .combo-search{color:var(--text)!important}.voucher-line{background:transparent}.voucher-line .searchable-field{margin:0}.voucher-line .field{gap:4px}.voucher-line input,.voucher-line select,.voucher-line .combo-search{background:var(--surface)!important;border-color:var(--input-border)!important}.voucher-footer{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.voucher-totals span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 10px}.modal-card{color:var(--text)}[data-theme=dark] .voucher-footer,[data-theme=dark] .attendance-exception-row{background:#17243a}[data-theme=dark] .voucher-totals span,[data-theme=dark] .permission-matrix-row>*{background:#111c2e}[data-theme=dark] .segmented-choice button.active{color:#fff}.finance-easy-note{border-left:4px solid var(--primary)}@media(max-width:900px){.attendance-exception-head{display:none}.attendance-exception-row{grid-template-columns:1fr}.permission-matrix-head,.permission-matrix-row{grid-template-columns:minmax(140px,1fr) repeat(6,72px);min-width:620px}.segmented-choice{grid-template-columns:1fr}.profile-list>div{grid-template-columns:1fr}.toolbar-line{justify-content:stretch}.toolbar-line .field{width:100%}}.smart-combo-field{position:relative}.smart-combo-control{position:relative;width:100%}.smart-combo-input{width:100%;min-height:42px;border:1px solid var(--input-border,#ccd4df);border-radius:10px;background:var(--surface,#fff);color:var(--text,#182230);padding:10px 38px 10px 11px;outline:none}.smart-combo-input:focus{border-color:#f68649;box-shadow:0 0 0 3px #f2652224}.smart-combo-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted,#667085);width:26px;height:26px;border-radius:50%;font-size:20px;line-height:1;display:grid;place-items:center}.smart-combo-clear:hover{background:#f265221f;color:var(--primary,#f26522)}.smart-combo-menu{position:absolute;z-index:240;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;border:1px solid var(--input-border,#ccd4df);background:var(--surface,#fff);color:var(--text,#182230);border-radius:12px;box-shadow:0 18px 45px #0000002e;padding:6px}.smart-combo-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;border-radius:8px;padding:10px 11px;font-size:13px;line-height:1.25}.smart-combo-option:hover,.smart-combo-option.active{background:#fff1e9;color:#b54708}.smart-combo-option[aria-selected=true]{font-weight:850;color:var(--primary,#f26522)}.smart-combo-empty{padding:11px;color:var(--muted,#667085);font-size:13px}.searchable-field select,.combo-field select{display:none!important}.combo-field{display:block}.combo-field .searchable-field{margin:0}.voucher-line .smart-combo-menu{min-width:340px}.voucher-line .smart-combo-field{margin:0}.voucher-line .smart-combo-input{min-height:40px}.draft-restore-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:10px 12px;margin:8px 0;font-size:12px;font-weight:700}[data-theme=dark] .smart-combo-input,[data-theme=dark] .smart-combo-menu{background:#111c2e;color:#eef4ff;border-color:#34445f}[data-theme=dark] .smart-combo-option:hover,[data-theme=dark] .smart-combo-option.active{background:#243656;color:#fff}[data-theme=dark] .smart-combo-empty{color:#98a9c4}@media(max-width:760px){.smart-combo-input{min-height:46px;font-size:15px}.smart-combo-menu{max-height:55vh}.voucher-line .smart-combo-menu{min-width:100%}}.workflow-help-card{display:grid;grid-template-columns:minmax(240px,.8fr) 1.7fr;gap:18px;align-items:start}.workflow-help-card h2{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:5px}.workflow-help-card h2 svg,.template-icon{color:var(--primary)}.workflow-help-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.workflow-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-template-card{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.workflow-template-card strong,.workflow-template-card span,.workflow-template-card small{display:block}.workflow-template-card strong{font-size:14px;margin-bottom:3px}.workflow-template-card span{font-size:12px;color:var(--text-soft);line-height:1.4}.workflow-template-card small{font-size:11px;color:var(--muted);margin-top:5px}.template-icon{width:42px;height:42px;border-radius:12px;background:#fff1e9;display:grid;place-items:center;flex:0 0 auto}.friendly-flowline .workflow-node{min-width:190px}.friendly-flowline .workflow-node strong{line-height:1.25}.workflow-node small{text-transform:none}.modal-card:has(.smart-combo-menu){overflow:visible}.modal-body:has(.smart-combo-menu){overflow:visible}.workflow-template-card .btn{white-space:nowrap}@media(max-width:1100px){.workflow-help-card,.workflow-template-grid{grid-template-columns:1fr}.workflow-template-card{grid-template-columns:auto 1fr}.workflow-template-card .btn{grid-column:1/-1;width:100%}}body.sidebar-lock{overflow:hidden;touch-action:none}@media(max-width:820px){.sidebar{width:min(88vw,320px);max-width:320px;transform:translate3d(-112%,0,0);transition:transform .22s ease;z-index:110;will-change:transform;box-shadow:18px 0 45px #09162759}.sidebar.sidebar-open{transform:translateZ(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1c3085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;z-index:100}.brand-row{padding:16px 14px}.brand-row>div:nth-child(2){min-width:0}.brand-row strong,.brand-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list{padding:10px 10px 88px;-webkit-overflow-scrolling:touch}.nav-item{min-height:44px}.nav-group-title{min-height:36px}.sidebar-user{position:sticky;bottom:0;background:linear-gradient(180deg,#0e1c30eb,#0e1c30fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-area{margin-left:0!important;width:100%!important;min-width:0}.topbar{min-height:64px;height:auto;padding:10px 12px}.topbar>div:first-of-type{min-width:0;overflow:hidden}.topbar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}.topbar-actions{flex:0 0 auto}.content-area{width:100%;max-width:100%;overflow-x:hidden}}@media(min-width:821px){body.sidebar-lock{overflow:auto;touch-action:auto}.sidebar{transform:none!important}.sidebar-overlay{display:none!important}}.user-access-guide,.workflow-simple-map{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.user-access-guide p,.workflow-simple-map p{margin:4px 0 0;color:var(--muted);font-size:13px}.guide-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-top:10px}.guide-step-grid span{border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);padding:11px 12px;font-size:13px}.guide-step-grid b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:var(--primary-soft);color:var(--primary);margin-right:7px}.access-action-stack{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:220px}.btn-wide{min-width:142px;justify-content:center}.muted-text{color:var(--muted);font-size:12px}.table-filter-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.table-filter-bar .field{max-width:420px;width:100%;margin:0}@media(max-width:760px){.user-access-guide,.workflow-simple-map{display:block}.access-action-stack{min-width:0}.btn-wide{width:100%;min-width:0}.table-filter-bar{display:block}}.modern-login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(242,101,34,.16),transparent 34%),radial-gradient(circle at 88% 16%,rgba(20,36,60,.14),transparent 32%),linear-gradient(135deg,#f7f9fd,#eef3f8 45%,#fff)}.modern-login-card{width:min(468px,100%);background:#ffffffdb;border:1px solid rgba(229,234,241,.9);border-radius:28px;padding:34px;box-shadow:0 24px 60px #10233f29,0 2px #ffffffe6 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:perspective(900px) rotateX(.8deg)}.login-card-header{text-align:center;margin-bottom:24px}.login-kicker{display:inline-flex;margin:0 0 10px;padding:7px 12px;border-radius:999px;background:#fff1e9;color:#b54708;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.login-card-header h1{font-size:34px;line-height:1.08;margin:0;color:#14243c}.login-card-subtitle{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.modern-login-form{display:flex;flex-direction:column;gap:15px}.modern-field{display:flex;flex-direction:column;gap:7px}.modern-field span{font-size:12px;font-weight:800;color:#344054}.modern-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #d6dee9;background:#fff;border-radius:14px;padding:0 12px;box-shadow:0 8px 20px #10233f0a}.modern-input-wrap svg{color:#667085;flex:0 0 auto}.modern-input-wrap input{border:0;outline:0;width:100%;padding:14px 0;background:transparent;color:#182230}.modern-input-wrap:focus-within{border-color:#f68649;box-shadow:0 0 0 4px #f2652221,0 10px 24px #10233f0f}.modern-signin-btn{width:100%;padding:14px 16px;border-radius:14px;margin-top:4px;box-shadow:0 12px 24px #f2652238}.account-recovery-note{margin:18px 0 0;text-align:center;color:#667085;font-size:13px;line-height:1.5}.dark .modern-login-page{background:radial-gradient(circle at 12% 12%,rgba(242,101,34,.16),transparent 34%),radial-gradient(circle at 88% 16%,rgba(126,154,190,.16),transparent 32%),linear-gradient(135deg,#081320,#0e1c30 52%,#13243a)}.dark .modern-login-card{background:#132135db;border-color:#ffffff14;box-shadow:0 24px 70px #00000061,0 1px #ffffff0f inset}.dark .login-card-header h1{color:#f9fafb}.dark .modern-input-wrap{background:#ffffff0f;border-color:#ffffff1f}.dark .modern-input-wrap input{color:#fff}.dark .modern-input-wrap input::placeholder{color:#91a4bd}.dark .modern-field span{color:#d0d5dd}.dark .login-kicker{background:#f2652226;color:#ffb38b}.dark .account-recovery-note,.dark .login-card-subtitle{color:#b8c7d9}@media(max-width:820px){.modern-login-page{padding:18px;align-items:center}.modern-login-card{padding:26px 20px;border-radius:22px;transform:none}.login-card-header h1{font-size:28px}.login-theme-toggle{top:12px;right:12px}.modern-input-wrap input{padding:13px 0}}.clean-login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 18% 12%,rgba(21,126,121,.12),transparent 32%),radial-gradient(circle at 90% 88%,rgba(242,101,34,.1),transparent 28%),linear-gradient(135deg,#f7fbfb,#fff 48%,#f2f7f8);color:var(--text)}.clean-login-shell{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,1fr);background:#fffffff0;border:1px solid rgba(220,230,234,.96);border-radius:30px;overflow:hidden;box-shadow:0 24px 70px #15354824}.clean-login-brand-panel{background:linear-gradient(160deg,#147d78f2,#207779f0),linear-gradient(135deg,#157e79,#1d707d);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.clean-login-brand-panel:before,.clean-login-brand-panel:after{content:"";position:absolute;border-radius:999px;background:#ffffff1f;pointer-events:none}.clean-login-brand-panel:before{width:240px;height:240px;right:-90px;top:-80px}.clean-login-brand-panel:after{width:170px;height:170px;left:-55px;bottom:-54px;background:#ffffff14}.clean-login-brand-image-card{position:relative;z-index:1;width:100%;max-width:390px;padding:0;border-radius:20px;overflow:hidden;background:#ffffff1a;box-shadow:0 18px 40px #04252738}.clean-login-brand-image-card img{display:block;width:100%;height:auto}.clean-login-brand-copy{position:relative;z-index:1;max-width:420px}.clean-login-eyebrow{margin:0 0 12px;color:#ffffffd1;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.clean-login-brand-copy h1{margin:0 0 14px;font-size:40px;line-height:1.08;letter-spacing:-.04em}.clean-login-brand-copy p:last-child{margin:0;color:#ffffffd1;line-height:1.65;font-size:15px}.clean-login-form-panel{padding:54px 60px;display:flex;flex-direction:column;justify-content:center;background:#fff}.clean-login-form-header{margin-bottom:28px}.clean-login-kicker{margin:0 0 8px;color:#157e79;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.clean-login-form-header h2{margin:0;font-size:36px;line-height:1.1;letter-spacing:-.035em;color:#172033}.clean-login-form-header p{margin:12px 0 0;color:#6b778c;font-size:15px;line-height:1.6}.clean-login-form{display:flex;flex-direction:column;gap:17px}.clean-login-field{display:flex;flex-direction:column;gap:8px}.clean-login-field span{font-size:13px;font-weight:750;color:#344054}.clean-login-input-wrap{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #d6dee7;background:#fff;border-radius:13px;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.clean-login-input-wrap svg{color:#748198;flex:0 0 auto}.clean-login-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#172033}.clean-login-input-wrap input::placeholder{color:#98a2b3}.clean-login-input-wrap:focus-within{border-color:#157e79;box-shadow:0 0 0 4px #157e7921}.clean-login-submit{min-height:52px;border-radius:13px;font-size:14px;margin-top:4px;background:#157e79;box-shadow:0 14px 28px #157e792e}.clean-login-submit:hover{background:#106a65}.clean-login-recovery-note{margin:20px 0 0;color:#6b778c;font-size:13px;line-height:1.5}.login-theme-switch{position:fixed;top:18px;right:18px;z-index:60;border:1px solid rgba(213,222,231,.95);background:#fff;color:#344054;border-radius:999px;min-height:40px;padding:6px 12px 6px 7px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:750;box-shadow:0 12px 28px #1535481f}.login-theme-switch-icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#eef7f6;color:#157e79}.login-theme-switch:hover{transform:translateY(-1px)}[data-theme=dark] .clean-login-page{background:radial-gradient(circle at 18% 12%,rgba(45,155,149,.16),transparent 32%),radial-gradient(circle at 90% 88%,rgba(242,101,34,.11),transparent 28%),linear-gradient(135deg,#111827,#172033,#101926)}[data-theme=dark] .clean-login-shell{background:#161f2df5;border-color:#ffffff17;box-shadow:0 24px 76px #00000057}[data-theme=dark] .clean-login-brand-panel{background:linear-gradient(160deg,#106a65f5,#144c5af2)}[data-theme=dark] .clean-login-form-panel,.dark .clean-login-form-panel{background:#161f2d}[data-theme=dark] .clean-login-form-header h2,.dark .clean-login-form-header h2{color:#f5f7fb}[data-theme=dark] .clean-login-form-header p,[data-theme=dark] .clean-login-recovery-note{color:#a7b4c7}[data-theme=dark] .clean-login-kicker{color:#64d5ce}[data-theme=dark] .clean-login-field span{color:#d3dce8}[data-theme=dark] .clean-login-input-wrap{background:#111827;border-color:#344258}[data-theme=dark] .clean-login-input-wrap input{color:#f5f7fb}[data-theme=dark] .clean-login-input-wrap:focus-within{border-color:#64d5ce;box-shadow:0 0 0 4px #64d5ce24}[data-theme=dark] .login-theme-switch{background:#172033;border-color:#344258;color:#e8eef6}[data-theme=dark] .login-theme-switch-icon{background:#213347;color:#f8ca5a}@media(max-width:900px){.clean-login-page{padding:18px;align-items:start;place-items:stretch}.clean-login-shell{min-height:auto;grid-template-columns:1fr;border-radius:24px;margin-top:54px}.clean-login-brand-panel{padding:24px;gap:20px;min-height:auto}.clean-login-brand-copy h1{font-size:28px}.clean-login-brand-copy p:last-child{font-size:14px}.clean-login-brand-image-card{max-width:360px}.clean-login-form-panel{padding:30px 24px 26px}.clean-login-form-header h2{font-size:30px}.login-theme-switch{top:10px;right:10px}}@media(max-width:520px){.clean-login-page{padding:12px}.clean-login-shell{border-radius:20px;margin-top:50px}.clean-login-brand-panel{padding:18px}.clean-login-brand-image-card{border-radius:16px}.clean-login-eyebrow{font-size:11px}.clean-login-brand-copy h1{font-size:24px}.clean-login-form-panel{padding:24px 18px}.clean-login-form-header h2{font-size:27px}.clean-login-input-wrap{height:50px}.clean-login-submit{min-height:50px}.login-theme-switch span:last-child{display:none}.login-theme-switch{padding:6px}}.mobile-menu-toggle,.mobile-sidebar-close{display:none}@media(max-width:900px){html,body,#root{max-width:100%;overflow-x:hidden}body.sidebar-lock{overflow:hidden;touch-action:none}.app-shell{display:block;min-width:0;width:100%}.main-area{margin-left:0!important;width:100%!important;min-width:0;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:95;min-height:62px;height:auto;padding:10px 12px;gap:8px;background:var(--surface);box-shadow:0 8px 22px #0f172a14}.topbar>div:first-of-type{flex:1;min-width:0;overflow:hidden}.topbar strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.topbar small{display:block;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:0}.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:800;box-shadow:0 6px 18px #0f172a14}.mobile-menu-toggle span{font-size:13px}.mobile-sidebar-close{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;margin-left:auto;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1a;color:#fff;font-weight:800}.mobile-sidebar-close span{font-size:12px}.sidebar{position:fixed!important;inset:0 auto 0 0;width:min(92vw,340px)!important;max-width:340px;min-width:280px;height:100dvh;transform:translate3d(-110%,0,0);transition:transform .24s ease;z-index:120;will-change:transform;box-shadow:24px 0 60px #02061766;overflow:hidden;display:flex;flex-direction:column}.sidebar.sidebar-open{transform:translateZ(0)!important}.brand-row{padding:16px 14px;gap:10px;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,var(--nav),#0e1c30);border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:38px;height:38px;border-radius:11px;flex:0 0 auto}.brand-row>div:nth-child(2){min-width:0;flex:1}.brand-row strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-row small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list{padding:10px 9px 90px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.nav-group-title{min-height:38px;padding:8px 10px;font-size:11px}.nav-item{min-height:44px;padding:11px 12px;border-radius:11px;font-size:13px;margin:4px 0}.nav-subitem{padding-left:16px;font-size:13px}.sidebar-user{position:fixed;left:0;bottom:0;width:min(92vw,340px);max-width:340px;padding:12px 14px;background:linear-gradient(180deg,#0e1c30f5,#0e1c30);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.sidebar-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;z-index:110;padding:0;margin:0}.content-area{width:100%;max-width:100%;overflow-x:hidden;padding:14px}.card,.stat-card,.summary-box,.form-card{max-width:100%}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:720px}.page-header,.page-header-content,.page-actions,.filters,.panel-toolbar,.modal-actions{align-items:stretch!important;flex-direction:column!important;width:100%}.page-actions .btn,.filters .btn,.panel-toolbar .btn,.modal-actions .btn{width:100%;justify-content:center}.form-grid,.inline-form,.split-grid,.summary-grid,.stat-grid,.dashboard-grid,.workflow-card-grid{grid-template-columns:1fr!important}.field,.search-field,.compact-field{min-width:0!important;width:100%}.field input,.field select,.field textarea,.combo-search{min-height:44px;font-size:16px}.btn{min-height:44px}}@media(min-width:901px){body.sidebar-lock{overflow:auto;touch-action:auto}.sidebar{transform:none!important}.sidebar-overlay{display:none!important}}@media(max-width:420px){.topbar small{display:none}.mobile-menu-toggle{padding:0 10px}.mobile-menu-toggle span{display:inline}.content-area{padding:12px}.sidebar{width:94vw!important;min-width:0}.sidebar-user{width:94vw}}.clean-login-brand-panel.login-art-panel{padding:0;background:#052f35;display:block;min-height:620px}.login-art-image{display:block;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center center}.clean-login-brand-panel.login-art-panel:before,.clean-login-brand-panel.login-art-panel:after{display:none}[data-theme=dark] .clean-login-brand-panel.login-art-panel{background:#052f35}@media(max-width:900px){.clean-login-brand-panel.login-art-panel{min-height:420px;max-height:460px;border-radius:0}.login-art-image{min-height:420px;max-height:460px;object-position:center 20%}}@media(max-width:520px){.clean-login-brand-panel.login-art-panel{min-height:360px;max-height:390px}.login-art-image{min-height:360px;max-height:390px;object-position:center 18%}}.access-builder-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;align-items:start}.scope-card h3{margin:18px 0 10px}.scope-toolbar,.quick-role-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.check-card-master{margin-bottom:10px;border-color:var(--accent, #2dd4bf)}.role-assignment-list{display:grid;gap:10px;margin-top:12px}.role-assignment-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border, rgba(148,163,184,.28));border-radius:14px;background:#0f172a47}.role-assignment-row strong{display:block}.role-assignment-row small{display:block;color:var(--muted, #9ca3af);margin-top:4px}.mini-flags{display:flex;align-items:center;gap:8px;white-space:nowrap}.mini-flags span{font-size:12px;border:1px solid var(--border, rgba(148,163,184,.28));border-radius:999px;padding:4px 8px}.role-permission-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}@media(max-width:900px){.access-builder-grid{grid-template-columns:1fr}.scope-toolbar .btn,.quick-role-row .btn{width:100%;justify-content:center}.role-assignment-row{flex-direction:column}}.calendar-legend .leave-pending i{background:#f5a524}.calendar-legend .leave-approved i{background:#10b981}.calendar-legend .leave-rejected i{background:#ef4444}.calendar-cell.has-leave{min-height:154px}.calendar-leave-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.calendar-leave-pill{display:flex;align-items:center;gap:5px;justify-content:space-between;border:1px solid var(--border);border-radius:9px;padding:4px 5px;background:var(--surface-2);font-size:10px;line-height:1.15;color:var(--text);max-width:100%;overflow:hidden}.calendar-leave-pill b{font-weight:850;white-space:nowrap}.calendar-leave-pill .status-badge{font-size:9px;padding:2px 4px;margin-left:auto}.calendar-leave-pill.status-pending{border-left:3px solid #f5a524}.calendar-leave-pill.status-approved{border-left:3px solid #10b981}.calendar-leave-pill.status-rejected{border-left:3px solid #ef4444;opacity:.86}.calendar-leave-pill.status-cancelled{border-left:3px solid #94a3b8;opacity:.78}.calendar-leave-more{font-size:10px;font-weight:800;color:var(--muted);padding:2px 4px}.calendar-cell:disabled .calendar-leave-pill{pointer-events:none}[data-theme=dark] .calendar-leave-pill{background:#111827;border-color:#2a3542}.csr-friendly-card .modal-card{width:min(980px,100%)}.event-form-section{display:grid;gap:3px;margin:16px 0 12px;padding:12px 14px;border:1px solid var(--border);background:#fafcff;border-radius:12px}.event-form-section:first-child{margin-top:0}.event-form-section strong{font-size:14px;color:var(--text)}.event-form-section small{font-size:12px;color:var(--muted)}.multi-employee-field{gap:8px}.multi-select-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px;display:grid;gap:10px}.selected-chip-row{display:flex;gap:7px;flex-wrap:wrap;min-height:28px;align-items:center}.role-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.role-chip:hover{border-color:#f5a076;background:#fff1e9}.event-employee-search{min-width:0;margin:0}.employee-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;max-height:250px;overflow:auto;padding-right:2px}.employee-pick-card{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px;cursor:pointer}.employee-pick-card:hover{border-color:#f5a076;background:#fffdfb}.employee-pick-card input{width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.employee-pick-card span{display:grid;gap:2px}.employee-pick-card strong{font-size:12px;color:var(--text)}.employee-pick-card small{font-size:11px;color:var(--muted);line-height:1.35}[data-theme=dark] .event-form-section,[data-theme=dark] .multi-select-box,[data-theme=dark] .employee-pick-card{background:#111c2e}[data-theme=dark] .role-chip{background:#17243a;color:var(--text)}.event-modal-card{width:min(1080px,calc(100vw - 32px));max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.event-modal-card .modal-body{overflow:auto;padding:16px 18px}.event-modal-card>header,.event-modal-card>footer{flex:0 0 auto;background:var(--surface)}.event-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;position:sticky;top:0;background:var(--surface);z-index:2;padding-bottom:10px;border-bottom:1px solid var(--border)}.event-step{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:800;font-size:13px;text-align:center}.event-step.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px #f265222e}.event-step-panel{min-height:330px}.compact-event-grid{gap:12px}.event-form-section{display:flex;flex-direction:column;gap:3px;padding:12px 14px;margin:0 0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.event-form-section strong{font-size:14px}.event-form-section small{color:var(--muted);font-size:12px}.support-duty-builder{gap:10px}.support-add-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.25fr) auto;gap:10px;align-items:end}.support-add-row input{height:42px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px}.support-employee-select{margin:0}.support-plus-btn{height:42px;white-space:nowrap}.support-duty-list{display:grid;gap:8px;margin-top:4px}.support-duty-item{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(240px,1.2fr) 42px;gap:10px;align-items:center;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px}.support-duty-item strong,.support-duty-item small{display:block}.support-duty-item small{color:var(--muted);font-size:12px;margin-top:3px}.support-duty-item input{height:40px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 10px}.support-duty-empty{border:1px dashed var(--border);border-radius:12px;padding:14px;color:var(--muted);background:var(--surface-2);font-size:13px;text-align:center}.event-modal-actions{width:100%;justify-content:flex-end}.event-modal-actions .btn:first-child{margin-right:auto}@media(max-width:860px){.event-modal-card{width:calc(100vw - 16px);max-height:92vh}.event-stepper,.support-add-row,.support-duty-item{grid-template-columns:1fr}.event-modal-actions .btn:first-child{margin-right:0}.event-modal-actions{flex-direction:column}.event-modal-actions .btn{width:100%}}.advanced-panel{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:0;margin-top:6px}.advanced-panel summary{cursor:pointer;padding:13px 14px;font-weight:700;color:var(--text)}.advanced-panel summary::marker{color:var(--primary)}.advanced-grid{padding:0 14px 14px}.material-builder{gap:10px}.material-add-grid{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(190px,1.1fr) minmax(110px,.55fr) minmax(90px,.45fr) minmax(180px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px}.mini-field{display:grid;gap:6px}.mini-field span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.mini-field input,.mini-field select{height:40px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px}.material-plus-btn{height:40px;white-space:nowrap}.material-list{display:grid;gap:8px;margin-top:10px}.material-item-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.1fr) minmax(100px,.55fr) minmax(90px,.45fr) minmax(180px,1fr) 42px;gap:8px;align-items:center;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px}.material-item-row input{height:38px;border:1px solid var(--input-border);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px}@media(max-width:980px){.material-add-grid,.material-item-row{grid-template-columns:1fr}.material-plus-btn{width:100%}}.workflow-access-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.workflow-person-card{display:grid;gap:4px;margin:12px 0;padding:13px 14px;border:1px solid var(--border, rgba(148,163,184,.28));border-radius:14px;background:var(--surface-soft, rgba(15, 23, 42, .26))}.workflow-person-card strong{font-size:14px}.workflow-person-card span{color:var(--muted, #94a3b8);font-size:12px;line-height:1.35}.workflow-route-preview{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:14px 0}.workflow-route-preview div{border:1px solid var(--border, rgba(148,163,184,.28));background:var(--surface-2, #152238);border-radius:14px;padding:12px;min-height:74px}.workflow-route-preview b,.workflow-route-preview span{display:block}.workflow-route-preview b{font-size:12px;color:var(--text, #e5e7eb);margin-bottom:5px}.workflow-route-preview span{font-size:12px;color:var(--muted, #94a3b8);line-height:1.35}.workflow-route-preview i{color:var(--primary, #ff6b2c);font-weight:900;font-style:normal}@media(max-width:900px){.workflow-access-grid,.workflow-route-preview{grid-template-columns:1fr}.workflow-route-preview i{text-align:center;transform:rotate(90deg)}}.staff-workflow-step-editor{grid-template-columns:minmax(320px,.85fr) minmax(0,1.25fr)}.staff-workflow-card-list{display:grid;gap:10px;margin-top:10px}.staff-workflow-card{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:13px;padding:13px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:.15s}.staff-workflow-card:hover{border-color:var(--primary);transform:translateY(-1px)}.staff-workflow-card.active{border-color:var(--primary);box-shadow:0 0 0 1px #ff6b2c40;background:#ff6b2c14}.staff-workflow-card strong,.staff-workflow-card small{display:block}.staff-workflow-card strong{font-size:13px;margin-bottom:4px}.staff-workflow-card small{color:var(--muted);font-size:11px}.staff-workflow-card>span{font-size:11px;font-weight:800;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--text-soft);white-space:nowrap}.staff-workflow-editor-card{overflow:visible}.workflow-step-list{display:grid;gap:12px;margin-top:12px}.staff-workflow-step{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;gap:12px;align-items:start;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:12px}.step-order-box{width:48px;height:48px;border-radius:13px;background:#ff6b2c1f;border:1px solid rgba(255,107,44,.35);display:grid;place-items:center;align-content:center;color:var(--primary)}.step-order-box strong{font-size:18px;line-height:1}.step-order-box span{font-size:10px;color:var(--muted)}.staff-workflow-step-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}.step-control-stack{display:grid;gap:7px}.step-control-stack .btn{min-height:34px;padding:6px 8px}@media(max-width:1100px){.staff-workflow-step-editor,.staff-workflow-step,.staff-workflow-step-fields{grid-template-columns:1fr}.step-control-stack{display:flex;flex-wrap:wrap}}.staff-workflow-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px}.staff-workflow-head-row h3{margin:0 0 4px}.workflow-add-panel{margin-top:10px;border:1px dashed var(--border);border-radius:14px;padding:12px;background:var(--surface-2);display:grid;gap:10px}.workflow-add-panel small{color:var(--muted);font-size:11px}.staff-workflow-card-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:stretch}.staff-workflow-card-wrap .staff-workflow-card{height:100%}.staff-workflow-card-wrap.active .staff-workflow-card{border-color:var(--primary);box-shadow:0 0 0 1px #ff6b2c40;background:#ff6b2c14}.staff-workflow-remove{align-self:center;justify-self:center}@media(max-width:720px){.staff-workflow-head-row{flex-direction:column}.staff-workflow-card-wrap{grid-template-columns:1fr}.staff-workflow-remove{justify-self:start}}.modal-wide .modal-card{width:min(980px,100%)}.modal-xl .modal-card{width:min(1180px,100%)}.modal-xxl .modal-card{width:min(1450px,calc(100vw - 32px))}.block-note{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.workflow-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:0 0 18px}.workflow-timeline-step{position:relative;min-height:88px;padding:12px 10px 10px 36px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;color:var(--muted)}.workflow-timeline-step strong,.workflow-timeline-step small{display:block}.workflow-timeline-step strong{font-size:12px;color:#344054;margin-bottom:4px}.workflow-timeline-step small{font-size:10px;line-height:1.35}.workflow-timeline-dot{position:absolute;top:12px;left:11px;width:16px;height:16px;border-radius:50%;background:#d0d5dd;border:3px solid #fff;box-shadow:0 0 0 1px #d0d5dd}.workflow-timeline-step.complete{border-color:#a7dfbd;background:#f0fbf5}.workflow-timeline-step.complete .workflow-timeline-dot{background:var(--success);box-shadow:0 0 0 1px var(--success)}.workflow-timeline-step.active{border-color:#f5a076;background:#fff6f0;box-shadow:0 0 0 2px #f2652214}.workflow-timeline-step.active .workflow-timeline-dot{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.workflow-timeline-step.active strong{color:#9b3e0f}.workflow-timeline-step.rejected{border-color:#efb4ae;background:#fff3f2}.workflow-timeline-step.rejected .workflow-timeline-dot{background:var(--danger);box-shadow:0 0 0 1px var(--danger)}.maintenance-detail{display:grid;gap:16px}.detail-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-summary{display:grid;gap:5px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:#f8fafc;min-width:0}.detail-summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:750}.detail-summary strong{font-size:13px;color:#27364b;overflow-wrap:anywhere}.detail-section{border:1px solid var(--border);border-radius:13px;background:#fff;padding:15px}.detail-section h3{font-size:15px;margin:0}.detail-section p{margin:4px 0 0;color:var(--muted);font-size:12px}.action-section{display:grid;gap:13px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:11px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid #cfe4ff;background:#eef6ff;color:#234b74;font-size:12px;line-height:1.45}.completion-box,.approval-box{display:grid;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fafcff}.quotation-mini-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.quotation-mini{display:grid;gap:4px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#f8fafc}.quotation-mini strong{font-size:12px}.quotation-mini span{font-size:16px;font-weight:800}.quotation-mini small{color:var(--muted);font-size:10px}.quotation-mini.selected{border-color:#63c48d;background:#f0fbf5}.quotation-editor{display:grid;gap:12px;margin-top:17px}.quotation-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quotation-editor-head h3{margin:0}.quotation-editor-row{border:1px solid var(--border);border-radius:13px;background:#fafcff;padding:13px}.quotation-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.check-inline{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475467}.check-inline input{width:17px;height:17px;accent-color:var(--primary)}.monthly-builder{display:grid;gap:12px}.monthly-item-card,.hr-item-card{border:1px solid var(--border);border-radius:13px;background:#fafcff;padding:13px}.monthly-item-head,.hr-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.monthly-item-head strong,.hr-item-head strong{font-size:13px}.hr-item-editor{display:grid;gap:10px}.hr-item-card.removed{opacity:.58;background:#fff4f3}.order-item-editor,.receiving-grid{display:grid;gap:9px}.order-item-row,.receiving-row{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(105px,.55fr)) minmax(190px,1fr);gap:9px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:11px;background:#fafcff}.order-item-row strong,.receiving-row strong{font-size:12px;align-self:center}.order-item-row input,.order-item-row select,.receiving-row input,.receiving-row select{width:100%;border:1px solid #ccd4df;border-radius:8px;padding:9px 10px;background:#fff;color:#182230}.receiving-row{grid-template-columns:minmax(190px,1.4fr) repeat(2,minmax(110px,.6fr)) minmax(220px,1.2fr)}[data-theme=dark] .workflow-timeline-step,[data-theme=dark] .detail-summary,[data-theme=dark] .quotation-mini,[data-theme=dark] .monthly-item-card,[data-theme=dark] .hr-item-card,[data-theme=dark] .order-item-row,[data-theme=dark] .receiving-row,[data-theme=dark] .completion-box,[data-theme=dark] .approval-box,[data-theme=dark] .quotation-editor-row{background:#111c2e;border-color:#2a3542}[data-theme=dark] .detail-section{background:#0f192a;border-color:#2a3542}[data-theme=dark] .detail-summary strong,[data-theme=dark] .workflow-timeline-step strong{color:var(--text)}[data-theme=dark] .workflow-timeline-step.active{background:#2b1d16}[data-theme=dark] .quotation-mini.selected,[data-theme=dark] .workflow-timeline-step.complete{background:#10271d}[data-theme=dark] .order-item-row input,[data-theme=dark] .order-item-row select,[data-theme=dark] .receiving-row input,[data-theme=dark] .receiving-row select{background:#0d1727;color:var(--text);border-color:#334155}@media(max-width:1100px){.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-item-row,.receiving-row{grid-template-columns:1fr 1fr}.order-item-row strong,.receiving-row strong{grid-column:1/-1}}@media(max-width:760px){.modal-xxl .modal-card,.modal-xl .modal-card,.modal-wide .modal-card{width:calc(100vw - 14px)}.workflow-timeline,.detail-summary-grid,.order-item-row,.receiving-row{grid-template-columns:1fr}.section-heading,.quotation-editor-head,.monthly-item-head,.hr-item-head{flex-direction:column;align-items:stretch}.action-row .btn{width:100%}.quotation-mini-list{grid-template-columns:1fr}}.smart-staff-workflow{display:grid;gap:16px}.smart-employee-select{display:flex;align-items:end;gap:12px;position:sticky;top:74px;z-index:12}.smart-employee-select>.searchable-select{flex:1}.smart-alert{display:flex;align-items:flex-start;gap:9px;border-radius:11px;padding:11px 13px;font-size:12px;line-height:1.45}.smart-alert.error{background:#fff2f0;border:1px solid #f2b8b3;color:#a9342b}.smart-alert.warning{background:#fffaeb;border:1px solid #f5d77d;color:#865d05}.smart-employee-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border-radius:17px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}.smart-avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;font-size:19px;font-weight:850;letter-spacing:.03em}.smart-employee-copy h2{margin:0 0 4px;font-size:19px}.smart-employee-copy p{margin:0;color:var(--muted);font-size:12px}.smart-common-access{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.smart-common-access span{font-size:11px;font-weight:700;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft)}.smart-system-badge{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:7px 10px;border-radius:999px;background:#4f46e51c;border:1px solid rgba(79,70,229,.25);color:#4f46e5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.smart-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.smart-summary-grid>div{padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.smart-summary-grid strong{display:block;font-size:22px;line-height:1.1;margin-bottom:4px}.smart-summary-grid span{font-size:11px;color:var(--muted);font-weight:700}.smart-guide-strip{display:flex;align-items:flex-start;gap:10px;border:1px solid #cfe0ff;background:#f3f7ff;color:#244b75;border-radius:13px;padding:12px 14px;font-size:12px;line-height:1.45}.smart-role-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.smart-role-toolbar h2,.smart-role-toolbar p{margin:0}.smart-role-toolbar h2{font-size:17px}.smart-role-toolbar p{margin-top:4px;color:var(--muted);font-size:12px}.smart-role-list{display:grid;gap:13px}.smart-role-card{border:1px solid var(--border);border-radius:15px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow-xs)}.smart-role-card.is-dirty{border-color:#f0a46d;box-shadow:0 0 0 2px #f2652214}.smart-role-head{width:100%;display:flex;align-items:center;gap:12px;padding:15px 17px;border:0;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.smart-role-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#4f46e51f;color:#4f46e5;flex-shrink:0}.smart-role-heading{flex:1;min-width:0}.smart-role-heading strong,.smart-role-heading small{display:block}.smart-role-heading strong{font-size:14px}.smart-role-heading small{margin-top:3px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-status-pill{font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}.smart-status-pill.on{background:#eaf8ef;color:#16723b}.smart-role-body{display:grid;gap:17px;padding:17px;border-top:1px solid var(--border)}.smart-role-scope,.smart-effective-summary,.smart-audit-section{display:grid;gap:12px}.smart-section-heading,.smart-subsection-title{display:flex;align-items:flex-start;gap:9px}.smart-section-heading strong,.smart-section-heading small,.smart-subsection-title strong,.smart-subsection-title small{display:block}.smart-section-heading strong,.smart-subsection-title strong{font-size:13px}.smart-section-heading small,.smart-subsection-title small{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.35}.smart-scope-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.smart-scope-options>label,.smart-branch-grid>label{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);cursor:pointer}.smart-scope-options>label.selected,.smart-branch-grid>label.selected{border-color:var(--primary);background:#f2652212;box-shadow:0 0 0 1px #f265221f}.smart-scope-options input,.smart-branch-grid input{margin-top:2px;accent-color:var(--primary)}.smart-scope-options strong,.smart-scope-options small{display:block}.smart-scope-options strong{font-size:12px}.smart-scope-options small{font-size:10px;color:var(--muted);margin-top:2px}.smart-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.smart-branch-grid>label{align-items:center;font-size:12px;font-weight:650}.smart-scope-result{padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--border);font-size:11px;color:var(--text-soft)}.smart-role-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.smart-workflow-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.smart-workflow-section-head h3,.smart-workflow-section-head p{margin:0}.smart-workflow-section-head h3{font-size:15px}.smart-workflow-section-head p{font-size:11px;color:var(--muted);margin-top:3px}.smart-workflow-list{display:grid;gap:10px}.smart-workflow-card{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface-2)}.smart-workflow-card.is-enabled{border-color:#b7ddc4}.smart-workflow-card.is-disabled{opacity:.82}.smart-workflow-head{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.smart-workflow-head:hover{background:#94a3b812}.smart-workflow-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-size:17px;flex-shrink:0}.smart-workflow-title{flex:1;min-width:0}.smart-workflow-title strong,.smart-workflow-title small{display:block}.smart-workflow-title strong{font-size:13px}.smart-workflow-title small{font-size:10px;color:var(--muted);margin-top:2px}.smart-workflow-body{display:grid;gap:14px;padding:14px;border-top:1px solid var(--border);background:var(--surface)}.smart-subsection{display:grid;gap:11px}.smart-subsection+.smart-subsection{padding-top:14px;border-top:1px solid var(--border-light)}.smart-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.smart-action-toggle{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);cursor:pointer;transition:.15s}.smart-action-toggle:hover{border-color:#aeb8c6}.smart-action-toggle.checked{border-color:#a7d6b7;background:#f1fbf5}.smart-action-toggle>input{position:absolute;opacity:0;pointer-events:none}.smart-toggle-box{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-weight:900;flex-shrink:0}.smart-action-toggle.checked .smart-toggle-box{background:#159455;color:#fff}.smart-action-toggle strong,.smart-action-toggle small{display:block}.smart-action-toggle strong{font-size:11px}.smart-action-toggle small{font-size:9px;color:var(--muted);margin-top:2px}.smart-empty-route{padding:11px 12px;border-radius:10px;border:1px dashed var(--border);background:var(--surface-2);font-size:11px;color:var(--muted)}.smart-step-list{display:grid;gap:10px}.smart-step-row{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.smart-step-number{width:40px;min-height:54px;border-radius:10px;background:linear-gradient(180deg,#4f46e5,#7c3aed);color:#fff;display:grid;place-items:center;align-content:center}.smart-step-number strong{font-size:16px;line-height:1}.smart-step-number small{font-size:8px;opacity:.78;margin-top:3px}.smart-step-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.smart-step-fields .field-full{grid-column:1/-1}.smart-step-flags{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-soft)}.smart-step-flags label{display:inline-flex;align-items:center;gap:5px}.smart-step-flags input{accent-color:var(--primary)}.smart-step-buttons{display:grid;gap:5px}.smart-step-buttons .icon-btn{width:30px;height:30px;padding:0}.smart-validation-box{display:grid;gap:7px}.smart-role-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--border)}.smart-branch-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.smart-branch-summary-grid>div{padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.smart-branch-summary-grid strong,.smart-branch-summary-grid span{display:block}.smart-branch-summary-grid strong{font-size:12px;margin-bottom:7px}.smart-branch-summary-grid span{font-size:10px;color:var(--text-soft);padding:3px 0}.smart-audit-toggle{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;padding:0}.smart-audit-toggle span{flex:1}.smart-audit-toggle strong,.smart-audit-toggle small{display:block}.smart-audit-toggle strong{font-size:13px}.smart-audit-toggle small{font-size:10px;color:var(--muted);margin-top:2px}.smart-audit-list{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.smart-audit-list>div{display:grid;grid-template-columns:145px 160px minmax(0,1fr) 150px;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:11px}.smart-audit-list p,.smart-audit-list small{margin:0;color:var(--muted)}.smart-audit-time{color:var(--muted);font-size:10px}.smart-modal-intro{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin-bottom:13px;border:1px solid #b9dec7;border-radius:10px;background:#f1fbf5;color:#19653b;font-size:11px;line-height:1.45}.modal-branches{margin:12px 0}.smart-loading,.smart-empty{display:grid;place-items:center;min-height:170px;text-align:center;color:var(--muted)}[data-theme=dark] .smart-alert.error{background:#321714;border-color:#6a2d28;color:#f2aaa3}[data-theme=dark] .smart-alert.warning{background:#31260c;border-color:#6d5518;color:#f2d47f}[data-theme=dark] .smart-guide-strip{background:#14243a;border-color:#29496f;color:#acd0f4}[data-theme=dark] .smart-system-badge{color:#c4b5fd;background:#7c3aed26;border-color:#a78bfa47}[data-theme=dark] .smart-action-toggle.checked,[data-theme=dark] .smart-modal-intro{background:#11291d;border-color:#285b3d;color:#a7e1bc}[data-theme=dark] .smart-workflow-card.is-enabled{border-color:#315f41}@media(max-width:1000px){.smart-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-scope-options{grid-template-columns:1fr}.smart-audit-list>div{grid-template-columns:1fr 1fr}.smart-role-notes{grid-template-columns:1fr}}@media(max-width:720px){.smart-employee-select{position:static;align-items:stretch;flex-direction:column}.smart-employee-hero{grid-template-columns:auto 1fr}.smart-system-badge{grid-column:1/-1;justify-self:start}.smart-summary-grid{grid-template-columns:1fr 1fr}.smart-role-toolbar{flex-direction:column}.smart-role-toolbar .btn{width:100%}.smart-role-head{align-items:flex-start}.smart-status-pill{display:none}.smart-step-row{grid-template-columns:1fr}.smart-step-number{width:100%;min-height:38px;display:flex;gap:4px}.smart-step-fields{grid-template-columns:1fr}.smart-step-fields .field-full{grid-column:auto}.smart-step-buttons{display:flex}.smart-role-actions{align-items:stretch}.smart-role-actions .btn{width:100%}.smart-audit-list>div{grid-template-columns:1fr}.smart-action-grid{grid-template-columns:1fr}}.smart-default-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:12px;border:1px solid rgba(34,197,94,.35);border-radius:10px;background:#22c55e14;color:var(--text-primary)}.smart-default-banner>svg{color:#22c55e;flex:0 0 auto;margin-top:1px}.smart-default-banner div{display:flex;flex-direction:column;gap:3px}.smart-default-banner strong{font-size:12px}.smart-default-banner span{font-size:11px;color:var(--text-secondary);line-height:1.45}.smart-status-pill.default{background:#3b82f621;color:#60a5fa;border:1px solid rgba(59,130,246,.28)}:root{color-scheme:light;--page-bg:#f3f1ec;--surface:#ffffff;--surface-2:#faf8f4;--surface-3:#f0ede7;--surface-elevated:#ffffff;--text:#1d1b17;--text-soft:#3f3b34;--muted:#68635a;--border:rgba(34,30,24,.11);--border-strong:rgba(34,30,24,.18);--input-border:#c8c1b5;--table-hover:#f8f4ec;--primary:#a85f00;--primary-dark:#874b00;--primary-soft:#fff2d7;--primary-contrast:#ffffff;--success:#147346;--success-soft:#e8f7ef;--warning:#9a5a00;--warning-soft:#fff2d8;--danger:#b42318;--danger-soft:#fff0ee;--info:#245f9f;--info-soft:#eaf3ff;--nav:#141517;--nav2:#1b1d21;--nav-text:#f4f1eb;--nav-muted:#b3aea4;--shadow-xs:0 1px 2px rgba(38,29,18,.05);--shadow-sm:0 5px 18px rgba(38,29,18,.07);--shadow:0 12px 34px rgba(38,29,18,.09);--shadow-lg:0 24px 70px rgba(38,29,18,.16);--focus-ring:0 0 0 3px rgba(168,95,0,.2);font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{color-scheme:dark;--page-bg:#0c0d0f;--surface:#17181b;--surface-2:#1e2024;--surface-3:#25272c;--surface-elevated:#202226;--text:#f3f0e9;--text-soft:#d8d3ca;--muted:#aaa59b;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--input-border:#484a50;--table-hover:#202329;--primary:#e8a838;--primary-dark:#f0b74b;--primary-soft:rgba(232,168,56,.13);--primary-contrast:#17120a;--success:#58d89a;--success-soft:rgba(52,211,153,.12);--warning:#ffd071;--warning-soft:rgba(251,191,36,.12);--danger:#ff9b94;--danger-soft:rgba(248,113,113,.12);--info:#85bbff;--info-soft:rgba(96,165,250,.12);--nav:#121315;--nav2:#191a1e;--nav-text:#f3f0e9;--nav-muted:#aaa59b;--shadow-xs:0 1px 2px rgba(0,0,0,.24);--shadow-sm:0 7px 22px rgba(0,0,0,.24);--shadow:0 14px 38px rgba(0,0,0,.3);--shadow-lg:0 28px 80px rgba(0,0,0,.46);--focus-ring:0 0 0 3px rgba(232,168,56,.24)}html,body,#root{min-height:100%;background:var(--page-bg);color:var(--text)}body{font-size:14px;line-height:1.5;transition:background-color .25s ease,color .25s ease}body::selection{background:var(--primary-soft);color:var(--text)}button,input,select,textarea{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.premium-shell{background:var(--page-bg)}.sidebar{width:250px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:var(--nav-text);border-right:1px solid rgba(255,255,255,.07);box-shadow:8px 0 30px #0000002e}.brand-row{min-height:68px;padding:15px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-row strong{font-size:15px;letter-spacing:.02em;color:var(--nav-text)}.brand-row small{margin-top:1px;color:var(--nav-muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,var(--primary),#c77518);color:var(--primary-contrast);box-shadow:0 8px 24px #e8a83838}.nav-list{padding:8px 7px 16px}.nav-group{margin-bottom:4px}.nav-group-title{padding:11px 11px 5px;color:var(--nav-muted);font-size:9.5px;letter-spacing:.14em;transition:color .16s ease}.nav-group-title:hover{color:var(--nav-text)}.nav-item{min-height:35px;margin:1px 0;padding:7px 11px;border-radius:7px;color:var(--nav-muted);font-size:12.5px;gap:9px;position:relative;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{background:#ffffff0e;color:var(--nav-text);transform:translate(1px)}.nav-item.nav-active{background:var(--primary-soft);color:var(--primary);box-shadow:none}.nav-item.nav-active:before{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--primary);border-radius:0 3px 3px 0}.nav-subitem{padding-left:28px;font-size:12px}.nav-count{background:var(--danger);color:#fff;min-width:18px;height:18px;font-size:9px}.sidebar-user{min-height:63px;padding:10px 11px;background:#0000001a;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user strong{color:var(--nav-text);font-size:12px}.sidebar-user small{color:var(--nav-muted);font-size:10px;margin-top:1px}.premium-avatar{background:linear-gradient(135deg,var(--primary),#c77622);color:var(--primary-contrast);border-radius:8px;box-shadow:0 5px 16px #e8a83829}.sidebar .icon-btn{color:var(--nav-muted)}.sidebar .icon-btn:hover{background:#ffffff12;color:var(--nav-text)}.main-area{margin-left:250px;width:calc(100% - 250px);background:var(--page-bg)}.premium-topbar{height:58px;padding:0 18px;gap:14px;background:color-mix(in srgb,var(--page-bg) 92%,transparent);color:var(--text);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:82}.topbar-search-wrap{position:relative;width:min(330px,28vw);height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-xs);z-index:92}.topbar-search-wrap>svg{color:var(--muted);flex:0 0 auto}.topbar-search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;padding:7px 0}.topbar-search-wrap input::placeholder{color:var(--muted);opacity:1}.topbar-search-wrap:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.topbar-search-wrap kbd{border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:9px;line-height:1;padding:4px 5px;white-space:nowrap}.topbar-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:6px;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow-lg);max-height:420px;overflow:auto}.topbar-search-results>p{margin:0;padding:13px;color:var(--muted);font-size:12px}.topbar-search-results>button{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;padding:9px;border-radius:8px}.topbar-search-results>button:hover{background:var(--primary-soft)}.search-result-icon{width:31px;height:31px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:var(--primary)}.topbar-search-results strong,.topbar-search-results small{display:block}.topbar-search-results strong{font-size:12px}.topbar-search-results small{font-size:10px;color:var(--muted);margin-top:1px}.topbar-context{flex:1;min-width:0}.topbar-context strong,.topbar-context small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-context strong{font-size:12.5px;color:var(--text)}.topbar-context small{font-size:10.5px;color:var(--muted);margin-top:1px}.topbar-actions{gap:7px;margin-left:auto}.topbar .icon-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-soft);box-shadow:var(--shadow-xs)}.topbar .icon-btn:hover{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));color:var(--primary)}.live-clock{height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.notification-button>span{right:-4px;top:-5px;background:var(--danger);color:#fff;border:2px solid var(--page-bg)}.topbar-user-menu-wrap{position:relative;z-index:92}.topbar-user-button{height:36px;max-width:210px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;box-shadow:var(--shadow-xs)}.topbar-user-button:hover{border-color:var(--border-strong);background:var(--surface-2)}.topbar-avatar{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--primary),#c77622);color:var(--primary-contrast);font-size:9px}.topbar-user-copy{min-width:0;flex:1;text-align:left}.topbar-user-copy strong,.topbar-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-copy strong{font-size:11px}.topbar-user-copy small{font-size:9px;color:var(--muted);margin:0}.topbar-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:235px;padding:6px;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow-lg)}.topbar-user-dropdown>a,.topbar-user-dropdown>button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:10px;border-radius:8px}.topbar-user-dropdown>a:hover,.topbar-user-dropdown>button:hover{background:var(--primary-soft)}.topbar-user-dropdown svg{color:var(--primary)}.topbar-user-dropdown strong,.topbar-user-dropdown small{display:block}.topbar-user-dropdown strong{font-size:12px}.topbar-user-dropdown small{font-size:10px;color:var(--muted);margin-top:1px}.ui-dismiss-layer{position:fixed;top:58px;right:0;bottom:0;left:250px;border:0;background:transparent;z-index:75;cursor:default}.premium-content{max-width:1650px;padding:20px 22px 34px;animation:premium-page-in .28s ease both}@keyframes premium-page-in{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.page-header{align-items:flex-end;margin-bottom:18px}.page-header h1{font-size:23px;line-height:1.15;letter-spacing:-.025em;color:var(--text);margin-bottom:5px}.page-header p{max-width:900px;color:var(--muted);font-size:12.5px;line-height:1.55}.card,.stat-card,.metric-card,.workspace-panel,.modal-card,.summary-box,.smart-role-card,.smart-workflow-card{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.card,.workspace-panel{border-radius:12px;padding:16px;margin-bottom:15px}.card:hover,.metric-card:hover,.workspace-panel:hover{border-color:var(--border-strong)}.card-head{margin-bottom:12px}.card-head h2,.panel-toolbar h2{font-size:14px;display:flex;align-items:center;gap:7px;color:var(--text)}.card-head p,.panel-toolbar p,.muted,.muted-text{color:var(--muted)!important}.metric-grid{gap:11px;margin-bottom:15px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric-card{border-radius:11px;padding:14px;gap:11px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric-card:after{content:"";position:absolute;right:-24px;top:-28px;width:72px;height:72px;border-radius:50%;background:var(--primary);opacity:.045}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-icon,.stat-icon{width:39px;height:39px;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.metric-card small{font-size:10.5px;color:var(--muted)}.metric-card strong{font-size:25px;line-height:1.05;color:var(--text);letter-spacing:-.025em}.metric-card span{font-size:10px;color:var(--muted);line-height:1.4}.balance-strip{border-color:var(--border);background:var(--border);border-radius:11px;box-shadow:var(--shadow-sm);margin-bottom:15px}.balance-strip>div{background:var(--surface);padding:13px}.balance-strip small{font-size:9.5px;color:var(--muted)}.balance-strip strong{font-size:17px;color:var(--text)}.dashboard-grid{gap:14px}.activity-row{padding:10px 0;border-color:var(--border)}.activity-row strong{font-size:12px;color:var(--text)}.activity-row small,.activity-row time{font-size:10.5px;color:var(--muted)}.enterprise-guidance{border-left:3px solid var(--primary);background:linear-gradient(90deg,var(--primary-soft),var(--surface) 45%)}.enterprise-guidance h2{color:var(--text)}.btn{min-height:36px;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:750;transition:transform .13s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 23%,transparent)}:root .btn-primary{color:#fff}[data-theme=dark] .btn-primary{color:#17120a}.btn-primary:hover{background:var(--primary-dark);color:var(--primary-contrast)}:root .btn-primary:hover{color:#fff}[data-theme=dark] .btn-primary:hover{color:#17120a}.btn-secondary{background:var(--surface);color:var(--text-soft);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.btn-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.icon-btn{color:var(--text-soft)}.field span,.modern-field span,.clean-login-field span,.mini-field span{color:var(--text-soft);font-weight:750}.field input,.field select,.field textarea,.smart-combo-input,.combo-search,.attendance-exception-row input,.attendance-exception-row select,.mini-field input,.mini-field select,.material-item-row input,.voucher-line input,.voucher-line select{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--input-border)!important}.field input::placeholder,.field textarea::placeholder,.smart-combo-input::placeholder,.combo-search::placeholder{color:var(--muted);opacity:1}.field input:focus,.field select:focus,.field textarea:focus,.smart-combo-input:focus,.combo-search:focus{border-color:var(--primary)!important;box-shadow:var(--focus-ring)!important}select option{background:var(--surface);color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.notice{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent);color:var(--info)}.danger-note{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.code-note,.json-preview{background:var(--surface-2);color:var(--text-soft);border-color:var(--border)}.table-wrap{border-color:var(--border);border-radius:9px;background:var(--surface)}table{color:var(--text)}th,td{border-color:var(--border);font-size:12px;padding:9px 11px}th{background:var(--surface-2);color:var(--muted);font-size:9.5px;letter-spacing:.08em}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--table-hover)}.empty-cell{color:var(--muted)}.badge{padding:4px 8px;font-size:10px;letter-spacing:.01em;border:1px solid transparent}.badge-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 24%,transparent)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,transparent)}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 24%,transparent)}.badge-neutral{background:var(--surface-3);color:var(--text-soft);border-color:var(--border)}.tabs,.workspace-tabs{gap:5px;margin-bottom:13px}.tab,.workspace-tab{background:var(--surface);color:var(--text-soft);border-color:var(--border);border-radius:7px;padding:7px 10px;font-size:11.5px}.tab:hover,.workspace-tab:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.tab-active,.workspace-tab.active,.report-tile.active{background:var(--primary-soft)!important;border-color:color-mix(in srgb,var(--primary) 38%,var(--border))!important;color:var(--primary)!important;box-shadow:none}.folder-card,.workflow-card,.workflow-template-card,.report-tile,.backup-card,.profile-list>div,.attendance-exception-row,.permission-matrix-row>*{background:var(--surface-2);color:var(--text);border-color:var(--border)}.folder-card:hover{border-color:color-mix(in srgb,var(--primary) 44%,var(--border));box-shadow:var(--shadow-sm)}.modal-backdrop{background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{border:1px solid var(--border-strong);border-radius:13px;box-shadow:var(--shadow-lg)}.modal-card>header,.modal-card>footer{border-color:var(--border)}.toast{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border-strong);border-left:4px solid var(--success);box-shadow:var(--shadow-lg)}.smart-combo-menu{background:var(--surface-elevated)!important;color:var(--text)!important;border-color:var(--border-strong)!important;box-shadow:var(--shadow-lg)}.smart-combo-option:hover,.smart-combo-option.active{background:var(--primary-soft)!important;color:var(--primary)!important}.smart-employee-hero{background:linear-gradient(135deg,var(--surface),var(--surface-2));border-color:var(--border);box-shadow:var(--shadow-sm)}.smart-summary-grid>div,.smart-role-card,.smart-workflow-card,.smart-step-row,.smart-branch-summary-grid>div,.smart-audit-list>div,.smart-scope-options>label,.smart-branch-grid>label{background:var(--surface-2);border-color:var(--border);color:var(--text)}.smart-role-head{background:var(--surface-2);color:var(--text)}.smart-role-head:hover{background:var(--surface-3)}.smart-workflow-body{background:var(--surface);border-color:var(--border)}.smart-workflow-icon{background:var(--primary-soft);color:var(--primary)}.smart-action-toggle{background:var(--surface-2);border-color:var(--border);color:var(--text)}.smart-action-toggle.checked{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--text)}.smart-status-pill.on{background:var(--success-soft);color:var(--success)}.smart-status-pill.off{background:var(--surface-3);color:var(--muted)}.smart-default-banner,.smart-guide-strip{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent);color:var(--info)}.smart-default-banner span,.smart-default-banner p,.smart-guide-strip p{color:var(--text-soft)!important}.clean-login-page{background:radial-gradient(circle at 15% 10%,var(--primary-soft),transparent 32%),linear-gradient(135deg,var(--page-bg),var(--surface-2));color:var(--text)}.clean-login-shell{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.clean-login-brand-panel{background:linear-gradient(155deg,#18191c,#2b2418);color:#fff}.clean-login-form-panel{background:var(--surface)}.clean-login-form-header h2,.clean-login-field span{color:var(--text)}.clean-login-form-header p,.clean-login-recovery-note{color:var(--muted)}.clean-login-input-wrap{background:var(--surface-2);border-color:var(--input-border)}.clean-login-input-wrap input{color:var(--text)}.clean-login-input-wrap input::placeholder{color:var(--muted)}.clean-login-input-wrap:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.clean-login-submit{background:var(--primary);color:var(--primary-contrast)}:root .clean-login-submit{color:#fff}[data-theme=dark] .clean-login-submit{color:#17120a}.login-theme-switch{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(max-width:1180px){.topbar-context{display:none}.topbar-search-wrap{width:min(370px,45vw)}}@media(max-width:900px){.sidebar{width:min(88vw,310px)}.main-area{margin-left:0;width:100%}.premium-topbar{height:auto;min-height:58px;padding:9px 12px;gap:9px}.topbar-search-wrap{width:min(360px,48vw)}.topbar-user-copy,.live-clock{display:none}.ui-dismiss-layer{top:58px;right:0;bottom:0;left:0}}@media(max-width:640px){.premium-content{padding:14px 11px 28px}.premium-topbar{flex-wrap:nowrap}.topbar-search-wrap{flex:1;width:auto;min-width:0}.topbar-search-wrap kbd{display:none}.topbar-user-button{width:36px;padding:3px;justify-content:center}.topbar-user-button>svg{display:none}.topbar-actions{gap:4px}.topbar .icon-btn{width:34px}.page-header{align-items:stretch}.page-header h1{font-size:21px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:12px}.metric-card strong{font-size:21px}.metric-card span{display:none}.topbar-search-results{position:fixed;left:10px;right:10px;top:58px}.topbar-user-dropdown{position:fixed;right:10px;top:58px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.notification-button{display:none!important}.topbar-search-wrap input{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:1px}