:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9ebef;background:#0f1115;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#0f1115}.app{min-height:100vh;display:flex;background:#0f1115}aside{width:236px;border-right:1px solid #242830;padding:28px 16px 20px;display:flex;flex-direction:column;background:#111318}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 42px}.mark{width:34px;height:34px;border-radius:9px;background:#e9ebef;color:#111318;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand span{display:block;font-size:8px;letter-spacing:2px;color:#737984;margin-top:2px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:transparent;color:#858b96;text-align:left;padding:11px 12px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;gap:12px;align-items:center}.nav button i{font-style:normal;width:17px;text-align:center;font-size:16px}.nav button:hover{background:#191c22;color:#d9dce1}.nav button.active{background:#20242b;color:#fff}.sidebottom{margin-top:auto;border-top:1px solid #242830;padding:18px 10px 0;color:#747a84;font-size:11px;display:flex;align-items:center;gap:8px}.statusdot{width:6px;height:6px;border-radius:50%;background:#75c49a}main{flex:1;min-width:0;padding:32px 42px 50px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:28px;border-bottom:1px solid #242830}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#6f7580;margin-bottom:7px}h1{margin:0;font-size:29px;letter-spacing:-.8px}.headright{display:flex;align-items:center;gap:18px}.period{font-size:12px;color:#8b919b}.avatar{width:34px;height:34px;border:1px solid #30343c;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#cfd2d7}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.seg{border:1px solid #2a2e35;border-radius:8px;padding:3px;display:flex}.seg button{border:0;background:transparent;color:#7d838d;padding:7px 16px;border-radius:5px;font-size:11px;cursor:pointer}.seg button.sel{background:#e9ebef;color:#111318;font-weight:700}.search{width:240px;border:1px solid #2a2e35;border-radius:7px;padding:8px 10px;display:flex;gap:7px;color:#6f7580}.search input{border:0;outline:0;background:transparent;color:#e8eaf0;width:100%;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #242830;border-bottom:1px solid #242830;margin-bottom:24px}.stat{padding:18px;border-right:1px solid #242830}.stat:last-child{border-right:0}.stat strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.5px}.stat span{font-size:8px;letter-spacing:1.5px;color:#666d78}.stat span.warn{color:#c89f66}.panel{border:1px solid #282c34;border-radius:10px;background:#12151a;overflow:hidden}.panelhead{padding:21px 22px;border-bottom:1px solid #242830;display:flex;justify-content:space-between;align-items:center}.panelhead h2{font-size:14px;margin:0 0 4px}.panelhead p{margin:0;font-size:10px;color:#717782}.ghost{background:transparent;border:1px solid #30343c;color:#aeb3bc;border-radius:6px;padding:7px 11px;font-size:10px}table{width:100%;border-collapse:collapse}th{font-size:8px;letter-spacing:1.2px;text-align:left;color:#626974;font-weight:600;padding:12px 20px;background:#101318}td{padding:13px 20px;border-top:1px solid #22262d;font-size:11px;color:#aeb3bb}tbody tr:hover{background:#171a20}.person{display:flex;align-items:center;gap:10px}.person b{display:block;color:#e2e4e8;font-size:11px;font-weight:550}.person small{display:block;color:#626974;font-size:9px;margin-top:2px}.mini{width:28px;height:28px;border-radius:50%;background:#252a31;color:#b9bec6;display:grid;place-items:center;font-size:8px}.station{color:#8e949e}.pill{font-size:7px;letter-spacing:1px;border:1px solid #315342;color:#83bd9d;border-radius:20px;padding:4px 7px}.arrow{font-size:17px;color:#555b65;text-align:right}.daygrid{padding:18px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.daycell{height:68px;border:1px solid #262a31;border-radius:6px;padding:8px;display:flex;justify-content:space-between;flex-direction:column}.daycell span{font-size:10px;color:#727984}.daycell em{font-size:9px;font-style:normal;color:#81b99b}.empty{margin-top:30vh;text-align:center;color:#737983}.emptyicon{font-size:28px;color:#d9dce1}.empty h2{color:#dce0e5;font-size:18px;margin:12px 0 6px}.empty p{font-size:11px}@media (max-width:800px){aside{width:72px}.brand div:not(.mark),.nav button:not(.active):first-letter{font-size:0}.nav button{justify-content:center}.nav button i{margin:0}main{padding:24px 18px}.stats{grid-template-columns:repeat(2,1fr)}.search{width:180px}.panel{overflow-x:auto}table{min-width:720px}}.notice{margin:18px 0;padding:11px 13px;border:1px solid #30343c;border-radius:7px;background:#15181e;color:#aeb3bc;font-size:11px}.setup{margin-top:30px;border:1px solid #282c34;border-radius:10px;padding:28px;background:#12151a}.setup h2{margin:0 0 8px;font-size:15px}.setup p{margin:0;color:#737983;font-size:11px}.actions,.panelactions{display:flex;align-items:center;gap:8px}.statusdot.off{background:#9a6262}.pill.open{border-color:#705a38;color:#c9a46e}.pill.none{border-color:#383d45;color:#777e89}.primary{border:0;background:#e9ebef;color:#111318;border-radius:6px;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer}.subtle{font-size:10px;color:#717782;margin-top:4px}.rosterlegend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;color:var(--muted);font-size:11px}.roster-month-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:9px;font-weight:700;letter-spacing:.6px}.roster-month-status span{width:6px;height:6px;border-radius:50%;background:#8b929d}.roster-month-status.published{color:#83bd9d}.roster-month-status.published span{background:#83bd9d}.roster-month-status.mixed{color:#c9a46e}.roster-month-status.mixed span{background:#c9a46e}.roster-month-status.draft{color:#8b929d}.roster-month-status.draft span{background:#8b929d}.rosterlegend span{display:inline-flex;gap:5px;align-items:center}.rosterlegend b{color:var(--text);font-weight:700}.rosterselect.off{color:#777d86;background:#0f1115}.rosterselect:disabled{cursor:default;opacity:.9}.rosterselect.published{cursor:default}.rosterpanel{overflow:auto}.rostergrid{display:grid;grid-template-columns:190px repeat(var(--days),minmax(38px,1fr));min-width:1050px}.rostercorner,.rosterdate{background:#101318;color:#626974;font-size:8px;letter-spacing:1px;padding:11px 8px;text-align:center;border-bottom:1px solid #242830}.rostercorner{text-align:left;position:sticky;left:0;z-index:2}.rosterperson{padding:8px 12px;border-top:1px solid #22262d;background:#12151a;position:sticky;left:0;z-index:3}.rosterperson b{font-size:10px;color:#dfe2e6}.rosterperson small{display:block;font-size:8px;color:#686f79;margin-top:2px}.rosterselect{width:100%;min-width:38px;height:38px;border:0;border-top:1px solid #22262d;border-left:1px solid #20242b;background:#12151a;color:#aeb3bb;font-size:9px;text-align:center;outline:0;cursor:pointer}.rosterselect:focus{background:#20242b}.rosterselect.published{color:#83bd9d;background:#151c19}.rosterselect option{background:#171a20;color:#ddd}.rosterperson{display:flex;align-items:center;gap:9px;min-width:190px}.rosterperson .mini{flex:0 0 28px}.rosterperson>div{min-width:0}.rosterperson b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rosterperson small{display:block}.rosterselect{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;padding:0}.rosterselect:not([value=""]){font-weight:600}.rosterselect:has(option:checked:not([value=""])){color:#e2e4e8;background:#191d23}.rosterselect.published:has(option:checked:not([value=""])){color:#83bd9d;background:#151c19}.daytable tbody tr:not(.detailrow){cursor:pointer}.daytable tbody tr:not(.detailrow):hover{background:#171a20}.daytable .rowselected{background:#191d23}.detailrow td{padding:0!important;background:#101318}.daydetail{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-top:1px solid #242830}.daydetail>div{padding:14px 18px;border-right:1px solid #242830}.daydetail>div:last-child{border-right:0}.daydetail span{display:block;font-size:7px;letter-spacing:1.2px;color:#626974;margin-bottom:5px}.daydetail b{font-size:11px;color:#dfe2e6;font-weight:550}@media (max-width:800px){.daytable{min-width:900px}.daydetail{grid-template-columns:repeat(5,150px)}}.date-nav{display:flex;align-items:center;gap:6px}.date-nav input[type=date]{min-width:145px}.date-arrow{width:36px;min-width:36px;padding:0;font-size:22px;line-height:1}.import-history{margin-top:16px}.historycount{font-size:12px;color:#7a7f88;text-transform:uppercase;letter-spacing:.08em}.historylist{display:flex;flex-direction:column}.historyitem{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #eceef1}.historyicon{width:30px;height:30px;border:1px solid #dfe2e7;border-radius:8px;display:grid;place-items:center;color:#525861;font-weight:700}.historymain{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.historymain b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historymain small{font-size:11px;color:#858a92}.historyitem time{font-size:11px;color:#858a92;white-space:nowrap}.historyempty{padding:18px;color:#858a92;font-size:13px}@media (max-width:760px){.historyitem{align-items:flex-start}.historyitem time{display:none}.date-nav input[type=date]{min-width:125px}}.import-summary{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px;margin-top:16px}.import-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.import-summary-head h2{margin:4px 0 0;font-size:18px;line-height:1.2;overflow-wrap:anywhere}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.import-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.import-summary-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg)}.import-summary-grid b{display:block;font-size:25px;line-height:1;margin-bottom:7px}.import-summary-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.import-summary-note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:700px){.import-summary-grid{grid-template-columns:1fr}.import-summary-head{align-items:center}}.toast{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px #00000024;font-size:13px}.toastdot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:800}.toast.success .toastdot{background:#dff5e7;color:#16833f}.toast.error .toastdot{background:#fde2e2;color:#b42318}.toast button{margin-left:auto;border:0;background:none;font-size:18px;color:var(--muted);cursor:pointer}@media (max-width:700px){.toast{left:16px;right:16px;bottom:16px;min-width:0}}.authloading{min-height:100vh;display:grid;place-items:center;font-size:13px;color:#aeb3bc;background:#0f1115}.authpage{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0f1115}.authcard{width:min(420px,100%);padding:34px;border:1px solid #30343c;border-radius:20px;background:#12151a;box-shadow:0 18px 50px #00000059}.authbrand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.authbrand .mark{width:38px;height:38px}.authbrand strong{display:block;font-size:18px;color:#e9ebef}.authbrand span{display:block;font-size:9px;letter-spacing:.16em;color:#737984}.authcard h1{margin:0;font-size:27px}.authcard>p{margin:7px 0 24px;color:#858b96;font-size:13px}.googlebtn{width:100%;height:44px;border:1px solid #3a3f48;border-radius:10px;background:#e9ebef;color:#111318;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.googlebtn span{font-weight:900;font-size:18px}.authdivider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#737984;font-size:11px}.authdivider:before,.authdivider:after{content:"";height:1px;background:#30343c;flex:1}.authcard form{display:grid;gap:13px}.authcard label{display:grid;gap:6px;font-size:12px;font-weight:700}.authcard input{height:42px;border:1px solid #30343c;border-radius:9px;padding:0 12px;background:#0f1115;color:#e9ebef;outline:none}.authcard input:focus{border-color:#e9ebef}.authsubmit{width:100%;height:44px;margin-top:4px}.authswitch{width:100%;border:0;background:none;margin-top:18px;color:#858b96;font-size:12px;cursor:pointer}.authswitch:hover{color:#e9ebef}.signout{font-size:11px}.errorpage{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0f1115;color:#e9ebef}.errorcard{width:min(460px,100%);padding:34px;border:1px solid #30343c;border-radius:20px;background:#12151a;text-align:center;box-shadow:0 18px 50px #00000059}.errorcard .mark{margin:0 auto 20px}.errorcard h1{font-size:24px;margin:0 0 10px}.errorcard p{color:#aeb3bc;font-size:13px;line-height:1.5;word-break:break-word;margin:0 0 22px}.errorcard .primary{cursor:pointer}.userbadge{display:flex;align-items:center;gap:10px}.userbadge>b{font-size:11px;letter-spacing:.08em;color:#8f8f8f}.userbadge .avatar{margin-left:0}.role-select{min-width:120px;border:1px solid #2c2c2c;background:#171717;color:#f5f5f5;border-radius:8px;padding:8px 30px 8px 10px;font:inherit}.role-select:disabled{opacity:.7;cursor:not-allowed}.toolbar select{border:1px solid #2c2c2c;background:#171717;color:#f5f5f5;border-radius:8px;padding:10px 34px 10px 12px;font:inherit}.userspanel{margin-top:30px}.userfilters{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid #242830}.userfilters select{border:1px solid #2a2e35;border-radius:7px;background:#12151a;color:#aeb3bc;padding:8px 12px;font-size:11px}.usertablewrap{overflow-x:auto}.usertable{min-width:760px}.usertable th{padding:11px 20px}.usertable td{height:58px}.usertable .role-select{min-width:118px}.joined{color:#777e89!important;white-space:nowrap}.useraction{text-align:right;width:70px}.selflabel{font-size:8px;letter-spacing:1px;color:#5f6670}.useridentity{display:flex;align-items:center;gap:10px}.useridentity b{display:block;color:#e2e4e8;font-size:11px;font-weight:550}.useridentity small{display:block;color:#626974;font-size:9px;margin-top:3px}.userfilters .search{width:280px}.usertable tbody tr:hover .arrow{color:#cdd1d7}@media (max-width:760px){.userfilters{flex-direction:column}.userfilters .search{width:100%}.usertable{min-width:760px}}.staffpanel{margin-top:30px}.stafftablewrap{overflow-x:auto}.stafftable{min-width:760px}.stafftable th{padding:11px 20px}.stafftable td{height:60px}.stafftable code.uidcode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#aeb3bc}.station-select{min-width:125px;border:1px solid #30343c;background:#171a20;color:#d9dce1;border-radius:7px;padding:8px 28px 8px 10px;font-size:10px;outline:0}.station-select:focus{border-color:#555b65}.station-select:disabled{opacity:.7}.stafftable .person small{color:#626974}.stafftable tbody tr:hover .station-select{border-color:#3d424b}.status-select{min-width:125px;border:1px solid #30343c;background:#171a20;color:#d9dce1;border-radius:7px;padding:8px 28px 8px 10px;font-size:10px;outline:0}.status-select:focus{border-color:#555b65}.status-select:disabled{opacity:.7}.status-select.active{color:#83bd9d;border-color:#315342}.status-select.probation{color:#c9a46e;border-color:#705a38}.status-select.inactive{color:#777e89;border-color:#383d45}.stafftable tbody tr:hover .status-select{border-color:#3d424b}.staff-actions{display:flex;align-items:center;gap:6px}.staff-action{border:1px solid #30343c;background:#171a20;color:#9ea4ae;border-radius:6px;padding:7px 9px;font-size:9px;cursor:pointer}.staff-action:hover{border-color:#555b65;color:#e0e3e8}.staff-action:disabled{opacity:.5;cursor:default}.staff-action.archive{color:#c9a46e;border-color:#5a4a31}.staff-action.restore{color:#83bd9d;border-color:#315342}.staff-action.delete{color:#c77d7d;border-color:#5a3333}.attendance-legend{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid #242830;color:#7f858f;font-size:10px}.attendance-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{font-style:normal;font-size:13px;line-height:1}.legend-dot.present{color:#83bd9d}.legend-dot.longshift{color:#60a5fa}.legend-dot.open{color:#c9a46e}.legend-dot.none{color:#656c76}.matrixwrap{overflow:auto}.attendance-matrix{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.attendance-matrix th,.attendance-matrix td{border-top:1px solid #22262d}.attendance-matrix th{padding:9px 5px;background:#101318;position:sticky;top:0;z-index:3}.attendance-matrix .matrix-employee{position:sticky;left:0;z-index:4;width:205px;min-width:205px;max-width:205px;text-align:left;padding-left:20px;background:#12151a}.attendance-matrix thead .matrix-employee{background:#101318}.matrix-day{width:38px;min-width:38px;text-align:center}.matrix-day b{display:block;font-size:9px;color:#b5bac2;line-height:1.1}.matrix-day small{display:block;margin-top:3px;font-size:7px;color:#626974;font-weight:500;letter-spacing:.2px}.matrix-total{width:42px;min-width:42px;text-align:center!important;color:#626974!important;border-left:1px solid #2a2e35}.attendance-matrix tbody .matrix-employee{padding-top:10px;padding-bottom:10px}.attendance-matrix tbody .matrix-employee .person{min-width:165px}.matrix-cell{width:38px;min-width:38px;padding:0!important;text-align:center;cursor:pointer;transition:background .12s ease}.matrix-cell span{font-size:13px;line-height:1}.matrix-cell.present{color:#83bd9d}.matrix-cell.longshift{color:#60a5fa}.matrix-cell.open{color:#c9a46e}.matrix-cell.no_punch{color:#4f5661}.matrix-cell:hover{background:#1d2128}.matrix-cell.present:hover{background:#19261f}.matrix-cell.longshift:hover{background:#17263a}.matrix-cell.open:hover{background:#292319}.matrix-cell.no_punch:hover{background:#191c21}.value-present{color:#83bd9d!important}.value-open{color:#c9a46e!important}.value-none{color:#737983!important}@media (max-width:800px){.attendance-legend{padding-left:14px;gap:12px}.attendance-matrix .matrix-employee{width:180px;min-width:180px;max-width:180px;padding-left:14px}.matrix-day,.matrix-cell{width:36px;min-width:36px}}.devicepanel{margin-bottom:16px}.devicecheck{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--surface,#fff)}.devicecheckdot{width:9px;height:9px;border-radius:50%;background:#999;flex:none}.devicecheck b,.devicecheck small{display:block}.devicecheck small{margin-top:4px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devicecheck.connected .devicecheckdot{background:#2f8f5b}.devicecheck.checking .devicecheckdot,.devicecheck.warning .devicecheckdot{background:#c88b20}.devicecheck.offline .devicecheckdot{background:#b54a4a}.devicepagepanel{margin-top:30px}.devicepagepanel .panelhead{align-items:flex-start}.devicepagepanel .panelhead p{max-width:620px}.deviceinfo{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;border:1px solid var(--line,#ddd);border-radius:10px;overflow:hidden;background:var(--line,#ddd)}.deviceinfo>div{padding:14px 16px;background:var(--surface,#fff)}.deviceinfo span,.device-note-grid b{display:block;font-size:9px;letter-spacing:.08em;color:#747b85}.deviceinfo b{display:block;margin-top:5px;font-size:12px;color:inherit}.device-notes{margin-top:16px}.device-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line,#ddd);background:var(--line,#ddd)}.device-note-grid>div{padding:16px;background:var(--surface,#fff)}.device-note-grid span{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:#747b85}@media (max-width:760px){.deviceinfo,.device-note-grid{grid-template-columns:1fr}.devicepagepanel .panelhead{flex-direction:column;gap:14px}}.attendance-feedback{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);gap:1px;border-top:1px solid #242830;background:#242830}.feedback-copy,.feedback-punches{padding:16px 18px;background:#12151a}.feedback-copy b,.feedback-punches b{display:block;color:#e2e4e8;font-size:11px}.feedback-copy p{margin:7px 0 0;color:#858b96;font-size:11px;line-height:1.55}.feedback-copy strong{color:#c9a46e;font-weight:600}.feedback-punches{border-left:1px solid #242830}.feedback-muted{display:block;margin-top:8px;color:#626974;font-size:10px}.punchlist{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.punchlist>div{border:1px solid #30343c;border-radius:7px;padding:7px 9px;background:#171a20}.punchlist b{font-size:11px!important;color:#dfe2e6!important}.punchlist span{display:block;margin-top:3px;color:#626974;font-size:8px;letter-spacing:.05em}@media (max-width:760px){.attendance-feedback{grid-template-columns:1fr}.feedback-punches{border-left:0;border-top:1px solid #242830}}.notification-wrap{position:relative}.notification-button{position:relative;width:34px;height:34px;border:1px solid #30343c;border-radius:50%;background:transparent;color:#aeb3bc;cursor:pointer;font-size:15px}.notification-button:hover{background:#191c22;color:#fff}.notification-count{position:absolute;right:-4px;top:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:9px;background:#c86f68;color:#fff;font-size:8px;font-weight:700;display:grid;place-items:center;border:2px solid #111318}.notification-panel{position:absolute;right:0;top:43px;width:360px;max-height:470px;border:1px solid #30343c;border-radius:10px;background:#15181e;box-shadow:0 18px 50px #00000059;z-index:50;overflow:hidden}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #292d35;font-size:12px}.notification-clear{border:0;background:transparent;color:#777e89;font-size:9px;cursor:pointer}.notification-list{max-height:415px;overflow:auto}.notification-item{display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid #242830}.notification-item:hover{background:#1a1d23}.notification-dot{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;background:#29332e;color:#83bd9d;font-size:9px;font-weight:700}.notification-item.error .notification-dot{background:#3b2928;color:#d98a82}.notification-item b{font-size:10px;color:#dfe2e7}.notification-item p{margin:3px 0 5px;color:#a5abb5;font-size:10px;line-height:1.4}.notification-item time{font-size:8px;color:#646b76}.notification-empty{padding:35px 20px;text-align:center;color:#6e7580;font-size:10px}.toast{right:24px;bottom:24px;z-index:60}.shiftformpanel{margin-bottom:16px}.shiftformpanel .panelhead{align-items:flex-start}.shiftform{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:12px;padding:16px 20px 20px;border-top:1px solid #242830}.shiftform label{display:flex;flex-direction:column;gap:6px;color:#737a84;font-size:9px;letter-spacing:.08em}.shiftform input,.shiftform select{width:100%;box-sizing:border-box;border:1px solid #30343c;border-radius:7px;background:#171a20;color:#d9dce1;padding:9px 10px;font-size:11px;outline:0}.shiftform input:focus,.shiftform select:focus{border-color:#555b65}.shiftformactions{display:flex;align-items:flex-end;gap:7px}.shiftformactions button{height:35px}.shiftpanel{overflow:hidden}.shifttablewrap{overflow:auto}.shifttable{width:100%;border-collapse:collapse;min-width:700px}.shifttable th,.shifttable td{padding:12px 16px;border-top:1px solid #22262d;text-align:left;font-size:10px}.shifttable th{background:#101318;color:#626974;font-size:8px;letter-spacing:1px}.shifttable td{color:#aeb3bc}.shifttable td b{color:#dfe2e6;font-size:11px}.shifttable code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9a46e;font-size:10px}.shift-type{display:inline-block;padding:4px 7px;border:1px solid #30343c;border-radius:5px;color:#858c96;font-size:8px;letter-spacing:.06em}@media (max-width:900px){.shiftform{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media (max-width:600px){.shiftform{grid-template-columns:repeat(2,minmax(110px,1fr));padding-left:14px;padding-right:14px}.shifttable th,.shifttable td{padding:10px 12px}}.operatingpanel{margin-top:30px}.operatingtablewrap{overflow-x:auto}.operatingtable{min-width:620px}.operatingtable th{padding:11px 22px}.operatingtable td{height:62px;padding:12px 22px}.operatingtable td:first-child{width:42%}.operatingtable input[type=time]{border:1px solid #30343c;background:#171a20;color:#e2e4e8;border-radius:7px;padding:8px 10px;font:inherit;font-size:11px}.operatingtable input[type=time]:disabled{opacity:.65}.dayhint{display:inline-block;margin-left:8px;font-size:8px;letter-spacing:.08em;color:#777e89;text-transform:uppercase}.operatingduration{font-size:11px;color:#8d939d}.operatingactions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid #242830;color:#717782;font-size:10px}.operatingnote{margin-top:16px}.operatingnotegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #242830;background:#242830}.operatingnotegrid>div{padding:16px 18px;background:#12151a}.operatingnotegrid b{display:block;font-size:10px;color:#dfe2e6}.operatingnotegrid span{display:block;margin-top:6px;font-size:10px;line-height:1.5;color:#717782}@media (max-width:760px){.operatingnotegrid{grid-template-columns:1fr}.operatingactions{align-items:flex-start;flex-direction:column}.operatingtable{min-width:620px}}.compliance-stats{margin-top:24px}.compliance-summary{margin-bottom:16px}.compliance-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#242830}.compliance-summary-grid>div{padding:16px 20px;background:#12151a}.compliance-summary-grid span{display:block;font-size:8px;letter-spacing:1.3px;color:#626974}.compliance-summary-grid b{display:block;margin-top:7px;font-size:17px;color:#dfe2e6}.compliance-summary-grid b.negative{color:#c9a46e}.compliance-summary-grid b.positive{color:#83bd9d}.compliance-panel{overflow:hidden}.compliance-tablewrap{overflow:auto}.compliance-table{min-width:1050px}.compliance-table th,.compliance-table td{padding:12px 14px}.compliance-table th:first-child,.compliance-table td:first-child{padding-left:20px}.compliance-table td{white-space:nowrap}.compliance-table td:first-child{white-space:normal;min-width:190px}.compliance-shift{display:block;color:#e2e4e8;font-size:10px}.compliance-shiftname,.compliance-muted{display:block;margin-top:3px;color:#626974;font-size:8px}.schedule-time{display:block;color:#aeb3bc;font-size:10px}.compliance-pill{display:inline-block;padding:4px 7px;border-radius:20px;border:1px solid #30343c;font-size:7px;letter-spacing:1px;text-transform:uppercase}.compliance-pill.on_target{border-color:#315342;color:#83bd9d}.compliance-pill.under,.compliance-pill.open{border-color:#705a38;color:#c9a46e}.compliance-pill.no_punch{border-color:#383d45;color:#777e89}.compliance-filter{border:1px solid #30343c;background:#171a20;color:#d9dce1;border-radius:7px;padding:8px 28px 8px 10px;font-size:10px;outline:0}.compliance-filter:focus{border-color:#555b65}@media (max-width:900px){.compliance-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.compliance-summary-grid{grid-template-columns:1fr}}:root{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--text:#172033;--muted:#667085;--line:#dfe4ea;--accent:#315b78;--accent-soft:#e8f0f5;--success:#287458;--warning:#9a651f}html,body,#root,.app{background:var(--bg);color:var(--text)}aside{background:#fbfcfd;border-color:var(--line)}.mark{background:var(--accent);color:#fff}.nav button{color:var(--muted)}.nav button:hover{background:#eef2f5;color:var(--text)}.nav button.active{background:var(--accent-soft);color:var(--accent)}.panel,.authcard,.errorcard{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px #1720330f}.panelhead,header,.stats,.stat,td,.historyitem{border-color:var(--line)}h1,.panelhead h2,.person b,.rosterperson b,.stat strong{color:var(--text)}.subtle,.eyebrow,.panelhead p,.person small,.rosterperson small,.station,.historymain small,.stat span{color:var(--muted)}th,.rostercorner,.rosterdate{background:#f7f9fb;color:var(--muted)}td{color:#475467}tbody tr:hover{background:#f1f4f7}.mini{background:var(--accent-soft);color:var(--accent)}.primary{background:var(--accent);color:#fff}.ghost{background:#fff;border-color:#cbd3dc;color:var(--text)}.seg{border-color:var(--line)}.seg button{color:var(--muted)}.seg button.sel{background:var(--accent);color:#fff}.search,.role-select,.toolbar select,.userfilters select,.station-select,.status-select,.compliance-filter,.shiftform input,.shiftform select{background:#fff;border-color:#cbd3dc;color:var(--text)}.rosterperson,.rosterselect,.attendance-matrix .matrix-employee,.deviceinfo>div,.device-note-grid>div,.feedback-copy,.feedback-punches{background:#fff}.rosterselect{color:#475467;border-color:#edf0f3}.rosterselect.published{background:#e7f3ee;color:var(--success)}.rosterselect.off{background:#f4f6f8;color:#7a8494}.attendance-matrix th,.attendance-matrix thead .matrix-employee{background:#f7f9fb}.matrix-cell.present,.value-present{color:var(--success)}.matrix-cell.open,.value-open{color:var(--warning)}.notification-panel{background:#fff;border-color:var(--line);box-shadow:0 18px 50px #1720331f}.notification-item:hover{background:#f1f4f7}.compliance-summary-grid,.deviceinfo,.device-note-grid,.attendance-feedback{background:var(--line)}.compliance-summary-grid>div{background:#fff}.compliance-summary-grid b{color:var(--text)}.compliance-summary-grid b.positive,.compliance-pill.on_target{color:var(--success)}.compliance-summary-grid b.negative,.compliance-pill.under,.compliance-pill.open{color:var(--warning)}.pill{color:var(--success);border-color:#a9d3c1}.pill.open{color:var(--warning);border-color:#e5c895}.pill.none{color:#7a8494;border-color:#cbd3dc}.toast{background:#fff;border-color:var(--line);box-shadow:0 12px 30px #1720331f}.authpage,.errorpage{background:var(--bg)}.authcard input{background:#fff;color:var(--text);border-color:#cbd3dc}select,select option,input,textarea,button{font-family:inherit}select,select option{background:#fff;color:#172033}select:disabled{background:#f1f3f5;color:#667085}.toolbar select,.userfilters select,.role-select,.station-select,.status-select,.compliance-filter,.shiftform select{background:#fff!important;color:#172033!important;border:1px solid #cbd3dc!important}.toolbar select option,.userfilters select option,.role-select option,.station-select option,.status-select option,.compliance-filter option,.shiftform select option{background:#fff;color:#172033}.toolbar select:focus,.userfilters select:focus,.role-select:focus,.station-select:focus,.status-select:focus,.compliance-filter:focus,.shiftform select:focus{border-color:#315b78!important;box-shadow:0 0 0 3px #315b781a}button.primary{background:#315b78!important;color:#fff!important;border:1px solid #315b78!important}button.primary:hover{background:#24465f!important;border-color:#24465f!important}button.ghost,.staff-action,.notification-button{background:#fff!important;color:#172033!important;border:1px solid #cbd3dc!important}button.ghost:hover,.staff-action:hover,.notification-button:hover{background:#f1f4f7!important;border-color:#98a2b3!important}button.danger,.staff-action.delete{color:#a83f3d!important;border-color:#dfb2b0!important;background:#fff!important}button.danger:hover,.staff-action.delete:hover{background:#fbeaea!important}.shifttable th{background:#f7f9fb!important;color:#667085!important}.shifttable td{color:#475467!important;border-top-color:#dfe4ea!important}.shifttable td b{color:#172033!important}.shifttable code{color:#315b78!important}.shift-type{border-color:#cbd3dc!important;color:#667085!important}.operatingtable input[type=time]{background:#fff!important;color:#172033!important;border-color:#cbd3dc!important}.operatingactions{border-top-color:#dfe4ea!important;color:#667085!important}.operatingnotegrid{background:#dfe4ea!important;border-top-color:#dfe4ea!important}.operatingnotegrid>div{background:#fff!important}.operatingnotegrid b{color:#172033!important}.operatingnotegrid span{color:#667085!important}.compliance-summary-grid{background:#dfe4ea!important}.compliance-summary-grid>div{background:#fff!important}.compliance-summary-grid span{color:#667085!important}.compliance-summary-grid b{color:#172033!important}.compliance-table th{background:#f7f9fb!important;color:#667085!important}.compliance-table td{color:#475467!important}.compliance-shift{color:#172033!important}.compliance-shiftname,.compliance-muted{color:#667085!important}.schedule-time{color:#475467!important}.compliance-pill{border-color:#cbd3dc!important}.compliance-pill.on_target{border-color:#a9d3c1!important;color:#287458!important}.compliance-pill.under,.compliance-pill.open{border-color:#e5c895!important;color:#9a651f!important}.compliance-pill.no_punch{border-color:#cbd3dc!important;color:#7a8494!important}.compliance-filter{background:#fff!important;color:#172033!important}.rosterlegend{color:#667085}.rosterlegend b{color:#172033}.roster-month-status{font-weight:600}.roster-month-status.published{color:#287458}.roster-month-status.mixed{color:#9a651f}.roster-month-status.draft{color:#667085}select,select:focus,select:hover{color:#172033!important;-webkit-text-fill-color:#172033!important;color-scheme:light}select option,select optgroup{background:#fff!important;color:#172033!important;-webkit-text-fill-color:#172033!important}select option:checked{background:#e8f0f5!important;color:#172033!important}.rosterselect,.rosterselect:focus,.rosterselect:hover{color:#172033!important;-webkit-text-fill-color:#172033!important;background:#fff!important}.rosterselect.published,.rosterselect.published:focus,.rosterselect.published:hover{color:#287458!important;-webkit-text-fill-color:#287458!important;background:#e7f3ee!important}.rosterselect option{background:#fff!important;color:#172033!important;-webkit-text-fill-color:#172033!important}.selectmenu{position:relative;display:block;min-width:120px;font:inherit}.selectmenubutton{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 4px;border:0;border-bottom:1px solid #d7dde4;border-radius:0;background:transparent!important;color:#172033!important;font:inherit;font-size:10px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s ease,color .15s ease}.selectmenubutton span{color:#98a2b3;font-size:10px;line-height:1;transition:transform .15s ease,color .15s ease}.selectmenubutton:hover{border-bottom-color:#315b78;color:#315b78!important;background:transparent!important}.selectmenubutton:focus{outline:0;border-bottom-color:#315b78;box-shadow:0 2px 0 -1px #315b78}.selectmenubutton:disabled{color:#98a2b3!important;border-bottom-color:#e4e7ec;cursor:not-allowed}.selectmenu:has(.selectmenuoptions) .selectmenubutton{color:#315b78!important;border-bottom-color:#315b78}.selectmenu:has(.selectmenuoptions) .selectmenubutton span{transform:rotate(180deg);color:#315b78}.selectmenuoptions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:100;max-height:280px;overflow:auto;padding:5px;background:#fff;border:1px solid #d7dde4;border-radius:9px;box-shadow:0 10px 28px #17203324}.selectmenuoptions button{display:block;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent!important;color:#344054!important;font:inherit;font-size:10px;text-align:left;cursor:pointer;white-space:nowrap}.selectmenuoptions button:hover{background:#f2f5f7!important;color:#172033!important}.selectmenuoptions button.selected{background:#e8f0f5!important;color:#315b78!important;font-weight:700}.role-select.selectmenu,.station-select.selectmenu,.status-select.selectmenu{min-width:120px;border:0;background:transparent}.rosterselect.selectmenu{min-width:38px;width:100%;height:38px}.rosterselect .selectmenubutton{min-height:38px;height:38px;padding:0 7px;justify-content:center;border:0;border-top:1px solid #edf0f3;border-radius:0;background:#fff!important;color:#172033!important;text-align:center}.rosterselect .selectmenubutton span{display:none}.rosterselect .selectmenuoptions{min-width:110px;right:auto}.rosterselect.published .selectmenubutton{background:#e7f3ee!important;color:#287458!important}.rosterselect.off .selectmenubutton{background:#f4f6f8!important;color:#7a8494!important}.staff-actions .staff-action{font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.staff-actions .staff-action.archive{color:#8a5a12!important;border-color:#e2c58f!important;background:#fff8e8!important}.staff-actions .staff-action.archive:hover{color:#6f4708!important;border-color:#d6ad62!important;background:#fff0c9!important}.staff-actions .staff-action.restore{color:#216b4a!important;border-color:#a8d2bd!important;background:#edf8f2!important}.staff-actions .staff-action.restore:hover{color:#18553a!important;border-color:#78b997!important;background:#dff2e8!important}.staff-actions .staff-action.delete:hover{color:#8d2e2b!important;border-color:#d98c88!important;background:#fde0de!important}.selectmenuoptions.role-select-portal{z-index:2000;overflow-y:auto;overscroll-behavior:contain}.selectmenu.is-open .selectmenubutton{color:#315b78!important;border-bottom-color:#315b78!important}.selectmenu.is-open .selectmenuchevron{transform:rotate(180deg);color:#315b78!important}.selectmenubutton{min-width:0;overflow:hidden}.selectmenulabel{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.selectmenuchevron{flex:0 0 auto}.selectmenuoptions-portal{position:fixed!important;z-index:10000!important;left:auto;right:auto;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff!important;border:1px solid #cbd3dc!important;box-shadow:0 12px 32px #1720332e!important}.selectmenuoptions-portal button{min-height:32px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:8px 10px;color:#344054!important}.selectmenuoptions-portal button.selected{background:#e8f0f5!important;color:#24465f!important}.selectmenuoptions-portal button:hover{background:#f2f5f7!important;color:#172033!important}.rosterselect .selectmenubutton .selectmenulabel{display:block!important;visibility:visible!important;opacity:1!important;color:inherit!important}.rosterselect .selectmenubutton .selectmenuchevron{display:none!important}:root{color-scheme:light;--bg:#FBF7F2;--surface:#FFFCF8;--text:#3B2A23;--muted:#88766B;--line:#E8D9CB;--accent:#B85C38;--accent-soft:#F5E3D8;--success:#39745A;--warning:#A65B25}html,body,#root,.app{background:var(--bg)!important;color:var(--text)}aside{background:#f7eee5!important;border-color:var(--line)!important}.brand .mark,.mark{background:var(--accent)!important;color:#fff!important}.brand span,.sidebottom,.period,.nav button{color:var(--muted)!important}.nav button:hover{background:#f1e3d7!important;color:var(--text)!important}.nav button.active{background:var(--accent-soft)!important;color:#8f4027!important}header,.stats,.stat,.panelhead,td,.historyitem{border-color:var(--line)!important}.panel,.authcard,.errorcard,.setup{background:var(--surface)!important;border-color:var(--line)!important}h1,.panelhead h2,.person b,.rosterperson b,.stat strong,.authcard h1{color:var(--text)!important}.eyebrow,.subtle,.panelhead p,.person small,.rosterperson small,.station,.historymain small,.stat span,.authcard>p{color:var(--muted)!important}th,.rostercorner,.rosterdate,.attendance-matrix th,.attendance-matrix thead .matrix-employee{background:#f7eee5!important;color:var(--muted)!important}td{color:#5c493f!important}tbody tr:hover,.notification-item:hover{background:#f8eee5!important}.mini{background:#f5e3d8!important;color:#8f4027!important}.primary,button.primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.primary:hover,button.primary:hover{background:#98472c!important;border-color:#98472c!important}.ghost,button.ghost,.staff-action,.notification-button{background:#fffcf8!important;border-color:#dcc8b7!important;color:var(--text)!important}.ghost:hover,button.ghost:hover,.staff-action:hover,.notification-button:hover{background:#f7eee5!important;border-color:#c99a7e!important}.seg{border-color:var(--line)!important}.seg button.sel{background:var(--accent)!important;color:#fff!important}.search,.role-select,.toolbar select,.userfilters select,.station-select,.status-select,.compliance-filter,.shiftform input,.shiftform select,.authcard input{background:#fffcf8!important;border-color:#dcc8b7!important;color:var(--text)!important}select,select option,input,textarea{color:var(--text)}select,select option{background:#fffcf8!important;color:var(--text)!important}select:focus,.toolbar select:focus,.userfilters select:focus,.role-select:focus,.station-select:focus,.status-select:focus,.compliance-filter:focus,.shiftform select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #b85c3821!important}select option:checked{background:#f5e3d8!important;color:#3b2a23!important}.rosterperson,.rosterselect,.attendance-matrix .matrix-employee,.deviceinfo>div,.device-note-grid>div,.feedback-copy,.feedback-punches,.compliance-summary-grid>div,.operatingnotegrid>div{background:#fffcf8!important}.rosterselect{color:#5c493f!important;border-color:#e8d9cb!important}.rosterselect.published{background:#e5f1e8!important;color:#39745a!important}.rosterselect.off{background:#f7eee5!important;color:#88766b!important}.rosterselect:focus,.rosterselect:has(option:checked:not([value=""])){background:#f5e3d8!important;color:#8f4027!important}.rosterselect.published:has(option:checked:not([value=""])){background:#e5f1e8!important;color:#39745a!important}.matrix-cell.present,.value-present,.compliance-summary-grid b.positive,.compliance-pill.on_target{color:#39745a!important}.matrix-cell.open,.value-open,.compliance-summary-grid b.negative,.compliance-pill.under,.compliance-pill.open{color:#a65b25!important}.notification-panel,.toast{background:#fffcf8!important;border-color:var(--line)!important}.compliance-summary-grid,.deviceinfo,.device-note-grid,.attendance-feedback,.operatingnotegrid{background:var(--line)!important}.compliance-summary-grid b,.compliance-shift,.compliance-table td,.shifttable td b,.operatingnotegrid b{color:var(--text)!important}.compliance-pill{border-color:#dcc8b7!important}.compliance-pill.on_target{border-color:#a9d0b8!important}.compliance-pill.under,.compliance-pill.open{border-color:#e3be9b!important}.pill{color:#39745a!important;border-color:#a9d0b8!important}.pill.open{color:#a65b25!important;border-color:#e3be9b!important}.pill.none{color:#88766b!important;border-color:#dcc8b7!important}.authpage,.errorpage,.authloading{background:var(--bg)!important;color:var(--text)!important}.authcard input:focus{border-color:var(--accent)!important}.googlebtn{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.shifttable th,.compliance-table th{background:#f7eee5!important;color:var(--muted)!important}.shifttable td,.compliance-table td{color:#5c493f!important;border-top-color:var(--line)!important}.shifttable code{color:var(--accent)!important}.shift-type{border-color:#dcc8b7!important;color:var(--muted)!important}.operatingactions{border-top-color:var(--line)!important;color:var(--muted)!important}.compliance-shiftname,.compliance-muted,.rosterlegend{color:var(--muted)!important}.rosterlegend b{color:var(--text)!important}.roster-month-status.published{color:#39745a!important}.roster-month-status.mixed{color:#a65b25!important}.selectmenubutton{color:var(--text)!important;border-bottom-color:#dcc8b7!important}.selectmenubutton:hover,.selectmenu.is-open .selectmenubutton,.selectmenu:has(.selectmenuoptions) .selectmenubutton{color:#98472c!important;border-bottom-color:var(--accent)!important}.selectmenubutton:focus{border-bottom-color:var(--accent)!important;box-shadow:0 2px 0 -1px var(--accent)!important}.selectmenu:has(.selectmenuoptions) .selectmenubutton span,.selectmenu.is-open .selectmenuchevron{color:var(--accent)!important}.selectmenuoptions,.selectmenuoptions-portal{background:#fffcf8!important;border-color:#dcc8b7!important}.selectmenuoptions button{color:#5c493f!important}.selectmenuoptions button:hover,.selectmenuoptions-portal button:hover{background:#f7eee5!important;color:var(--text)!important}.selectmenuoptions button.selected,.selectmenuoptions-portal button.selected{background:#f5e3d8!important;color:#8f4027!important}.selectmenuoptions-portal{box-shadow:0 12px 32px #502d1c2e!important}.selectmenuoptions-portal button{color:#5c493f!important}.rosterselect .selectmenubutton{background:#fffcf8!important;color:var(--text)!important;border-top-color:var(--line)!important}.rosterselect.published .selectmenubutton{background:#e5f1e8!important;color:#39745a!important}.rosterselect.off .selectmenubutton{background:#f7eee5!important;color:#88766b!important}.rosterselect .selectmenubutton .selectmenulabel{color:inherit!important}.staff-actions .staff-action.archive{color:#8f4027!important;border-color:#e3be9b!important;background:#fff4e8!important}.staff-actions .staff-action.archive:hover{color:#77341f!important;background:#fbe7d3!important}.staff-actions .staff-action.restore{color:#286347!important;border-color:#a9d0b8!important;background:#eaf5ed!important}.staff-actions .staff-action.delete{color:#a83f3d!important;border-color:#e0b4b2!important;background:#fff0ef!important}.import-history .historylist{max-height:180px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7a895 transparent}.import-history .historylist::-webkit-scrollbar{width:7px}.import-history .historylist::-webkit-scrollbar-thumb{background:#c7a895;border-radius:8px}.import-history .historylist::-webkit-scrollbar-track{background:transparent}.settings-panel{margin-bottom:18px}.settings-list{display:flex;flex-direction:column}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,300px);gap:24px;align-items:center;padding:18px 22px;border-bottom:1px solid #242830}.settings-row b,.settings-rule-grid b{display:block;font-size:12px;color:#e2e4e8}.settings-row small{display:block;max-width:700px;color:#777e89;font-size:11px;line-height:1.5;margin-top:5px}.settings-row select{width:100%;background:#171a20;color:#e2e4e8;border:1px solid #30343c;border-radius:7px;padding:10px;font-size:11px}.settings-role{font-size:9px;letter-spacing:.1em;color:#8b919b}.settings-fixed{justify-self:start;border:1px solid #30343c;border-radius:7px;padding:9px 12px;font-size:11px;color:#cfd2d7}.settings-notice{margin:18px 22px 22px;padding:16px;border:1px solid #5a4931;border-radius:8px;background:#1b1814}.settings-notice b{font-size:12px;color:#d8b77d}.settings-notice p{font-size:11px;line-height:1.6;color:#b4a58e;margin:6px 0 0}.review-list{display:flex;flex-direction:column;gap:12px;padding:18px}.review-card{border:1px solid #292d35;border-radius:10px;padding:17px;background:#13161b}.review-cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.review-cardhead b{display:block;font-size:13px;color:#e4e6eb}.review-cardhead small{display:block;margin-top:5px;color:#858b96;font-size:10px}.review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.review-facts>div{min-width:0;padding:11px;border:1px solid #252a32;border-radius:7px}.review-facts span{display:block;font-size:9px;letter-spacing:.08em;color:#7d8490}.review-facts b{display:block;font-size:11px;line-height:1.5;color:#d5d8de;margin-top:5px;overflow-wrap:anywhere}.review-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.review-form label{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.08em;color:#9299a5}.review-form input{min-width:0;width:100%;background:#171a20;color:#e2e4e8;border:1px solid #30343c;border-radius:7px;padding:10px;font-size:12px;letter-spacing:normal}.review-evidence{grid-column:1/-1}.review-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.review-approved{font-size:11px;color:#8fbea0;margin:12px 0 0}.settings-inline-warning{font-size:11px;color:#d8b77d}.settings-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 22px}.settings-rule-grid>div{border:1px solid #282c34;border-radius:8px;padding:15px}.settings-rule-grid span{display:block;color:#858b96;font-size:11px;line-height:1.5;margin-top:7px}.compliance-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:760px){.settings-row{grid-template-columns:1fr;gap:12px;padding:16px}.review-facts,.review-form{grid-template-columns:1fr}.review-evidence{grid-column:auto}.settings-rule-grid{grid-template-columns:1fr}.settings-role{display:none}.compliance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-legend .legend-dot.longshift,.attendance-matrix .matrix-cell.longshift,.attendance-matrix .matrix-cell.longshift span{color:#2563eb!important}.attendance-matrix .matrix-cell.longshift:hover{background:#dbeafe!important}.range-picker-wrap{position:relative;display:inline-block;z-index:30}.range-picker-trigger{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.range-picker-trigger:hover,.range-picker-trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 3px #b85c381a}.range-picker-icon{color:var(--accent);font-size:15px}.range-picker-value{font-weight:600}.range-picker-value i{font-style:normal;color:var(--muted);padding:0 4px}.range-picker-chevron{color:var(--muted);font-size:10px}.range-calendar{position:absolute;top:calc(100% + 8px);left:0;width:286px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px #3b2a232e;z-index:1000;color:var(--text)}.range-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.range-calendar-head b{font-size:12px}.range-calendar-head button,.range-calendar-footer button{border:0;border-radius:6px;background:transparent;color:var(--text);font-size:19px;width:30px;height:28px;cursor:pointer}.range-calendar-head button:hover,.range-calendar-footer button:hover{background:var(--accent-soft);color:var(--accent)}.range-calendar-weekdays,.range-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.range-calendar-weekdays{margin-bottom:5px}.range-calendar-weekdays span{text-align:center;padding:5px 0;color:var(--muted);font-size:9px;font-weight:700}.range-calendar-day{height:31px;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:11px;cursor:pointer}.range-calendar-day:hover{background:var(--accent-soft);color:var(--accent)}.range-calendar-day.in-range{background:#f5e3d8;border-radius:0;color:#8f4027}.range-calendar-day.selected{background:var(--accent);border-radius:7px;color:#fff;font-weight:700}.range-calendar-day.pending{outline:2px solid var(--accent);outline-offset:-2px}.range-calendar-day.today:not(.selected){font-weight:800;text-decoration:underline;text-underline-offset:3px}.range-calendar-blank{height:31px}.range-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.range-calendar-footer span{font-size:9px;color:var(--muted)}.range-calendar-footer button{width:auto;height:auto;padding:5px 9px;font-size:10px;font-weight:700}@media (max-width:800px){.range-picker-trigger{max-width:calc(100vw - 150px);gap:6px;padding:8px}.range-picker-value{overflow:hidden;text-overflow:ellipsis}.range-calendar{left:auto;right:0;width:min(286px,calc(100vw - 42px))}}