:root{--navy: #080331;--navy-2: #100a4a;--accent: #6c5ce7;--accent-strong: #5544d8;--accent-soft: #eeebff;--bg: #f5f5fa;--surface: #ffffff;--surface-2: #faf9ff;--text: #17152f;--muted: #74718c;--border: #e7e5f0;--border-strong: #d8d5e7;--green: #138a5b;--green-soft: #e7f7ef;--amber: #b57905;--amber-soft: #fff4dc;--rose: #c33b62;--rose-soft: #ffebf0;--blue: #2868c7;--blue-soft: #e9f1ff;--teal: #0d7b7b;--teal-soft: #e0f6f6;--violet: #6c5ce7;--violet-soft: #efedff;--shadow-sm: 0 1px 2px rgba(16, 10, 55, .04);--shadow-md: 0 10px 30px rgba(16, 10, 55, .08);--shadow-lg: 0 24px 70px rgba(10, 5, 40, .22);--radius: 14px;--radius-sm: 10px;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1{font-size:26px;letter-spacing:-.03em}h2{font-size:17px;letter-spacing:-.015em}h3{font-size:15px}h4{font-size:13px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.small{font-size:12px}.full{grid-column:1 / -1}.w-44{width:44%}.w-auto{width:auto}.stack{display:flex;flex-direction:column;gap:20px}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:256px;background:radial-gradient(circle at 20% 0%,rgba(108,92,231,.28),transparent 42%),linear-gradient(180deg,var(--navy) 0%,#0b063b 60%,#09042f 100%);color:#fff}.brand{display:flex;align-items:center;gap:11px;padding:22px 20px 18px}.brand>div:nth-child(2){display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:14px}.brand span{font-size:11px;color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#8a7bff,#5b4bd8);box-shadow:0 8px 20px #6c5ce766;font-weight:800;font-size:13px;letter-spacing:-.04em}.brand-mark.large{width:52px;height:52px;font-size:16px;border-radius:15px}.sidebar-close{display:none!important;margin-left:auto;color:#fff!important}.nav{display:flex;flex-direction:column;gap:2px;padding:6px 12px;overflow-y:auto;flex:1}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:13px;color:#ffffffb3;transition:background .15s,color .15s}.nav-link svg{flex:0 0 auto;opacity:.8}.nav-link:hover{background:#ffffff12;color:#fff}.nav-link.active{background:#ffffff21;color:#fff;font-weight:600}.nav-link.active svg{opacity:1}.nav-badge{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:20px;background:#ffcf5c;color:#3a2900;font-style:normal;font-size:11px;font-weight:700;text-align:center}.sidebar-footer{display:flex;align-items:center;gap:10px;margin:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d}.sidebar-user{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{font-size:11px;color:#ffffff80}.sidebar-overlay{display:none}.main-shell{margin-left:256px;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:16px;min-height:74px;padding:14px 30px;background:#f5f5fae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,229,240,.8)}.topbar-title{flex:1;min-width:0}.topbar-title h1{font-size:21px}.topbar-title p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px}.today-pill{padding:5px 11px;border:1px solid var(--border);border-radius:30px;background:var(--surface);font-size:12px;color:var(--muted)}.menu-btn{display:none!important}.content{width:100%;max-width:1340px;margin:0 auto;padding:24px 30px 48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #6c5ce73d}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.btn-ghost{color:var(--muted)}.btn-ghost:hover:not(:disabled){background:#f0eef8;color:var(--text)}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover:not(:disabled){background:#a62e4f}.btn-light{background:#ffffff29;color:#fff;border-color:#ffffff38}.btn-light:hover:not(:disabled){background:#ffffff3d}.btn-block{width:100%}.btn-sm{min-height:32px;padding:0 11px;font-size:12px;border-radius:8px}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:background .15s,color .15s}.icon-btn:hover{background:#eeecf7;color:var(--text)}.icon-btn-light{color:#ffffffb3}.icon-btn-light:hover{background:#ffffff1f;color:#fff}.icon-btn.danger:hover{background:var(--rose-soft);color:var(--rose)}.icon-btn.tiny{width:24px;height:24px}.back-link{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600}.back-link:hover{color:var(--accent)}.link-button{padding:0;border:0;background:none;color:var(--text);font-weight:700;text-align:left}.link-button:hover{color:var(--accent);text-decoration:underline}.inline-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:12px;font-weight:600}.inline-link:hover{text-decoration:underline}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#ded9ff,#c9c0ff);color:#3e2f9e;font-size:11px;font-weight:800;flex:0 0 auto}.avatar-sm{width:32px;height:32px}.avatar-xs{width:30px;height:30px;font-size:10px}.avatar-lg{width:58px;height:58px;font-size:18px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-header h1{font-size:25px}.page-header p{margin-top:3px;color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 20px 13px;border-bottom:1px solid var(--border)}.card-header p{margin-top:2px;color:var(--muted);font-size:12px}.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-body{padding:18px 20px}.card-body.no-pad{padding:0}.card-body>.card{border:0;box-shadow:none}.hero-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(154,137,255,.45),transparent 36%),linear-gradient(120deg,#0a0440,#241a72 60%,#3a2a94);color:#fff;box-shadow:0 18px 40px #180f5a2e}.hero-card:after{content:"";position:absolute;right:-70px;bottom:-120px;width:260px;height:260px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.hero-card h2{margin:6px 0 5px;font-size:22px;letter-spacing:-.02em}.hero-card p{max-width:600px;color:#ffffffad;font-size:13px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat-card{display:flex;flex-direction:column;padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .15s,transform .15s,box-shadow .15s}.stat-card:hover{border-color:#cdc6f5;transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-bottom:11px;background:var(--violet-soft);color:var(--violet)}.stat-icon.violet{background:var(--violet-soft);color:var(--violet)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.rose{background:var(--rose-soft);color:var(--rose)}.stat-icon.teal{background:var(--teal-soft);color:var(--teal)}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.stat-label{margin-top:2px;font-size:12px;font-weight:600}.stat-hint{margin-top:3px;font-size:10.5px;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stat{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;transition:border-color .15s,box-shadow .15s}.mini-stat .stat-icon{margin:0}.mini-stat div{display:flex;flex-direction:column}.mini-stat strong{font-size:20px;letter-spacing:-.03em;line-height:1.1}.mini-stat span:last-child{font-size:11px;color:var(--muted)}.mini-stat:hover,.mini-stat.active{border-color:#c6bdf7;box-shadow:var(--shadow-sm)}.mini-stat.active{background:#fbfaff}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:8px;flex:1;min-width:190px;height:36px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted)}.searchbox:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6c5ce71a}.searchbox input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.searchbox.compact{flex:0 0 220px;height:32px}.toolbar-count{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:10px;background:#f4f3fa}.segmented button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.segmented button span{padding:0 5px;border-radius:20px;background:#74718c24;font-size:10px}.segmented button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px #100a371a}.date-control{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:11.5px;font-weight:650;color:#4b4866}.field-hint{font-size:10.5px;color:var(--muted)}.field-error{font-size:10.5px;color:var(--rose)}.input{width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce71a}.input:disabled{background:#f4f3f9;color:var(--muted)}.input-sm{min-height:32px;padding:5px 9px;font-size:12px}.textarea{resize:vertical;min-height:62px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#77738f 50%),linear-gradient(135deg,#77738f 50%,transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}select.input.input-sm{background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px}.input-icon{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--muted)}.input-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce71a}.input-icon input{width:100%;height:40px;border:0;outline:0;background:transparent}.input-row{display:flex;align-items:center;gap:7px}.input-row .input{flex:1}.input-check{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--green-soft);color:var(--green);flex:0 0 auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-section{padding-top:4px;border-top:1px dashed var(--border);grid-column:1 / -1}.form-section h3{margin-bottom:12px;font-size:13px;color:#4b4866}.form-section .form-grid{gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.sticky-actions{position:sticky;bottom:16px;display:flex;justify-content:flex-end;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}.hint-strip{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:9px;background:#f4f2ff;color:#514a82;font-size:11.5px}.hint-strip svg{flex:0 0 auto;margin-top:1px}.info-note{margin-top:14px;padding:10px 12px;border-left:3px solid #c9c0fb;border-radius:0 8px 8px 0;background:#faf9ff;color:var(--muted);font-size:11.5px}.alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid transparent;border-radius:9px;font-size:12.5px}.alert svg{flex:0 0 auto;margin-top:1px}.alert-error{background:var(--rose-soft);border-color:#f5c9d5;color:#952b4c}.alert-warning{background:var(--amber-soft);border-color:#f2dfb5;color:#815608}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;text-transform:capitalize}.badge-neutral{background:#efedf5;color:#605c78}.badge-success{background:var(--green-soft);color:#0d6f48}.badge-warning{background:var(--amber-soft);color:#8d5d05}.badge-danger{background:var(--rose-soft);color:#a62b4e}.badge-info{background:var(--blue-soft);color:#245ba9}.badge-violet{background:var(--violet-soft);color:#5746c9}.table-wrap{overflow-x:auto}.table-wrap>.table{min-width:640px}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{padding:10px 14px;border-bottom:1px solid var(--border);background:#fbfaff;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid #f1eff7;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fcfbff}.table tfoot td{padding:12px 14px;border-top:1px solid var(--border);background:#fbfaff;font-size:12.5px}.table.compact td,.table.compact th{padding:7px 9px}.table .wrap-cell{max-width:280px;white-space:normal}.row-actions{text-align:right;white-space:nowrap}.row-actions>*{vertical-align:middle}.row-actions>*+*{margin-left:5px}.has-warning{background:#fffcf3}.expand-cell{width:30px;padding-right:0!important}.stacked-text{display:flex;flex-direction:column;line-height:1.35}.stacked-text small{color:var(--muted);font-size:10.5px}.person-cell,.building-cell{display:flex;align-items:center;gap:9px}.person-cell>span:last-child{display:flex;flex-direction:column;line-height:1.3}.person-cell small{color:var(--muted);font-size:10.5px}.person-cell:hover strong,.building-cell:hover strong{color:var(--accent-strong)}.building-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--blue-soft);color:var(--blue);flex:0 0 auto}.building-icon.large{width:50px;height:50px;border-radius:14px}.count-pill{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:20px;background:#f1eff8;color:#5f5b78;font-size:11px;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;background:#f3f2f9;color:#5d5977;font-size:10.5px}.attention-list,.mini-list,.submission-list{display:flex;flex-direction:column}.attention-row,.mini-row,.submission-row{display:flex;align-items:center;gap:11px;padding:11px 20px;border-bottom:1px solid #f2f0f8;transition:background .15s}.attention-row:last-child,.mini-row:last-child,.submission-row:last-child{border-bottom:0}.attention-row:hover,.mini-row:hover,.submission-row:hover{background:#fcfbff}.attention-row>div,.mini-row>div,.submission-row>div{flex:1;min-width:0}.attention-row strong,.mini-row strong,.submission-row strong{display:block;font-size:12.5px}.attention-row p,.mini-row p,.submission-row p{margin-top:1px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;flex:0 0 auto}.attention-icon.amber{background:var(--amber-soft);color:var(--amber)}.attention-icon.green{background:var(--green-soft);color:var(--green)}.attention-icon.rose{background:var(--rose-soft);color:var(--rose)}.attention-icon.blue{background:var(--blue-soft);color:var(--blue)}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 auto}.dot.red{background:var(--rose)}.dot.blue{background:var(--blue)}.payroll-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px dashed var(--border)}.payroll-hero>div{display:flex;flex-direction:column;gap:2px}.payroll-hero strong{font-size:15px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0}.kv-grid>div{display:flex;flex-direction:column;gap:1px}.kv-grid span{color:var(--muted);font-size:10.5px}.kv-grid strong{font-size:12.5px}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,#fff,#faf9ff);box-shadow:var(--shadow-sm)}.detail-identity{display:flex;align-items:center;gap:14px;min-width:0}.detail-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-title-row h1{font-size:23px}.detail-identity p{margin-top:2px;color:var(--muted);font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.detail-grid>div{display:flex;flex-direction:column;gap:1px}.detail-grid strong{font-size:13px;word-break:break-word}.contact-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;padding-top:14px;border-top:1px dashed var(--border)}.contact-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.contact-row svg{color:var(--accent)}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border:1px dashed #cfc8f6;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(108,92,231,.09),transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(108,92,231,.06) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(108,92,231,.06) 24px);color:var(--accent-strong);font-size:11.5px;text-align:center}.map-placeholder small{color:var(--muted)}.tabs{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#fff;align-self:flex-start}.tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.history-list{display:flex;flex-direction:column;gap:10px}.history-day{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #f2f0f8}.history-day:last-child{border-bottom:0}.history-date{display:flex;flex-direction:column;gap:1px}.history-date strong{font-size:12px}.history-date span{color:var(--muted);font-size:10.5px}.history-entries{display:flex;flex-direction:column;gap:5px}.history-entry{display:grid;grid-template-columns:1fr auto 60px;gap:12px;align-items:center;padding:6px 9px;border-radius:7px;background:var(--surface-2);font-size:11.5px}.history-entry span{color:var(--muted)}.history-entry em{color:var(--accent-strong);font-style:normal;font-weight:700;text-align:right}.assignments-editor{display:flex;flex-direction:column;gap:11px}.assignments-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.assignments-toolbar select{max-width:300px}.assignments-toolbar .muted{display:inline-flex;align-items:center;gap:3px}.order-input{width:70px}.payroll-controls{display:flex;align-items:flex-end;gap:18px;padding:14px 16px;flex-wrap:wrap}.payroll-controls .field{min-width:380px;flex:1}.provider-toggle{margin-bottom:3px}.period-badges{display:flex;align-items:center;gap:8px;margin-bottom:7px}.payroll-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.summary-tile{display:flex;flex-direction:column;gap:2px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.summary-tile strong{font-size:16px;letter-spacing:-.03em}.summary-tile.strong{background:linear-gradient(145deg,#0d0742,#22186f);border-color:transparent;color:#fff}.summary-tile.strong .muted{color:#fff9}.summary-dot{width:6px;height:6px;border-radius:50%;margin-bottom:4px;background:var(--violet)}.summary-dot.blue{background:var(--blue)}.summary-dot.green{background:var(--green)}.summary-dot.amber{background:var(--amber)}.summary-dot.rose{background:var(--rose)}.summary-dot.teal{background:var(--teal)}.summary-dot.violet{background:#9a8bff}.payroll-table td{white-space:nowrap}.detail-row>td{background:#fbfaff;padding-top:0}.payroll-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:14px;border:1px solid var(--border);border-radius:10px;background:#fff}.payroll-detail-block h4{margin-bottom:7px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.payroll-line{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed #f0eef7;font-size:11.5px}.payroll-line:last-child{border-bottom:0}.payroll-line span{color:var(--muted)}.payroll-line strong{white-space:nowrap}.payroll-line.total{margin-top:5px;padding-top:7px;border-top:1px solid var(--border);border-bottom:0;font-size:12.5px}.payroll-line.total span{color:var(--text);font-weight:700}.delivery-grid{display:grid;gap:9px}.delivery-card{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);text-align:left;transition:border-color .15s,background .15s}.delivery-card:hover:not(:disabled){border-color:#c6bdf7;background:#fbfaff}.delivery-card:disabled{opacity:.55;cursor:not-allowed}.delivery-card>svg{color:var(--accent);flex:0 0 auto}.delivery-card div{display:flex;flex-direction:column;gap:1px}.delivery-card strong{font-size:12px}.delivery-card span{color:var(--muted);font-size:10.5px}.report-modal-head{display:flex;align-items:center;gap:7px;margin-bottom:14px}.report-sections{display:flex;flex-direction:column;gap:12px;margin-top:18px}.report-section{padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.report-section h4{margin-bottom:4px;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.report-section p{white-space:pre-wrap;font-size:12.5px}.report-attachments{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border)}.report-attachments-heading{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700}.report-attachments ul{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.report-attachments li{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;background:#f7f6fc;font-size:11.5px}.report-attachments li span{flex:1;word-break:break-all}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}.checklist-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.checklist-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.checklist-card h3{font-size:14px}.checklist-card>p{margin-top:2px;color:var(--muted);font-size:11px;min-height:15px}.checklist-meta{display:flex;justify-content:space-between;gap:8px;margin:13px 0;padding-top:11px;border-top:1px dashed var(--border);color:var(--muted);font-size:10.5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b8b4c9}.status-dot.green{background:#2db57d;box-shadow:0 0 0 3px #2db57d21}.status-dot.amber{background:#e8a827;box-shadow:0 0 0 3px #e8a82721}.status-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#0d6f48}.submission-row{width:100%;border:0;border-bottom:1px solid #f2f0f8;background:transparent;text-align:left}.green-icon{color:var(--green);flex:0 0 auto}.answers{display:flex;flex-direction:column;gap:18px}.answer-section h3{padding-bottom:7px;margin-bottom:11px;border-bottom:1px solid var(--border);color:var(--accent-strong);font-size:13px}.answer-item{margin-bottom:12px;padding:9px 12px;border-radius:8px;background:var(--surface-2)}.answer-item h4{margin-bottom:5px;font-size:11.5px}.answer-row{display:flex;justify-content:space-between;gap:18px;padding:4px 0;border-bottom:1px dashed #efedf7;font-size:11.5px}.answer-row:last-child{border-bottom:0}.answer-row span{color:var(--muted)}.answer-row strong{text-align:right;max-width:55%}.request-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.request-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.request-card.resolved{background:#fdfcff}.request-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.request-head .stat-icon{margin:0}.request-card h3{font-size:14px}.request-username{color:var(--muted);font-size:11px}.request-meta{display:flex;flex-direction:column;gap:2px;margin:10px 0;color:var(--muted);font-size:10.5px}.request-note{margin-bottom:12px;padding:8px 10px;border-radius:7px;background:#f7f5ff;color:#5a537f;font-size:11.5px;font-style:italic}.resolved-meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--border);color:var(--muted);font-size:10.5px}.resolved-meta svg{color:var(--green)}.profile-block{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:15px;border-bottom:1px dashed var(--border)}.profile-block h3{font-size:17px}.profile-block p{color:var(--muted);font-size:12px;margin-bottom:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:6vh 18px;background:#0804238c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal{width:100%;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);animation:modal-in .18s ease-out}.modal-sm{max-width:430px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:980px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:18px}.modal-header p{margin-top:2px;color:var(--muted);font-size:12px}.modal-body{padding:18px 20px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid var(--border);background:#fcfbff;border-radius:0 0 16px 16px}.modal-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;margin-bottom:12px}.modal-toolbar .field{width:150px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:10px;background:#fff;box-shadow:var(--shadow-lg);font-size:12px;animation:toast-in .2s ease-out}.toast svg{flex:0 0 auto;margin-top:1px}.toast span{flex:1}.toast-success svg{color:var(--green)}.toast-error svg{color:var(--rose)}.toast-info svg{color:var(--blue)}.toast-close{padding:0;border:0;background:none;color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading-row{display:flex;align-items:center;justify-content:center;gap:9px;padding:44px 20px;color:var(--muted);font-size:12.5px}.full-loader{display:grid;place-items:center;min-height:100vh}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.empty-state h3{font-size:14px}.empty-state p{max-width:360px;margin:3px 0 12px;color:var(--muted);font-size:11.5px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(380px,.95fr);min-height:100vh}.login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px 44px;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(122,104,255,.6),transparent 40%),radial-gradient(circle at 0% 100%,rgba(46,30,150,.65),transparent 45%),linear-gradient(140deg,#07022f,#150b57 55%,#2e1e83);color:#fff}.login-brand-panel:before{content:"";position:absolute;right:-130px;top:22%;width:380px;height:380px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.login-brand-panel:after{content:"";position:absolute;right:-30px;top:32%;width:220px;height:220px;border:1px solid rgba(255,255,255,.09);border-radius:50%}.login-brand-top{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.87}.login-copy{position:relative;z-index:1;max-width:470px;margin:40px 0}.login-copy .eyebrow{opacity:.65}.login-copy h1{margin:10px 0 12px;font-size:42px;line-height:1.04;letter-spacing:-.045em}.login-copy p{color:#ffffffa8;font-size:14px;line-height:1.55}.login-copy ul{display:flex;flex-direction:column;gap:8px;margin-top:23px}.login-copy li{display:flex;align-items:center;gap:8px;color:#ffffffd1;font-size:12.5px}.login-copy li svg{color:#b7aaff}.login-footnote{font-size:10.5px;color:#ffffff61}.login-form-panel{display:grid;place-items:center;padding:34px;background:#f7f6fb}.login-card{width:100%;max-width:370px;padding:30px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 24px 60px #100a3717}.login-card-heading{margin-bottom:20px}.login-card-heading h2{font-size:22px;letter-spacing:-.03em}.login-card-heading p{margin-top:3px;color:var(--muted);font-size:12px}.login-card .field{margin-bottom:13px}.login-card .btn-block{margin-top:7px;min-height:42px}.login-note{margin-top:14px;color:var(--muted);font-size:10.5px;text-align:center}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1020px){.grid-two{grid-template-columns:1fr}.login-copy h1{font-size:34px}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:none}.sidebar-close{display:inline-grid!important}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#08042373;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0}.menu-btn{display:inline-grid!important}.topbar{padding:12px 18px}.content{padding:20px 18px 40px}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.payroll-controls .field{min-width:0;width:100%}}@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stats{grid-template-columns:1fr}.payroll-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-tile.strong{grid-column:1 / -1}.toolbar-count{display:none}.hero-card{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.history-day{grid-template-columns:1fr;gap:5px}.history-entry{grid-template-columns:1fr auto}.history-entry em{grid-column:2}.payroll-detail{grid-template-columns:1fr}.detail-hero{align-items:flex-start}.tabs{width:100%;overflow-x:auto}.tabs button{flex:1;justify-content:center;white-space:nowrap}.modal-backdrop{padding:0;align-items:stretch}.modal{min-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-body{flex:1}.modal-footer{border-radius:0;position:sticky;bottom:0}.toast-stack{left:14px;right:14px;bottom:14px;max-width:none}}@media(max-width:520px){.topbar-title p,.today-pill{display:none}.page-header h1,.topbar-title h1{font-size:20px}.content{padding:16px 13px 32px}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-value{font-size:22px}.login-form-panel{padding:16px}.login-card{padding:22px}.segmented{width:100%;overflow-x:auto}.searchbox{flex-basis:100%}.date-control{width:100%}.date-control .input{flex:1}}