.auth-panel form,.employee-form{display:grid;gap:18px}.auth-panel>p{margin-bottom:24px}.auth-panel>.quiet-button{width:100%;margin-top:12px}.auth-panel .quiet-button{min-height:44px}.auth-email{font-weight:600;color:#f2d34d;overflow-wrap:anywhere}.auth-note{padding:14px 16px;border:1px solid #514922;border-radius:12px;background:#252312;color:#efdf9b;font-size:.9rem;line-height:1.6;margin:16px 0}.employee-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.employee-actions button{flex:1;min-width:130px}.employee-form{padding:8px 2px 4px}.check-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #343633;border-radius:12px;color:#e4e6e2;line-height:1.45;cursor:pointer}.check-row input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#eed24c;flex:none}.check-row:has(input:disabled){cursor:default;opacity:.75}.employee-form .form-note{margin:0}.auth-panel button:disabled,.employee-form button:disabled{opacity:.55;cursor:wait}@media(max-width:520px){.employee-actions{flex-direction:column}.employee-actions button{width:100%}}

:root{background:#080808;--panel:#1b1b19;--line:#363632;--yellow:#f8d332}
.approved-login{max-width:510px;margin:26px auto;background:#101010;border:1px solid #2c2c2a;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #0005}
.approved-login-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;border-bottom:1px solid #2b2b29;background:#0d0d0d}
.approved-login-header img{width:140px;max-height:48px;object-fit:contain}.approved-login-header span{font-size:12px;color:#b4b4ae}
.approved-login-main{padding:30px}.approved-login .auth-panel h2{font-size:27px;line-height:1.3;margin:4px 0 12px;font-weight:700;letter-spacing:-.7px}.approved-login .auth-panel>p{font-size:14px;color:#b5b5ae;line-height:1.7;margin-bottom:26px}.approved-login .input-group{margin-top:0}.approved-login .input-group label{font-size:13px;font-weight:500}.approved-login .input-group input{min-height:53px}.approved-login .primary{margin-top:5px;width:100%}.approved-login .quiet-button{font-size:13px}.approved-login .portal-back{margin-top:23px}.portal-back{display:inline-flex;align-items:center;border:0;background:none;color:#dbcc83;min-height:44px;padding:8px 0;font-size:13px}.approved-login-footer{text-align:center;line-height:1.8;color:#aaa99f;font-size:11px;padding:0 30px 28px}.approved-login-footer strong{color:#d0d0c6;font-weight:600}
.ws-update{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-bottom:18px}.ws-update .updated{margin-top:0}.ws-update .icon-button{padding:8px;display:grid;place-items:center}.records-employees .cards{grid-template-columns:1fr}.records-employees .record-card{padding:24px}.records-employees .data-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.records-employees .employee-actions{justify-content:flex-end}.records-employees .employee-actions button{flex:0 1 auto}.record-filters{display:flex;gap:14px;margin:22px 0}.record-filters input,.record-filters select{font:inherit;background:#1b1b19;border:1px solid #414137;border-radius:9px;color:#f5f5ed;padding:13px;min-height:48px}.record-filters input{flex:1;min-width:0}.record-filters select{max-width:210px}.employee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.employee-kpis article{padding:20px;border:1px solid #373d2b;border-radius:14px;background:#191c15}.employee-kpis span{display:block;font-size:12px;color:#c3cbb5;line-height:1.5}.employee-kpis strong{display:block;font-size:31px;color:#f5d747;margin-top:12px}.section-heading h1{font-size:30px;margin:12px 0}
@media(max-width:760px){.employee-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.records-employees .data-grid{grid-template-columns:1fr 1fr}.section-heading h1{font-size:26px}.record-filters{flex-wrap:wrap}.record-filters input{width:100%;flex-basis:100%}.record-filters select{max-width:none;width:100%}.records-employees .employee-actions button{flex:1 1 auto}}
@media(max-width:600px){.approved-login{margin:0 auto;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.approved-login-header{padding:20px}.approved-login-header img{width:132px}.approved-login-main{padding:24px 20px}.approved-login .auth-panel h2{font-size:25px}.approved-login-footer{padding-top:12px}.approved-login-header span{font-size:11px}}
.employee-profile-summary{margin:-5px 0 2px;padding:10px 12px;border:1px solid #3d4135;border-radius:8px;background:#1a1c18;color:#bdc5b2;font-size:11px;line-height:1.5}.employee-form input[readonly]{background:#171815;color:#aeb5a5;cursor:default}
.employee-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-toolbar-actions button{min-height:44px}.profile-preview-note{color:#b8bfaf;font-size:12px;line-height:1.7;margin:0 0 18px}.employee-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.employee-profile-card{border:1px solid #3b4036;border-radius:12px;background:#111310;padding:17px;min-width:0}.employee-profile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.employee-profile-card-head>span{color:#f4d840;font-size:14px;font-weight:700;line-height:1.4}.employee-profile-card-head b{border-radius:6px;background:#252a21;color:#bfc7b6;padding:5px 7px;font-size:9px;font-weight:500;line-height:1.4;text-align:right}.employee-profile-card h3{font-size:15px;margin:14px 0 0}.employee-profile-card p{color:#b8bfaf;font-size:11px;line-height:1.65;margin:13px 0 16px}.employee-profile-card small{display:block;color:#8f9889;font-size:8px;letter-spacing:.12em;margin-bottom:9px}.employee-profile-views{display:flex;flex-wrap:wrap;gap:7px}.employee-profile-views span{border:1px solid #4b503f;border-radius:999px;padding:5px 8px;color:#d7dccf;font-size:9px}
@media(max-width:600px){.employee-toolbar-actions{width:100%}.employee-toolbar-actions button{flex:1}.employee-profile-grid{grid-template-columns:1fr}}
.profile-open-screen{margin-top:18px;width:100%;font-size:12px;min-height:42px;padding:10px}.profile-screen-preview{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:auto;background:#080808;color:#f3f3ee;scrollbar-gutter:auto}.profile-screen-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#242111;border-bottom:1px solid #81732b;color:#f8dd54}.profile-screen-banner>div{flex:1}.profile-screen-banner strong{display:block;font-size:11px;letter-spacing:.13em}.profile-screen-banner small{display:block;color:#d0c99f;font-size:11px;margin-top:4px}.profile-screen-banner select{max-width:290px;min-height:40px;padding:8px 12px;background:#15160e;color:#eee9cd;border:1px solid #686136;border-radius:7px;font:inherit;font-size:12px}.profile-screen-banner button{font-size:12px;min-height:40px;white-space:nowrap;border-color:#686136}.profile-screen-host .ws-sidebar{top:65px;height:calc(100dvh - 65px)}.profile-screen-host .ws-shell{min-height:calc(100dvh - 65px)}.profile-sample-photo{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:25px;background:#0f120e;border:1px dashed #69705c;border-radius:12px}.profile-sample-photo .icon{width:45px;height:45px;color:#f1d337}.profile-sample-photo p{font-size:13px;line-height:1.7;color:#b6bfaa;max-width:440px}@media(max-width:600px){.profile-screen-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:10px 13px}.profile-screen-banner>div{grid-column:1/-1}.profile-screen-banner select{width:100%;max-width:none;min-width:0}.profile-screen-banner small{font-size:10px}.profile-screen-banner button{padding:8px;font-size:10px}.profile-screen-host .ws-sidebar{top:0}.profile-screen-host .ws-shell{min-height:calc(100dvh - 99px)}}
.profile-screen-host .record-head>.badge{flex-shrink:0;min-width:72px}
.staff-language{background:#191b15;color:#f5df69;border:1px solid #5a573b;border-radius:8px;padding:8px;min-height:40px;max-width:110px;font:inherit;font-size:12px}.ws-topbar-actions{flex-wrap:wrap}@media(max-width:600px){.staff-language{max-width:84px;font-size:10px;padding:5px}.ws-topbar-title{flex-shrink:1}}
.attendance-page{display:grid;gap:20px}.attendance-panel{padding:22px;border:1px solid #424436;border-radius:13px;background:#171916;display:grid;gap:14px}.attendance-panel p{font-size:13px;color:#bbc1b2;line-height:1.6}.attendance-team{display:grid;gap:16px}.attendance-total{font-size:32px;color:#f5da41}.attendance-shift{padding:12px 0;border-top:1px solid #383d32;display:flex;gap:15px;justify-content:space-between;font-size:12px;line-height:1.7;flex-wrap:wrap}.attendance-open{color:#ffdb82}.attendance-feedback{font-size:13px;color:#ffe197}