@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;--navy:#0d1b2a;--blue:#356df3;--line:#e7ebf2;--muted:#6b7485;--green:#18a56b;--amber:#d8901f;--red:#d64b58;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;margin:0}button,input{font:inherit}.app{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#0d1b2a;flex-direction:column;width:260px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 25px;display:flex}.brand-mark{background:linear-gradient(135deg,#4e80ff,#85a7ff);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.04em;font-size:16px}.brand span{color:#91a0b6;letter-spacing:.18em;margin-top:2px;font-size:11px}.sidebar nav{flex-direction:column;gap:4px;display:flex;overflow:auto}.nav-item{color:#aeb9c9;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#182b40}.nav-item.active{box-shadow:inset 3px 0 #5d8bff}.sidebar-footer{border-top:1px solid #26384b;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer span{color:#91a0b6;margin-top:3px;font-size:11px}.main{margin-left:260px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--line);color:#9aa3b2;background:#f9fafc;border-radius:11px;align-items:center;gap:9px;width:min(520px,45vw);height:40px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.top-actions{align-items:center;gap:16px;display:flex}.icon-btn{cursor:pointer;background:#f5f7fb;border:0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:relative}.notification-dot{background:#ef5b67;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.user-chip{align-items:center;gap:9px;display:flex}.user-chip strong,.user-chip span{display:block}.user-chip span{color:var(--muted);margin-top:2px;font-size:11px}.avatar{color:#2856bc;background:#dfe8ff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.avatar.small{width:36px;height:36px}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:30px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.03em;margin:3px 0 7px;font-size:29px}.page-heading p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.12em;font-weight:700;color:#55709a!important;font-size:11px!important}.primary-btn,.secondary-btn{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 15px;font-weight:600;display:inline-flex}.primary-btn{color:#fff;background:#245fe9;box-shadow:0 5px 14px #245fe933}.secondary-btn{border:1px solid var(--line);color:#354052;background:#fff}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 3px 12px #1e2b4510}.stat-card{padding:20px}.stat-top{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.stat-icon{color:#3d67cb;background:#edf2ff;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.stat-card>strong{margin:14px 0 3px;font-size:30px;display:block}.stat-card small{color:var(--muted)}.two-col{grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel h2{margin:0 0 4px;font-size:17px}.panel-head p{color:var(--muted);margin:0;font-size:12px}.text-btn{color:#356df3;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-weight:600;display:flex}.employee-row{border-top:1px solid #eff1f5;grid-template-columns:42px 1fr auto 100px;align-items:center;gap:12px;padding:12px 0;display:grid}.employee-row:first-child{border-top:0}.employee-avatar{border-radius:11px;width:38px;height:38px;font-size:12px}.employee-main strong,.employee-main span{display:block}.employee-main span{color:var(--muted);margin-top:4px;font-size:12px}.status{color:#138158;background:#edf8f3;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.status.break{color:#b8780e;background:#fff5df}.status.late{color:#c33d4a;background:#fff0f1}.time{color:var(--muted);text-align:right;font-size:12px}.alert-row{border-top:1px solid #eff1f5;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.alert-row:first-of-type{border-top:0}.alert-icon{color:#b8780e;background:#fff3e1;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.alert-row strong,.alert-row span{display:block}.alert-row strong{font-size:12px}.alert-row span{color:var(--muted);margin-top:3px;font-size:11px}.schedule-table{overflow:hidden}.schedule-axis{color:#96a0ae;border-bottom:1px solid var(--line);grid-template-columns:150px repeat(5,1fr);padding-bottom:8px;font-size:10px;display:grid}.schedule-axis:before{content:""}.schedule-row{border-bottom:1px solid #f0f2f5;grid-template-columns:150px 1fr;align-items:center;min-height:56px;display:grid}.schedule-row:last-child{border-bottom:0}.schedule-name strong,.schedule-name span{display:block}.schedule-name span{color:var(--muted);margin-top:3px;font-size:10px}.schedule-track{background:repeating-linear-gradient(90deg,#f9fafc 0 calc(25% - 1px),#edf0f4 calc(25% - 1px) 25%);border-radius:7px;height:28px;position:relative}.shift{color:#3159ad;white-space:nowrap;background:#dfe8ff;border:1px solid #bcd0ff;border-radius:6px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;overflow:hidden}.table-tools{justify-content:space-between;margin-bottom:16px;display:flex}.table-search{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;width:330px;height:40px;padding:0 11px;display:flex}.table-search input{border:0;outline:0;width:100%}.data-row{border-top:1px solid #eef1f5;grid-template-columns:2fr 1fr 1fr .8fr .8fr 30px;align-items:center;gap:14px;padding:14px 6px;font-size:13px;display:grid}.data-head{color:#8a94a5;background:#fafbfc;border-top:0;border-radius:8px;padding:10px 6px;font-size:11px;font-weight:700}.person-cell{align-items:center;gap:10px;display:flex}.person-cell strong,.person-cell span,.data-row small{display:block}.person-cell span,.data-row small{color:var(--muted);margin-top:3px;font-size:10px}.kebab{cursor:pointer;background:0 0;border:0}.board-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.board-post{margin-bottom:16px}.post-top{justify-content:space-between;display:flex}.post-badge,.pin{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.post-badge{color:#315dbd;background:#eef3ff}.post-badge.idea{color:#138158;background:#edf9f2}.pin{color:#9d690c;background:#fff5df}.board-post h2{margin-top:18px;font-size:18px}.board-post>p{color:#5f6877;line-height:1.6}.post-footer{color:var(--muted);border-top:1px solid #eef1f5;justify-content:space-between;margin-top:18px;padding-top:13px;font-size:11px;display:flex}.board-side{height:max-content}.board-side h3{margin-top:0}.board-side button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:100%;margin:8px 0;padding:11px;display:flex}.board-side hr{border:0;border-top:1px solid var(--line);margin:18px 0}.board-side p{color:var(--muted);font-size:12px;line-height:1.5}.role-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px;display:grid}.role-card .role-icon{color:#3b63c0;background:#edf2ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.role-card h3{margin:14px 0 7px}.role-card p{color:var(--muted);min-height:34px;font-size:12px}.role-card>div:last-child{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.permission-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.permission-row{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:grid}.permission-row span{color:var(--muted)}.allowed{color:var(--green)}.blocked{color:var(--red)}.placeholder{text-align:center;padding:80px 20px}.placeholder-icon{color:#315fca;background:#e9efff;border-radius:18px;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:20px;font-weight:800;display:grid}.placeholder h2{font-size:20px}.placeholder p{max-width:550px;color:var(--muted);margin:auto;line-height:1.6}.overlay{display:none}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,1fr)}.board-layout{grid-template-columns:1fr}.board-side{display:none}.data-row{grid-template-columns:2fr 1fr 1fr .8fr 30px}.data-row>span:nth-child(4),.data-head>span:nth-child(4){display:none}}@media (width<=800px){.sidebar{transition:all .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.overlay{z-index:15;background:#0d1b2a88;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.mobile-menu{display:grid}.search-box{display:none}.content{padding:20px 14px}.page-heading{align-items:flex-start}.page-heading .primary-btn{white-space:nowrap}.stat-grid{grid-template-columns:1fr 1fr}.user-chip>div:last-child{display:none}.schedule-axis{grid-template-columns:90px repeat(5,1fr)}.schedule-row{grid-template-columns:90px 1fr}.data-table{overflow-x:auto}.data-row{min-width:720px}.role-grid,.permission-grid{grid-template-columns:1fr}}@media (width<=520px){.topbar{padding:0 14px}.page-heading{display:block}.page-heading .primary-btn{margin-top:16px}.page-heading h1{font-size:25px}.stat-grid{grid-template-columns:1fr}.employee-row{grid-template-columns:38px 1fr auto}.employee-row .time{display:none}.panel{padding:16px}.schedule-panel{display:none}.post-footer{display:block}.post-footer span{margin-top:6px;display:block}}.language-picker{border:1px solid var(--line);color:#596578;background:#fff;border-radius:10px;align-items:center;gap:5px;height:40px;padding:0 8px;display:flex}.language-picker select{color:#354052;background:0 0;border:0;outline:0;font-weight:700}.sidebar-user{flex:1;min-width:0}.sidebar-logout{color:#91a0b6;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px}.sidebar-logout:hover{color:#fff;background:#182b40}.splash{color:#fff;letter-spacing:.18em;background:#0d1b2a;place-items:center;min-height:100vh;font-weight:800;display:grid}.login-screen{background:radial-gradient(circle at 20% 0,#dfe8ff 0,#0000 32%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(460px,100%);padding:32px;box-shadow:0 20px 60px #1720331a}.login-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand span{letter-spacing:.18em;color:#7d8796;font-size:11px}.login-language{justify-content:flex-end;margin-top:-64px;margin-bottom:40px;display:flex}.login-language select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.login-card h1{margin:0 0 8px;font-size:30px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card form{gap:15px;display:grid}.login-card label,.form-grid label{color:#4f5a6b;gap:7px;font-size:12px;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select{border:1px solid var(--line);color:#172033;background:#fff;border-radius:10px;outline:0;padding:11px 12px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:#8caafa;box-shadow:0 0 0 3px #356df315}.login-btn{justify-content:center;margin-top:4px}.login-card small{color:var(--muted);margin-top:20px;line-height:1.6;display:block}.form-error{color:#b93643;background:#fff0f1;border:1px solid #ffd4d8;border-radius:9px;padding:10px;font-size:12px}.loading-state,.empty-state{text-align:center;color:var(--muted);padding:36px}.row-actions{gap:4px;display:flex}.row-actions button{cursor:pointer;color:#506078;background:#f5f7fb;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.row-actions button:hover{color:#2b5ed0;background:#e9efff}.row-actions .danger-icon:hover{color:#c33d4a;background:#fff0f1}.modal-backdrop{z-index:60;background:#0d1b2a99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(760px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 30px 80px #07111f55}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head h2{margin:3px 0 0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.setting-card svg{color:#356df3}.setting-card h3{margin:12px 0 7px}.setting-card p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.panel-head h2{align-items:center;gap:7px;display:flex}.audit-row{border-top:1px solid #eef1f5;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.audit-row:first-child{border-top:0}.audit-dot{background:#356df3;border-radius:50%;width:8px;height:8px}.audit-row strong,.audit-row span{display:block}.audit-row strong{font-size:12px}.audit-row span{color:var(--muted);margin-top:3px;font-size:11px}.audit-row code{color:#7a8594;background:#f5f7fb;border-radius:6px;padding:4px 6px;font-size:10px}@media (width<=800px){.language-picker{height:36px}.language-picker svg{display:none}.settings-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-actions.full{grid-column:1}.top-actions{gap:8px}}.live-pill{color:#158058;background:#f3fbf7;border:1px solid #dbe9e2;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex}.live-pill span{background:#20b478;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #20b4781c}.inline-error{color:#b63c48;background:#fff2f3;border:1px solid #ffd9dc;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:12px}.attendance-list{gap:0;display:grid}.attendance-card{border-top:1px solid #eef1f5;grid-template-columns:minmax(210px,1.2fr) minmax(260px,1fr) 110px minmax(220px,auto);align-items:center;gap:18px;padding:16px 4px;display:grid}.attendance-card:first-child{border-top:0}.attendance-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.attendance-metrics div{min-width:0}.attendance-metrics small,.attendance-metrics strong{display:block}.attendance-metrics small{text-transform:uppercase;letter-spacing:.06em;color:#929bab;margin-bottom:4px;font-size:10px}.attendance-metrics strong{font-size:12px}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.mini-action{border:1px solid var(--line);color:#526176;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.mini-action:hover{background:#f7f9fc}.mini-action.positive{color:#13845c;background:#f5fcf8;border-color:#cfeadd}.mini-action.danger{color:#bb4752;background:#fff8f8;border-color:#f1d7da}.finished-label{color:#8a94a5;font-size:11px}.status.not-clocked-in{color:#697486;background:#f1f3f7}.status.clocked-out{color:#5e6877;background:#eef1f4}.scheduler-toolbar{align-items:center;gap:11px;margin-bottom:18px;display:flex}.scheduler-toolbar>div{min-width:220px}.scheduler-toolbar strong,.scheduler-toolbar span{display:block}.scheduler-toolbar strong{font-size:14px}.scheduler-toolbar span{color:var(--muted);margin-top:3px;font-size:11px}.icon-outline{border:1px solid var(--line);color:#536174;cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.today-btn{margin-left:auto}.week-grid{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:200px repeat(7,minmax(125px,1fr));display:grid;overflow:auto}.week-head{border-left:1px solid var(--line);border-bottom:1px solid var(--line);z-index:2;background:#fafbfc;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:11px;display:flex;position:sticky;top:0}.week-head.employee-col{border-left:0;justify-content:center;align-items:flex-start}.week-head strong{text-transform:uppercase;color:#687486;font-size:11px}.week-head span{margin-top:3px;font-size:18px;font-weight:700}.week-head.today,.week-cell.today{background:#f5f8ff}.week-row{display:contents}.week-person{border-bottom:1px solid var(--line);z-index:1;background:#fff;align-items:center;gap:9px;min-height:92px;padding:12px;display:flex;position:sticky;left:0}.week-person strong,.week-person span{display:block}.week-person strong{font-size:12px}.week-person span{color:var(--muted);margin-top:3px;font-size:10px}.week-cell{border-left:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;min-height:92px;padding:7px;display:flex}.shift-chip{color:#315dbd;background:#edf3ff;border:1px solid #dbe6ff;border-radius:9px;justify-content:space-between;gap:4px;padding:8px;display:flex}.shift-chip strong,.shift-chip span{display:block}.shift-chip strong{font-size:10px}.shift-chip span{opacity:.8;margin-top:2px;font-size:9px}.shift-chip button{color:#7894d0;cursor:pointer;background:0 0;border:0;padding:0}.compact-modal{width:min(620px,100%)}.form-grid textarea{border:1px solid var(--line);resize:vertical;min-height:90px;font:inherit;color:#172033;border-radius:10px;outline:0;padding:11px 12px}.form-grid textarea:focus{border-color:#8caafa;box-shadow:0 0 0 3px #356df315}.leave-list{display:grid}.leave-row{border-top:1px solid #eef1f5;grid-template-columns:1.4fr .85fr 1.2fr .65fr .7fr auto;align-items:center;gap:15px;padding:15px 3px;display:grid}.leave-row:first-child{border-top:0}.leave-row small,.leave-row strong,.leave-row span{display:block}.leave-row small{text-transform:uppercase;letter-spacing:.06em;color:#929bab;margin-bottom:4px;font-size:9px}.leave-row>div>strong{font-size:11px}.leave-row>div>span{color:var(--muted);margin-top:3px;font-size:10px}.leave-actions{gap:6px;display:flex}.approve-btn,.decline-btn{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.approve-btn{color:#14845b;background:#edf9f3}.decline-btn{color:#bd4651;background:#fff1f2}.decision-done{color:#929bab!important;font-size:10px!important}.status.approved{color:#16845c;background:#eaf8f1}.status.declined{color:#c04551;background:#fff0f1}.status.pending{color:#98690f;background:#fff6df}@media (width<=1200px){.attendance-card{grid-template-columns:1fr 1fr 100px}.attendance-actions{grid-column:1/-1;justify-content:flex-start;padding-left:48px}.leave-row{grid-template-columns:1.3fr .8fr 1fr .6fr .7fr}.leave-actions{grid-column:1/-1;padding-left:48px}}@media (width<=800px){.attendance-card{grid-template-columns:1fr auto}.attendance-metrics{grid-column:1/-1}.attendance-actions{grid-column:1/-1;justify-content:flex-start;padding-left:0}.week-grid{grid-template-columns:150px repeat(7,120px)}.week-person{position:sticky;left:0}.scheduler-toolbar{flex-wrap:wrap}.today-btn{margin-left:0}.leave-row{grid-template-columns:1fr 1fr}.leave-row .person-cell{grid-column:1/-1}.leave-actions{grid-column:1/-1;padding-left:0}.leave-row>.status{justify-self:start}}@media (width<=520px){.attendance-metrics{grid-template-columns:repeat(3,1fr);gap:7px}.attendance-card>.status{grid-column:2}.leave-stats{grid-template-columns:1fr 1fr}.leave-row{grid-template-columns:1fr}.leave-row .person-cell{grid-column:auto}}.heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px}.notice.error{color:#b72f3d;background:#fff0f1;border:1px solid #ffd5d9}.soft-pill{color:#5e6878;background:#f0f3f8;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:46px 20px;display:flex}.empty-state strong{color:#364153}.empty-state span{max-width:420px;font-size:12px}.icon-link{color:#56709e;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;padding:7px;display:inline-flex}.icon-link:hover{color:#285ecb;background:#eef3ff}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.primary-btn,.secondary-btn,.icon-btn,.nav-item{transition:transform .14s,box-shadow .14s,background .14s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #245fe93d}.secondary-btn:hover{background:#f8faff}.panel{transition:box-shadow .18s,border-color .18s}.panel:hover{border-color:#dde4ef}.payroll-toolbar{grid-template-columns:180px 1fr auto;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:grid}.payroll-toolbar label{letter-spacing:.08em;color:#7c8797;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.payroll-toolbar input[type=month]{border:1px solid var(--line);color:#263247;background:#fbfcfe;border-radius:10px;width:100%;padding:10px 11px}.payroll-state{align-items:center;gap:10px;min-width:0;display:flex}.payroll-state strong{font-size:14px}.payroll-state small{color:var(--muted);font-size:11px}.payroll-actions{gap:8px;display:flex}.finalised-note{color:#138158;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.pay-status{letter-spacing:.03em;color:#637083;background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.pay-status.draft{color:#ad720b;background:#fff5df}.pay-status.reviewed{color:#315fbd;background:#edf2ff}.pay-status.approved,.pay-status.finalised{color:#128158;background:#eaf8f1}.pay-status.voided{color:#c33d4a;background:#fff0f1}.pay-status.preview{color:#687486;background:#f1f3f7}.status-big{font-size:22px!important}.payroll-table-panel{padding:0;overflow:hidden}.payroll-table-panel .panel-head{padding:20px 20px 0}.payroll-table-wrap{overflow:auto}.payroll-row{border-top:1px solid #eef1f5;grid-template-columns:2fr .8fr .65fr .9fr .85fr .8fr .8fr .9fr 42px;align-items:center;gap:12px;min-width:1100px;padding:13px 20px;font-size:12px;display:grid}.payroll-row.payroll-head{color:#8993a2;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;border-top:0;padding-top:11px;padding-bottom:11px;font-size:9px;font-weight:800}.money-input{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;width:92px;padding:7px 8px}.payroll-history{margin-top:18px}.history-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.history-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fbfcfe;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.history-list button:hover{background:#fff;border-color:#cdd9ee}.history-list button div>strong,.history-list button div>span{display:block}.history-list button div>span{color:var(--muted);margin-top:4px;font-size:10px}.history-list button>div:last-child{text-align:right}.history-list button>div:last-child strong{margin-top:6px;font-size:12px}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1b2a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(520px,100vw);height:100%;padding:22px;overflow:auto;box-shadow:-12px 0 40px #07111d30}.drawer.wide{width:min(760px,100vw)}.drawer-head{z-index:2;background:#fff;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 0 15px;display:flex;position:sticky;top:-22px}.drawer-head h2{margin:3px 0 0}.drawer-intro{color:var(--muted);font-size:12px;line-height:1.55}.profile-list{flex-direction:column;gap:12px;display:flex}.profile-card{border:1px solid var(--line);border-radius:14px;padding:14px}.profile-fields{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;margin-top:13px;display:grid}.profile-fields label{color:var(--muted);font-size:10px;font-weight:700}.profile-fields input,.profile-fields select{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;width:100%;margin-top:5px;padding:9px;display:block}.secondary-btn.compact{padding:9px 12px}.payslip-drawer{background:#f5f7fb;width:min(650px,100vw)}.payslip-sheet{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 6px 24px #1d2a4312}.payslip-brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:18px;display:flex}.payslip-brand strong,.payslip-brand span{display:block}.payslip-brand span{color:var(--muted);letter-spacing:.12em;margin-top:3px;font-size:10px}.payslip-title{justify-content:space-between;align-items:flex-start;padding:22px 0;display:flex}.payslip-title h2{text-transform:capitalize;margin:0 0 5px}.payslip-title div>span{color:var(--muted);font-size:11px}.payslip-meta{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.payslip-meta div{background:#f8fafc;border-radius:10px;padding:10px}.payslip-meta span,.payslip-meta strong{display:block}.payslip-meta span{color:#8993a2;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.payslip-meta strong{margin-top:5px;font-size:11px}.payslip-section{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.payslip-section h3{text-transform:uppercase;letter-spacing:.08em;color:#7f8998;font-size:11px}.payslip-section>div{justify-content:space-between;padding:7px 0;font-size:12px;display:flex}.payslip-section .subtotal{border-top:1px dashed #dfe4ec;margin-top:5px;padding-top:11px}.payslip-net{color:#fff;background:#0d1b2a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;display:flex}.payslip-net strong{font-size:22px}.payslip-foot{color:#8a94a3;margin:16px 0 0;font-size:9px;line-height:1.5}.drawer-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.login-card,.panel,.stat-card{animation:.24s both fadeUp}@keyframes fadeUp{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=1100px){.payroll-toolbar{grid-template-columns:160px 1fr}.payroll-actions,.finalised-note{grid-column:1/-1;justify-content:flex-end}.history-list,.profile-fields{grid-template-columns:1fr 1fr}}@media (width<=700px){.heading-actions{width:100%}.heading-actions button{flex:1;justify-content:center}.payroll-toolbar{grid-template-columns:1fr}.payroll-state{flex-wrap:wrap}.payroll-actions{grid-column:auto;grid-template-columns:1fr 1fr;display:grid}.payroll-actions button{justify-content:center}.payroll-stats{grid-template-columns:1fr 1fr}.history-list{grid-template-columns:1fr}.profile-fields{grid-template-columns:1fr 1fr}.payslip-sheet{padding:18px}.payslip-meta{grid-template-columns:1fr 1fr}}@media (width<=440px){.payroll-stats,.profile-fields,.payroll-actions{grid-template-columns:1fr}.drawer{padding:16px}.payslip-meta{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.payslip-drawer,.payslip-drawer *{visibility:visible}.payslip-drawer{background:#fff;width:100%;height:auto;padding:0;position:fixed;inset:0}.payslip-sheet{box-shadow:none;border:0;border-radius:0}.no-print{display:none!important}}.module-tabs{background:#eef2f7;border-radius:12px;gap:6px;width:max-content;max-width:100%;margin:18px 0;padding:5px;display:flex;overflow:auto}.module-tabs button{color:#697588;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:9px 14px;font-weight:700}.module-tabs button.active{color:#152236;background:#fff;box-shadow:0 2px 8px #26354d12}.ats-panel{overflow:hidden}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;padding:0 20px 20px;display:grid;overflow:auto}.kanban-column{background:#f7f9fc;border:1px solid #edf0f5;border-radius:14px;min-height:280px;padding:10px}.kanban-head{text-transform:uppercase;letter-spacing:.05em;color:#697588;justify-content:space-between;align-items:center;padding:5px 4px 11px;font-size:11px;display:flex}.kanban-head span{text-align:center;background:#fff;border:1px solid #e7ebf1;border-radius:999px;min-width:24px;padding:3px 6px}.candidate-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;margin-bottom:9px;padding:12px;box-shadow:0 2px 7px #192b4510}.candidate-top{align-items:center;gap:9px;display:flex}.candidate-top strong,.candidate-top span{display:block}.candidate-top span,.candidate-meta span{color:var(--muted);margin-top:3px;font-size:10px}.candidate-meta{flex-direction:column;margin:10px 0;display:flex;overflow:hidden}.rating{letter-spacing:1px;color:#d28b14;margin-bottom:9px;font-size:12px}.candidate-actions{align-items:center;gap:7px;display:flex}.candidate-actions select{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;flex:1;min-width:0;padding:7px;font-size:11px}.job-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 20px;display:grid}.job-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.job-card h3{margin:12px 0 4px}.job-card p{color:var(--muted);font-size:11px;line-height:1.5}.job-card>small{color:#667386;margin:10px 0;display:block}.job-numbers{border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:5px 8px;margin-top:12px;padding:10px 0;display:grid}.job-numbers strong{font-size:18px}.job-numbers span{color:var(--muted);text-transform:uppercase;font-size:9px}.onboarding-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 20px;display:grid}.onboarding-card{border:1px solid var(--line);border-radius:14px;padding:15px}.progress{background:#edf1f6;border-radius:999px;height:6px;margin:13px 0;overflow:hidden}.progress i{background:#19a36b;border-radius:999px;height:100%;display:block}.check-list{flex-direction:column;gap:8px;display:flex}.check-list label{color:#445063;align-items:center;gap:8px;font-size:11px;display:flex}.check-list label.done{color:#9aa3af;text-decoration:line-through}.check-list input{accent-color:#168d61}.documents-stats{grid-template-columns:repeat(3,1fr)}.clean-select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:180px;padding:9px 11px}.document-list{overflow:auto}.document-row{border-top:1px solid #eef1f5;grid-template-columns:2fr 1.2fr 1fr .8fr .55fr 80px;align-items:center;gap:12px;min-width:900px;padding:12px 20px;font-size:11px;display:grid}.document-head{color:#8993a2;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;border-top:0;font-size:9px;font-weight:800}.doc-name{align-items:center;gap:9px;display:flex}.doc-name strong,.doc-name span{display:block}.doc-name span{color:var(--muted);margin-top:3px;font-size:9px}.file-icon{color:#315fbd;background:#edf4ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tag{color:#5f6c7e;background:#f0f3f7;border-radius:999px;width:max-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.expired{color:#c93f4d;font-weight:700}.danger-text{color:#c93f4d!important}.file-drop{text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:7px;background:#f8fafc!important;border:1px dashed #cdd6e3!important;padding:24px!important;display:flex!important}.file-drop input{opacity:0;pointer-events:none;position:absolute}.file-drop span{color:var(--muted);font-size:10px}.export-control{margin-bottom:16px}.range-controls{grid-template-columns:repeat(3,minmax(180px,240px));gap:12px;padding:0 20px 20px;display:grid}.range-controls label{color:var(--muted);font-size:10px;font-weight:700}.range-controls input{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.export-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.export-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;box-shadow:0 5px 18px #1321380d}.export-icon{color:#315fbd;background:#edf4ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.export-card h3{margin:14px 0 6px}.export-card p{color:var(--muted);min-height:54px;font-size:11px;line-height:1.6}.export-card button{margin-top:8px}.report-note{color:#207056;background:#eef8f4;border:1px solid #d7eee4;border-radius:13px;align-items:center;gap:11px;margin-top:15px;padding:14px 16px;display:flex}.report-note strong,.report-note span{display:block}.report-note span{color:#5e8176;margin-top:3px;font-size:10px}@media (width<=1100px){.job-grid,.export-grid{grid-template-columns:repeat(2,1fr)}.onboarding-grid{grid-template-columns:1fr}}@media (width<=700px){.job-grid,.export-grid,.documents-stats,.range-controls{grid-template-columns:1fr}.module-tabs{width:100%}.module-tabs button{flex:1}.kanban{padding-left:14px;padding-right:14px}.panel-head{flex-wrap:wrap;gap:10px}.clean-select{width:100%}}.hr-table{overflow:auto}.hr-row{border-top:1px solid #eef1f5;grid-template-columns:1.7fr 1.4fr .8fr .6fr .8fr 1fr;align-items:center;gap:12px;min-width:920px;padding:12px 20px;font-size:11px;display:grid}.hr-head{color:#8993a2;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;border-top:0;font-size:9px;font-weight:800}.hr-row small{color:var(--muted);margin-top:4px;display:block}.mini-select{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;min-width:110px;padding:7px 8px;font-size:10px}.course-library{margin-top:16px}.course-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 20px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:200px;padding:16px;display:flex}.course-icon{color:#315fbd;background:#edf4ff;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.course-card h3{margin:10px 0 6px}.course-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.course-foot{color:var(--muted);border-top:1px solid #eef1f5;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;font-size:9px;display:flex}.course-foot strong{color:#3b4656}.review-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 20px;display:grid}.review-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px}.review-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.review-score{color:#a96d00;background:#fff9e9;border:1px solid #f5e7bc;border-radius:11px;align-items:baseline;gap:4px;width:max-content;margin:16px 0;padding:10px 12px;display:flex}.review-score strong{font-size:22px}.review-score span{font-size:11px}.review-section{color:#5f6b7a;border-top:1px solid #eef1f5;gap:9px;margin-top:12px;padding-top:12px;display:flex}.review-section strong{text-transform:uppercase;letter-spacing:.05em;color:#394657;font-size:10px}.review-section p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.review-card>small{color:#8c96a5;margin-top:14px;display:block}.restricted-panel{text-align:center;color:#596678;padding:42px!important}.restricted-panel>svg{color:#315fbd}.restricted-panel h2{color:#19283c;margin:14px 0 7px}.restricted-panel p{max-width:620px;margin:0 auto 16px;font-size:11px;line-height:1.6}.security-chip{color:#315fbd;background:#edf4ff;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.case-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 20px;display:grid}.case-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px}.case-top,.case-bottom{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.case-top h3{margin:9px 0 4px}.case-top p,.case-bottom small{color:var(--muted);margin:0;font-size:10px}.case-flags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.severity{border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800}.severity.low{color:#277359;background:#eef8f4}.severity.medium{color:#996b13;background:#fff5df}.severity.high{color:#b45826;background:#fff0e8}.severity.critical{color:#b73b4a;background:#fdecee}.case-summary{color:#536072;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;margin:14px 0;padding:12px 0;font-size:11px;line-height:1.6}.case-action{background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:10px}.case-action strong{text-transform:uppercase;color:#667386;font-size:9px}.case-action p{color:#485568;margin:5px 0 0;font-size:11px;line-height:1.5}.case-bottom{align-items:center}.check-field{align-items:center;gap:8px!important;display:flex!important}.check-field input{accent-color:#315fbd;width:auto!important;margin:0!important}.restricted-warning{color:#8a5b12;background:#fff6e7;border:1px solid #f4dfba;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}@media (width<=1100px){.course-grid{grid-template-columns:repeat(2,1fr)}.review-grid,.case-list{grid-template-columns:1fr}}@media (width<=700px){.course-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.review-grid,.case-list{padding-left:14px;padding-right:14px}.case-top,.case-bottom{flex-direction:column}.case-flags{justify-content:flex-start}.training-table .hr-row{min-width:850px}}.invoice-stats .stat-top svg{color:#356df3}.invoice-register{overflow:auto}.invoice-row{border-top:1px solid #eef1f5;grid-template-columns:1.1fr 1.6fr .8fr .75fr .8fr 1.25fr;align-items:center;gap:12px;min-width:930px;padding:13px 10px;font-size:11px;display:grid}.invoice-head{color:#8993a2;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;border-top:0;font-size:9px;font-weight:800}.invoice-row strong,.invoice-row small{display:block}.invoice-row small{color:var(--muted);margin-top:4px}.invoice-actions{align-items:center;gap:5px;display:flex}.icon-mini{border:1px solid var(--line);cursor:pointer;color:#586579;background:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.status.sent{color:#315fbd;background:#edf4ff}.status.paid{color:#138158;background:#edf8f3}.status.void{color:#737d8b;background:#f1f3f6}.status.overdue{color:#c33d4a;background:#fff0f1}.invoice-modal{width:min(980px,94vw);max-height:90vh;overflow:auto}.invoice-form-grid,.company-form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.invoice-form-grid label,.company-form label,.notes-field{color:var(--muted);font-size:10px;font-weight:700}.invoice-form-grid input,.invoice-form-grid textarea,.company-form input,.company-form textarea,.notes-field textarea{border:1px solid var(--line);color:#172033;background:#fbfcfe;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.invoice-form-grid textarea,.company-form textarea,.notes-field textarea{resize:vertical;min-height:72px}.span2{grid-column:span 2}.line-editor{border:1px solid var(--line);background:#fafbfc;border-radius:13px;margin:18px 0;padding:14px}.line-head{margin-bottom:10px;font-size:11px;font-weight:800}.line-form{grid-template-columns:2fr .5fr .7fr .7fr .7fr 34px;gap:7px;margin-bottom:8px;display:grid}.line-form input,.line-form select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:9px;font-size:10px}.notes-field{display:block}.settings-section{margin-bottom:18px}.twofa-box{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:16px}.twofa-box p,.twofa-box small{color:var(--muted);font-size:11px}.twofa-box code{color:#fff;word-break:break-all;letter-spacing:.08em;background:#0d1b2a;border-radius:9px;margin:10px 0;padding:12px;font-size:13px;display:block}.twofa-verify{gap:8px;margin-top:12px;display:flex}.twofa-verify input,.user-create input,.user-create select{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;padding:10px}.user-create{grid-template-columns:1fr 1.35fr 1fr 1fr auto;gap:8px;margin-bottom:14px;display:grid}.user-list{border-top:1px solid var(--line)}.user-row{border-bottom:1px solid #eef1f5;grid-template-columns:2fr 1fr .7fr .7fr;align-items:center;gap:12px;padding:11px 4px;font-size:11px;display:grid}.user-row strong,.user-row span{display:block}.user-row>div span{color:var(--muted);margin-top:3px}.company-form input:disabled{color:#566172;background:#f0f3f7}@media (width<=900px){.user-create{grid-template-columns:1fr 1fr}.user-create button{grid-column:span 2}.invoice-form-grid,.company-form{grid-template-columns:1fr}.span2{grid-column:auto}.line-form{grid-template-columns:1.7fr .5fr .7fr}.line-form select,.line-form button{grid-row:2}.line-form select{grid-column:1/span 2}.user-row{grid-template-columns:1.5fr 1fr .7fr}.user-row .status{display:none}}@media (width<=700px){.page-actions{width:100%}.page-actions button{flex:1}.twofa-verify{flex-direction:column}.user-create{grid-template-columns:1fr}.user-create button{grid-column:auto}}.twofa-qr-wrap{grid-template-columns:220px 1fr;align-items:center;gap:18px;display:grid}.twofa-qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:220px;height:220px;padding:8px}.invoice-brand-settings{grid-template-columns:220px 1fr;align-items:start;gap:20px;display:grid}.logo-card{border:1px solid var(--line);background:#fafbfc;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.logo-card img{object-fit:contain;max-width:170px;max-height:100px}.logo-placeholder{color:#8090a4;border:1px dashed #ccd5e2;border-radius:11px;place-items:center;width:100%;height:110px;display:grid}.logo-placeholder span{font-size:10px}.upload-label{cursor:pointer;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.logo-card small{color:var(--muted);font-size:9px}.section-divider{border-top:1px solid var(--line);color:#4a586b;align-items:center;gap:7px;margin:20px 0 14px;padding-top:17px;font-size:11px;font-weight:800;display:flex}.sub-tabs{gap:6px;margin:0 0 14px;display:flex}.sub-tabs button{border:1px solid var(--line);cursor:pointer;color:#5d6878;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:flex}.sub-tabs button.active{color:#fff;background:#17263a;border-color:#17263a}.sub-tabs button span{color:#536070;background:#eef2f7;border-radius:999px;padding:2px 6px;font-size:9px}.sub-tabs button.active span{color:#fff;background:#ffffff20}.status.issued{color:#315fbd;background:#edf4ff}.status.applied{color:#138158;background:#edf8f3}@media (width<=900px){.invoice-brand-settings{grid-template-columns:1fr}.logo-card{align-items:flex-start}.twofa-qr-wrap{grid-template-columns:1fr}.twofa-qr{width:190px;height:190px}}.employee-portal{color:#172033;background:#f4f7fb;min-height:100vh;padding-bottom:84px}.employee-header{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 max(18px,50vw - 490px);display:flex;position:sticky;top:0}.employee-brand{align-items:center;gap:9px;display:flex}.employee-brand>div:last-child{flex-direction:column;line-height:1;display:flex}.employee-brand strong{letter-spacing:.04em;font-size:13px}.employee-brand span{letter-spacing:.2em;color:#7b8797;margin-top:3px;font-size:8px}.employee-header-actions{align-items:center;gap:8px;display:flex}.employee-avatar{color:#fff;cursor:pointer;background:#17263a;border:0;border-radius:50%;width:38px;height:38px;font-size:11px;font-weight:800}.employee-main{width:min(920px,100% - 28px);margin:0 auto;padding:26px 0 18px}.employee-welcome{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.employee-welcome p{color:#778398;margin:0 0 2px;font-size:12px}.employee-welcome h1{letter-spacing:-.03em;margin:0;font-size:29px}.employee-welcome>div>span{color:#7d8999;font-size:11px}.employee-live{color:#718096;background:#fff;border:1px solid #e3e7ee;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:750;display:flex}.employee-live>span{background:#a5adba;border-radius:50%;width:8px;height:8px}.employee-live.on{color:#167354;background:#eff9f5;border-color:#d4efe5}.employee-live.on>span{background:#27a879}.employee-live.break{color:#926418;background:#fff8e8;border-color:#f3e2b5}.employee-live.break>span{background:#e4a82e}.employee-shift-card{color:#fff;background:linear-gradient(135deg,#16243a,#233a59);border-radius:22px;margin-bottom:14px;padding:24px;box-shadow:0 16px 40px #1427421c}.employee-section-label{letter-spacing:.14em;color:#aebbd0;font-size:9px;font-weight:850}.shift-time{align-items:center;gap:12px;margin:15px 0 3px;display:flex}.shift-time strong{letter-spacing:-.04em;font-size:32px}.shift-time span{color:#8395ae}.employee-shift-card h2{margin:14px 0 4px;font-size:20px}.employee-shift-card p{color:#c3cee0;margin:0 0 18px;font-size:11px}.employee-shift-card small{color:#aab8cb;margin-top:12px;font-size:10px;display:block}.clock-hero-actions{gap:9px;margin-top:18px;display:flex}.employee-clock-primary,.employee-clock-secondary{letter-spacing:.03em;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:13px 18px;font-size:11px;font-weight:850;display:flex}.employee-clock-primary{color:#17263a;background:#fff}.employee-clock-secondary{color:#fff;background:#ffffff13;border:1px solid #ffffff2a}.employee-clock-primary.large,.employee-clock-secondary.large{width:min(360px,100%);margin:8px auto;padding:16px}.employee-clock-page .employee-clock-primary{color:#fff;background:#17263a}.employee-clock-page .employee-clock-secondary{color:#17263a;border:1px solid var(--line);background:#fff}.employee-mini-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 20px;display:grid}.employee-mini-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;color:#2c3a4f;background:#fff;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex}.employee-mini-grid svg{color:#3e6fd4;width:20px}.employee-mini-grid div{min-width:0}.employee-mini-grid span,.employee-mini-grid strong{display:block}.employee-mini-grid span{color:#8691a1;margin-bottom:4px;font-size:9px}.employee-mini-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.employee-board-preview,.employee-page{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.employee-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.employee-section-head span{color:#5975ad;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.employee-section-head h2{margin:3px 0;font-size:17px}.employee-section-head button{color:#356ad2;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.employee-post{border-top:1px solid #edf0f4;padding:15px 2px}.employee-post:first-of-type{border-top:0}.employee-post.pinned{background:#fafcff;border:1px solid #e1e9f6;border-radius:12px;margin:8px 0;padding:14px}.employee-post-meta{color:#8792a2;font-size:9px;font-weight:750}.employee-post h3{margin:7px 0 5px;font-size:13px}.employee-post p{color:#596679;margin:0;font-size:11px;line-height:1.55}.ack-btn{color:#2d5baa;cursor:pointer;background:#f3f7fd;border:1px solid #dce5f3;border-radius:9px;align-items:center;gap:6px;margin-top:11px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.ack-done{color:#19815d;align-items:center;gap:5px;margin-top:10px;font-size:9px;font-weight:800;display:flex}.employee-page{min-height:480px}.employee-page-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.employee-page-title>svg{color:#356ad2;background:#edf4ff;border-radius:12px;width:40px;height:40px;padding:10px}.employee-page-title h1{margin:0;font-size:22px}.employee-page-title p{color:#8791a0;margin:3px 0 0;font-size:10px}.employee-list{border-top:1px solid #edf0f4}.employee-list-row{border-bottom:1px solid #edf0f4;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:14px 2px;display:grid}.date-tile{background:#f2f6fc;border-radius:11px;align-content:center;place-items:center;width:45px;height:48px;display:grid}.date-tile strong{font-size:17px;line-height:1}.date-tile span{text-transform:uppercase;color:#788598;margin-top:3px;font-size:8px}.employee-list-row>div:nth-child(2) strong,.employee-list-row>div:nth-child(2) span,.row-right strong,.row-right span{display:block}.employee-list-row>div:nth-child(2) strong,.row-right strong{font-size:11px}.employee-list-row>div:nth-child(2) span,.row-right span{color:#8893a3;margin-top:4px;font-size:9px}.row-right{text-align:right}.employee-clock-page{text-align:center}.clock-ring{background:#f7f9fc;border:12px solid #eaf0f8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;margin:20px auto 24px;display:flex;box-shadow:inset 0 0 0 1px #dce4ef}.clock-ring svg{color:#4b6fae}.clock-ring strong{letter-spacing:-.04em;margin-top:9px;font-size:32px}.clock-ring span{color:#7d8998;margin-top:4px;font-size:10px}.clock-detail{grid-template-columns:repeat(3,1fr);gap:8px;max-width:500px;margin:25px auto 0;display:grid}.clock-detail div{border:1px solid var(--line);border-radius:12px;padding:12px}.clock-detail span,.clock-detail strong{display:block}.clock-detail span{color:#8a94a3;text-transform:uppercase;font-size:8px}.clock-detail strong{margin-top:5px;font-size:12px}.employee-idea-box{background:#f8fafc;border:1px solid #e2e8f1;border-radius:13px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.employee-idea-box input,.employee-idea-box textarea,.mini-form input,.mini-form select,.mini-form textarea{border:1px solid var(--line);font:inherit;color:#233044;background:#fff;border-radius:9px;width:100%;padding:10px;font-size:10px}.employee-idea-box textarea,.mini-form textarea{resize:vertical;min-height:75px}.employee-idea-box button{justify-self:start}.employee-post-list{display:grid}.employee-accordion{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:10px;overflow:hidden}.employee-accordion summary{cursor:pointer;align-items:center;gap:9px;padding:14px 15px;font-size:11px;font-weight:800;list-style:none;display:flex}.employee-accordion summary::-webkit-details-marker{display:none}.employee-accordion summary>svg{color:#4770b8}.employee-accordion summary span{color:#8a95a4;margin-left:auto;font-size:9px;font-weight:700}.employee-accordion-body{border-top:1px solid #edf0f4;padding:13px}.mini-form{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.mini-form textarea,.mini-form button{grid-column:span 2}.mini-form.two label{color:#728095;font-size:9px}.mini-form.two label input{margin-top:5px}.compact-row{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:11px 2px;display:flex}.compact-row:first-of-type{border-top:0}.compact-row strong,.compact-row span{display:block}.compact-row strong{font-size:10px}.compact-row div span{color:#8792a1;margin-top:4px;font-size:9px}.employee-empty{text-align:center;color:#8b95a3;padding:28px;font-size:10px}.employee-bottom-nav{z-index:40;background:#17263a;border-radius:18px;grid-template-columns:repeat(5,1fr);width:min(560px,100% - 24px);padding:7px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #12203842}.employee-bottom-nav button{color:#91a1b7;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;font-size:8px;font-weight:750;display:flex}.employee-bottom-nav button.active{color:#1e3350;background:#fff}.employee-alert{color:#a63d4a;background:#fff0f1;border:1px solid #f1cfd4;border-radius:11px;margin-bottom:12px;padding:10px 12px;font-size:10px}.employee-splash,.employee-link-error{text-align:center;color:#17263a;background:#f4f7fb;align-content:center;place-items:center;min-height:100vh;display:grid}.employee-splash{letter-spacing:.08em;font-weight:900}.employee-splash span{color:#8591a2;letter-spacing:0;margin-top:7px;font-size:10px;font-weight:500}.employee-link-error{padding:24px}.employee-link-error h2{margin:13px 0 5px}.employee-link-error p{color:#6f7b8d;max-width:460px;margin:0 0 15px;font-size:11px;line-height:1.6}.employee-link-error button{justify-self:center}.employee-link-row{grid-template-columns:2fr 1fr 1.2fr .7fr!important}@media (width<=700px){.employee-header{padding:0 14px}.employee-main{width:calc(100% - 20px);padding-top:18px}.employee-welcome h1{font-size:24px}.employee-live{font-size:8px}.employee-shift-card{border-radius:18px;padding:20px}.shift-time strong{font-size:28px}.employee-mini-grid{grid-template-columns:1fr 1fr}.employee-mini-grid button:last-child:nth-child(3){grid-column:span 2}.employee-page,.employee-board-preview{border-radius:15px;padding:15px}.employee-list-row{grid-template-columns:46px 1fr auto}.clock-detail{grid-template-columns:1fr 1fr 1fr}.mini-form{grid-template-columns:1fr}.mini-form textarea,.mini-form button{grid-column:auto}.employee-bottom-nav{bottom:8px}.employee-header .language-picker{padding:6px}.employee-header .language-picker svg{display:none}.employee-link-row{grid-template-columns:1.5fr 1fr!important}.employee-link-row .mini-select{grid-column:span 2;width:100%}}.board-admin-actions{align-items:center;gap:6px;display:flex}.board-layout>aside{flex-direction:column;gap:12px;display:flex}.board-request{border-top:1px solid #edf0f4;padding:11px 0}.board-request strong,.board-request span,.board-request small{display:block}.board-request strong{font-size:10px}.board-request span{color:#667488;margin-top:3px;font-size:9px}.board-request small{color:#8993a2;margin:5px 0 7px;font-size:9px;line-height:1.45}.board-request select{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;width:100%;padding:7px;font-size:9px}.console-brand{justify-content:center;padding:0 0 17px!important}.console-brand img{object-fit:contain;background:#fff;border-radius:9px;width:224px;max-width:100%;height:76px;display:block}.chat-shell{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:320px minmax(0,1fr);height:640px;display:grid;overflow:hidden;box-shadow:0 3px 12px #1e2b4510}.chat-sidebar{border-right:1px solid var(--line);background:#fbfcfe;flex-direction:column;min-width:0;display:flex}.chat-sidebar-head{justify-content:space-between;align-items:center;padding:18px 16px 12px;display:flex}.chat-sidebar-head span{letter-spacing:.11em;color:#718096;font-size:9px;font-weight:850}.chat-sidebar-head h2{margin:3px 0 0;font-size:17px}.chat-search{border:1px solid var(--line);color:#8b95a3;background:#fff;border-radius:10px;align-items:center;gap:7px;height:38px;margin:0 14px 10px;padding:0 10px;display:flex}.chat-search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.chat-new{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:230px;margin:0 12px 10px;padding:10px;overflow:auto}.chat-new>strong{color:#596579;margin:0 4px 8px;font-size:10px;display:block}.chat-new button,.chat-conversation-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.chat-new button:hover,.chat-conversation-list>button:hover,.chat-conversation-list>button.active{background:#eef4ff}.chat-avatar{color:#315aa8;background:#e5ecfb;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:850;display:grid}.chat-avatar.large{flex-basis:42px;width:42px;height:42px}.chat-new b,.chat-new span{display:block}.chat-new b{font-size:10px}.chat-new span{color:#8a94a2;margin-top:3px;font-size:8px}.chat-conversation-list{padding:0 8px 12px;overflow:auto}.chat-conv-copy{flex:1;min-width:0}.chat-conv-copy>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.chat-conv-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.chat-conv-copy small{color:#8792a2;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.chat-unread{color:#fff;background:#f4513b;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:8px;font-weight:850;display:grid}.chat-empty-small{text-align:center;color:#8b95a3;padding:30px 12px;font-size:10px;line-height:1.5}.chat-main{background:#fff;flex-direction:column;min-width:0;display:flex}.chat-thread-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:70px;padding:0 18px;display:flex}.chat-thread-head strong,.chat-thread-head span{display:block}.chat-thread-head strong{font-size:12px}.chat-thread-head span{color:#8792a2;margin-top:4px;font-size:9px}.chat-messages{background:#f8fafc;flex:1;padding:20px;overflow:auto}.chat-message{justify-content:flex-start;margin:8px 0;display:flex}.chat-message.mine{justify-content:flex-end}.chat-bubble{background:#fff;border:1px solid #e4e9f0;border-radius:14px 14px 14px 4px;max-width:min(76%,560px);padding:10px 12px;box-shadow:0 2px 8px #1d2a4310}.chat-message.mine .chat-bubble{color:#fff;background:#1c3556;border-color:#1c3556;border-radius:14px 14px 4px}.chat-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:11px;line-height:1.5}.chat-bubble span{color:#8b95a4;text-align:right;margin-top:6px;font-size:8px;display:block}.chat-message.mine .chat-bubble span{color:#b8c4d2}.chat-compose{border-top:1px solid var(--line);align-items:flex-end;gap:9px;padding:12px;display:flex}.chat-compose textarea{resize:vertical;border:1px solid var(--line);min-height:44px;max-height:120px;font:inherit;border-radius:11px;outline:none;flex:1;padding:11px 12px;font-size:11px}.chat-compose button{min-height:44px}.chat-empty{text-align:center;color:#7c8796;margin:auto}.chat-empty svg{color:#9bb0d2}.chat-empty h2{color:#344055;margin:11px 0 5px;font-size:17px}.chat-empty p{font-size:10px}.chat-shell.compact{height:560px;box-shadow:none;border-radius:14px}.employee-chat-page{padding:18px}.employee-chat-page .chat-shell{margin-top:4px}@media (width<=850px){.chat-shell{grid-template-columns:1fr;height:auto;min-height:620px}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:265px}.chat-main{min-height:420px}.chat-shell.compact{height:auto}.console-brand img{width:210px;height:70px}}@media (width<=560px){.chat-compose button span{display:none}.chat-compose button{padding:11px 13px}.employee-bottom-nav{width:calc(100% - 16px);bottom:8px}.employee-bottom-nav button{font-size:7px}}:root{--user-bg:#f5f7fb}body,.content,.employee-portal{background:var(--user-bg,#f5f7fb)}.appearance-picker{border:1px solid var(--line);color:#596578;background:#fff;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 8px;display:flex}.appearance-picker input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px;padding:0;overflow:hidden}.appearance-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-picker input[type=color]::-webkit-color-swatch{border:1px solid #d9dee7;border-radius:6px}.nav-item{position:relative}.nav-notification-badge{border-radius:999px;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;box-shadow:0 0 0 2px #0d1b2a;color:#fff!important;background:#e53935!important;font-size:9px!important;font-weight:850!important;display:grid!important}.employee-bottom-nav button{position:relative}.employee-chat-badge{border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;line-height:1;top:3px;right:calc(50% - 19px);box-shadow:0 0 0 2px #17263a;color:#fff!important;background:#e53935!important;font-size:7px!important;font-weight:900!important;display:grid!important;position:absolute!important}.chat-compose-wrap{border-top:1px solid var(--line);background:#fff}.chat-compose-wrap .chat-compose{border-top:0}.chat-attach{border:1px solid var(--line);color:#49658f;cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:44px;min-width:44px;height:44px;display:grid}.chat-attach:hover{background:#f2f6fc}.chat-image-preview{width:max-content;max-width:180px;padding:10px 12px 0;position:relative}.chat-image-preview img{object-fit:cover;border:1px solid var(--line);border-radius:12px;max-width:160px;max-height:120px;display:block}.chat-image-preview button{color:#fff;cursor:pointer;background:#18283ce8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;right:4px}.chat-image{object-fit:contain;background:#eef1f5;border-radius:10px;max-width:min(360px,100%);max-height:320px;margin-bottom:7px;display:block}.chat-message.mine .chat-image{background:#132944}.chat-bubble:has(.chat-image){padding:7px}.chat-bubble:has(.chat-image) p{padding:3px 5px}.chat-bubble:has(.chat-image) span{padding:0 4px 2px}@media (width<=700px){.appearance-picker{justify-content:center;width:38px;padding:0}.appearance-picker svg{display:none}.appearance-picker input[type=color]{width:28px;height:28px}.chat-image{max-width:250px;max-height:260px}}.employee-brand-logo{min-width:0}.employee-brand-logo img{object-fit:contain;object-position:left center;width:190px;max-width:34vw;height:46px;display:block}.employee-splash-logo{object-fit:contain;width:min(430px,78vw);height:auto;margin-bottom:14px}.employee-link-logo{object-fit:contain;width:min(360px,72vw);height:auto;margin-bottom:6px}.employee-profile-brand{border:1px solid var(--line);background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;margin-bottom:13px;padding:14px;display:flex}.employee-profile-brand img{object-fit:contain;width:min(410px,100%);height:auto;display:block}.employee-bottom-nav{grid-template-columns:repeat(6,1fr)}@media (width<=640px){.employee-brand-logo img{width:142px;max-width:44vw;height:40px}.employee-header{padding-left:12px;padding-right:12px}.employee-header-actions{gap:5px}.employee-header .appearance-picker,.employee-header .language-picker{height:36px}.employee-header .icon-btn,.employee-header .employee-avatar{width:36px;height:36px}.employee-bottom-nav button{padding-left:1px;padding-right:1px;font-size:7px}}.login-brand-logo{justify-content:center}.login-brand-logo img{object-fit:contain;width:min(360px,100%);height:auto;display:block}.employee-attention-card,.employee-personal-alerts,.employee-info-panel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:18px;box-shadow:0 3px 14px #15243b0b}.attention-count{color:#fff;background:#dc3f4f;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:10px;display:grid}.attention-list{gap:8px;display:grid}.attention-item{text-align:left;cursor:pointer;color:#25334a;background:#fbfcfe;border:1px solid #e9edf3;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.attention-item:hover{background:#f7faff;border-color:#cfd9e8}.attention-item.high{background:#fff8f9;border-color:#f2cbd0}.attention-icon{color:#315fba;background:#edf3fd;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.attention-item.high .attention-icon{color:#c53f4c;background:#fdebee}.attention-item strong,.attention-item span{display:block}.attention-item strong{font-size:11px}.attention-item div>span{color:#7b8798;margin-top:3px;font-size:9px;line-height:1.4}.attention-open{font-weight:800;color:#356ad2!important;font-size:9px!important}.employee-all-clear{color:#167354;background:#f0faf6;border-radius:11px;align-items:center;gap:8px;padding:13px;font-size:10px;font-weight:750;display:flex}.employee-chat-preview{text-align:left;cursor:pointer;color:#22324a;background:linear-gradient(135deg,#f9fbff,#eef5ff);border:1px solid #dbe5f5;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:16px 18px;display:grid}.chat-preview-icon{color:#fff;background:#17263a;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:relative}.chat-preview-icon b{color:#fff;background:#dc3447;border:2px solid #eef5ff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-6px;right:-5px}.employee-chat-preview>div:nth-child(2)>span{color:#5878ae;letter-spacing:.1em;font-size:8px;font-weight:900}.employee-chat-preview strong{margin-top:3px;font-size:12px;display:block}.employee-chat-preview p{color:#6f7d90;white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin:3px 0 0;font-size:10px;overflow:hidden}.chat-preview-open{color:#356ad2;font-size:9px;font-weight:800}.employee-home-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px;display:grid}.employee-home-grid .employee-info-panel{margin-bottom:0}.employee-post.compact{padding:12px 2px}.employee-post.compact h3{font-size:12px}.employee-post.compact p{font-size:10px}.store-notice-row{text-align:left;cursor:pointer;color:#243248;background:0 0;border:0;border-top:1px solid #edf0f4;grid-template-columns:36px 1fr;align-items:center;gap:9px;width:100%;padding:11px 2px;display:grid}.store-notice-row:first-of-type{border-top:0}.store-notice-icon{color:#ad7417;background:#fff5e7;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.store-notice-icon.maintenance{color:#586578;background:#f1f3f7}.store-notice-icon.till-issue{color:#c5424f;background:#fff0f1}.store-notice-icon.price-change{color:#3268bd;background:#edf5ff}.store-notice-icon.delivery{color:#17825d;background:#edf9f2}.store-notice-row strong,.store-notice-row span{display:block}.store-notice-row strong{font-size:11px}.store-notice-row span{color:#7d899a;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.personal-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.personal-alert{text-align:left;cursor:pointer;color:#26354c;background:#fbfcfe;border:1px solid #e7ebf1;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.personal-alert.high{background:#fff8f9;border-color:#f1c8ce}.personal-alert>div{color:#456cad;background:#eef3fb;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.personal-alert>div svg{width:15px}.personal-alert strong,.personal-alert small{display:block}.personal-alert strong{font-size:10px}.personal-alert small{color:#7c8899;margin-top:3px;font-size:9px;line-height:1.4}.employee-empty.small{padding:16px 4px}.employee-section-head>svg{color:#5f78a6}@media (width<=720px){.employee-home-grid,.personal-alert-grid{grid-template-columns:1fr}.employee-chat-preview{grid-template-columns:42px 1fr}.chat-preview-open{display:none}.attention-item{grid-template-columns:34px 1fr}.attention-open{display:none}}.kiosk-screen{color:#172033;background:#eef3f8;min-height:100vh}.kiosk-header{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 34px;display:flex;position:sticky;top:0}.kiosk-header>img{object-fit:contain;object-position:left center;width:330px;max-width:42vw;height:58px}.kiosk-head-actions{align-items:center;gap:10px;display:flex}.kiosk-head-actions label,.kiosk-head-actions button{border:1px solid var(--line);color:#415066;background:#fff;border-radius:11px;align-items:center;gap:8px;height:42px;padding:0 12px;font-weight:700;display:flex}.kiosk-head-actions select{background:0 0;border:0;outline:0;font-weight:800}.kiosk-head-actions button{cursor:pointer}.kiosk-main{max-width:1480px;margin:0 auto;padding:28px}.kiosk-intro{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.kiosk-intro p{letter-spacing:.14em;color:#e86752;margin:0 0 5px;font-size:10px;font-weight:850}.kiosk-intro h1{letter-spacing:-.035em;margin:0 0 7px;font-size:34px}.kiosk-intro>div>span{color:#738094;font-size:13px}.kiosk-live-clock{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 11px;min-width:235px;padding:15px 17px;display:grid}.kiosk-live-clock svg{color:#3a6fd6;grid-row:1/3}.kiosk-live-clock strong{font-size:23px}.kiosk-live-clock span{color:#8290a2;font-size:10px}.kiosk-error{color:#aa3846;background:#fff0f1;border:1px solid #f0cfd4;border-radius:12px;margin-bottom:15px;padding:12px 14px;font-size:12px}.kiosk-public-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:20px;display:grid}.kiosk-notice-panel,.kiosk-login-card,.kiosk-clock-view,.kiosk-chat{border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 8px 30px #26384b0e}.kiosk-notice-panel{padding:22px}.kiosk-section-title{align-items:center;gap:12px;margin-bottom:10px;display:flex}.kiosk-section-title>svg{color:#e86752;background:#fff0eb;border-radius:12px;width:42px;height:42px;padding:11px}.kiosk-section-title h2{margin:0;font-size:18px}.kiosk-section-title span{color:#8a95a4;font-size:10px}.kiosk-notice{border-top:1px solid #edf0f4;padding:16px 2px}.kiosk-notice.pinned{background:#fafcff;border:1px solid #e1e8f3;border-radius:13px;margin-top:10px;padding:16px}.kiosk-notice b{color:#d75f4e;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.kiosk-notice h3{margin:6px 0;font-size:15px}.kiosk-notice p{color:#5e6979;margin:0;font-size:12px;line-height:1.55}.kiosk-empty{text-align:center;color:#8893a2;padding:42px}.kiosk-login-card{text-align:center;align-self:start;padding:28px}.kiosk-login-card>svg{color:#356ad2;background:#eef4ff;border-radius:16px;width:58px;height:58px;padding:12px}.kiosk-login-card h2{margin:14px 0;font-size:19px}.kiosk-login-card select,.kiosk-login-card input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:11px;margin:6px 0;padding:13px}.kiosk-login-card input{text-align:center;letter-spacing:.22em;font-size:20px}.kiosk-login-card>button{color:#fff;cursor:pointer;background:#173053;border:0;border-radius:11px;width:100%;margin-top:8px;padding:13px;font-weight:850}.kiosk-login-card>button:disabled{opacity:.45;cursor:not-allowed}.kiosk-login-card small{color:#8a95a4;margin-top:10px;display:block}.kiosk-session{gap:14px;display:grid}.kiosk-tabs{gap:8px;display:flex}.kiosk-tabs>button{border:1px solid var(--line);color:#607086;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;display:flex;position:relative}.kiosk-tabs>button.active{color:#fff;background:#17263a;border-color:#17263a}.kiosk-tabs i,.kiosk-chat aside i{color:#fff;background:#e53f52;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-style:normal;display:inline-grid}.kiosk-clock-view{padding:24px}.kiosk-who{align-items:center;gap:14px;display:flex}.kiosk-avatar{color:#2f61bd;background:#e9f0ff;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.kiosk-who h2{margin:0;font-size:20px}.kiosk-who p{color:#7d8998;margin:4px 0 0;font-size:11px}.kiosk-who>span{color:#778395;background:#f2f4f7;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}.kiosk-who>span.on{color:#147957;background:#edf9f4}.kiosk-clock-actions{justify-content:center;gap:10px;padding:36px 0;display:flex}.kiosk-clock-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;min-width:210px;padding:17px 22px;font-size:14px;font-weight:900}.kiosk-clock-actions .main{color:#fff;background:#173053;border-color:#173053}.kiosk-session-notices{border-top:1px solid #edf0f4;padding-top:18px}.kiosk-session-notices h3{font-size:14px}.kiosk-session-notices article{border-top:1px solid #f0f2f5;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.kiosk-session-notices article b{color:#d8604e;min-width:95px}.kiosk-chat{grid-template-columns:310px 1fr;min-height:620px;display:grid;overflow:hidden}.kiosk-chat>aside{border-right:1px solid var(--line);background:#fafbfd;overflow:auto}.kiosk-chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.kiosk-chat-head button,.kiosk-chat-new button,.kiosk-chat>aside>button,.kiosk-chat-empty button{cursor:pointer;background:0 0;border:0}.kiosk-chat-head button{color:#356ad2;background:#edf3ff;border-radius:9px;width:34px;height:34px}.kiosk-chat-new{border-bottom:1px solid var(--line);background:#fff;padding:8px}.kiosk-chat-new button,.kiosk-chat>aside>button{text-align:left;border-radius:10px;justify-content:space-between;gap:8px;width:100%;padding:10px;display:flex}.kiosk-chat-new button:hover,.kiosk-chat>aside>button:hover,.kiosk-chat>aside>button.active{background:#edf3ff}.kiosk-chat-new span,.kiosk-chat-new small,.kiosk-chat>aside b,.kiosk-chat>aside small{display:block}.kiosk-chat-new small,.kiosk-chat>aside small{color:#8793a3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.kiosk-chat>section{flex-direction:column;min-width:0;display:flex}.kiosk-chat>section>header{border-bottom:1px solid var(--line);align-items:center;height:64px;padding:13px 17px;display:flex}.kiosk-chat>section>header b,.kiosk-chat>section>header span{display:block}.kiosk-chat>section>header span{color:#8290a0;margin-top:3px;font-size:10px}.kiosk-chat-empty{text-align:center;color:#7e8999;margin:auto}.kiosk-chat-empty svg{color:#4e73b9;width:55px;height:55px}.kiosk-chat-empty button{color:#fff;background:#173053;border-radius:10px;align-items:center;gap:6px;padding:10px 13px;display:inline-flex}.kiosk-chat-messages{background:#f7f9fc;flex:1;max-height:460px;padding:18px;overflow:auto}.kiosk-chat-messages>div{margin:9px 0;display:flex}.kiosk-chat-messages>div.mine{justify-content:flex-end}.kiosk-chat-messages article{background:#fff;border:1px solid #e5e9f0;border-radius:14px 14px 14px 4px;max-width:min(580px,75%);padding:10px 12px}.kiosk-chat-messages .mine article{color:#fff;background:#1e385b;border-color:#1e385b;border-radius:14px 14px 4px}.kiosk-chat-messages p{margin:0;font-size:12px;line-height:1.5}.kiosk-chat-messages small{color:#8b96a5;margin-top:7px;font-size:9px;display:block}.kiosk-chat-messages .mine small{color:#bbc8d9}.kiosk-chat-messages time{text-align:right;opacity:.65;margin-top:6px;font-size:8px;display:block}.kiosk-chat-messages img{border-radius:10px;max-width:280px;max-height:240px;margin-bottom:8px;display:block}.kiosk-translation-note{border-top:1px solid var(--line);color:#7b8797;align-items:center;gap:5px;padding:6px 12px;font-size:9px;display:flex}.kiosk-compose{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding:11px;display:flex}.kiosk-compose>button{color:#356ad2;cursor:pointer;background:#edf3ff;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.kiosk-compose textarea{border:1px solid var(--line);resize:none;min-height:40px;max-height:100px;font:inherit;border-radius:10px;flex:1;padding:10px}.kiosk-compose .send{color:#fff;background:#173053;align-items:center;gap:5px;width:auto;padding:0 13px;display:flex}.kiosk-file{text-overflow:ellipsis;white-space:nowrap;background:#f2f5f9;border-radius:8px;max-width:140px;padding:7px;font-size:9px;overflow:hidden}.kiosk-file button{vertical-align:middle;background:0 0;border:0;margin-left:5px;padding:0}.chat-original{opacity:.72;border-top:1px solid #ffffff25;margin-top:5px;padding-top:5px;font-size:9px;display:block}@media (width<=850px){.kiosk-header{padding:0 14px}.kiosk-header>img{width:210px;max-width:54vw}.kiosk-main{padding:16px}.kiosk-intro{flex-direction:column}.kiosk-live-clock{width:100%}.kiosk-public-grid{grid-template-columns:1fr}.kiosk-login-card{order:-1}.kiosk-chat{grid-template-columns:1fr;min-height:700px}.kiosk-chat>aside{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.kiosk-clock-actions{flex-direction:column}.kiosk-clock-actions button{width:100%}}.kiosk-login-link{color:#356ad2;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;font-size:11px;font-weight:800;text-decoration:underline}.kiosk-widget-grid{grid-template-columns:minmax(360px,.78fr) minmax(650px,1.42fr);gap:20px;margin-bottom:20px;display:grid}.kiosk-radio-card,.kiosk-weather-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:20px;box-shadow:0 8px 30px #26384b0e}.kiosk-widget-head{align-items:center;gap:11px;margin-bottom:16px;display:flex}.kiosk-widget-head>div:nth-child(2){flex:1;min-width:0}.kiosk-widget-head h2{margin:0 0 3px;font-size:17px}.kiosk-widget-head span{color:#8793a3;font-size:10px}.kiosk-widget-head>a,.kiosk-widget-head>button{border:1px solid var(--line);color:#53647a;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;text-decoration:none;display:grid}.kiosk-widget-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.kiosk-widget-icon.radio{color:#e86752;background:linear-gradient(135deg,#fff0eb,#ffe0d8)}.kiosk-widget-icon.weather{color:#356ad2;background:linear-gradient(135deg,#eaf3ff,#dceaff)}.kiosk-radio-now{color:#fff;background:linear-gradient(135deg,#17263a,#243d60);border-radius:15px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.radio-art{background:#ffffff18;border:1px solid #ffffff20;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.kiosk-radio-now strong,.kiosk-radio-now span{display:block}.kiosk-radio-now strong{font-size:14px}.kiosk-radio-now span{color:#b9c7da;margin-top:4px;font-size:9px}.kiosk-radio-card>select{border:1px solid var(--line);color:#314055;background:#fff;border-radius:11px;outline:0;width:100%;height:42px;padding:0 11px;font-weight:700}.kiosk-radio-actions{gap:8px;margin-top:10px;display:flex}.kiosk-radio-actions button,.kiosk-radio-actions a{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;height:40px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.kiosk-radio-actions button{color:#fff;background:#173053;border-color:#173053}.kiosk-radio-actions a{color:#385274;background:#fff}.kiosk-radio-frame{border:1px solid var(--line);background:#f7f9fc;border-radius:12px;margin-top:12px;overflow:hidden}.kiosk-radio-frame iframe{background:#fff;border:0;width:100%;height:310px;display:block}.kiosk-radio-frame small{color:#7f8b9a;padding:8px 10px;font-size:8px;line-height:1.4;display:block}.kiosk-weather-now{background:linear-gradient(135deg,#edf6ff,#f8fbff);border:1px solid #deebf8;border-radius:15px;align-items:center;gap:16px;margin-bottom:12px;padding:13px 15px;display:flex;position:relative}.kiosk-weather-now>div:first-child strong,.kiosk-weather-now>div:first-child span{display:block}.kiosk-weather-now>div:first-child strong{letter-spacing:-.05em;font-size:30px}.kiosk-weather-now>div:first-child span{color:#60748e;margin-top:2px;font-size:10px}.kiosk-weather-now .weather-big{font-size:34px}.kiosk-weather-now>small{color:#58708f;background:#fff;border:1px solid #dce8f4;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:8px;font-weight:800}.kiosk-weather-days{grid-template-columns:repeat(7,minmax(62px,1fr));gap:7px;display:grid}.kiosk-weather-days>div{text-align:center;background:#fbfcfe;border:1px solid #e7edf5;border-radius:12px;justify-items:center;gap:3px;padding:9px 5px;display:grid}.kiosk-weather-days span{color:#7c8b9e;text-transform:uppercase;font-size:8px;font-weight:800}.kiosk-weather-days b{font-size:21px;font-weight:400}.kiosk-weather-days strong{font-size:12px}.kiosk-weather-days small{color:#8996a6;font-size:9px}.kiosk-weather-days em{color:#3971be;background:#edf5ff;border-radius:999px;padding:3px 5px;font-size:8px;font-style:normal}.kiosk-widget-loading,.kiosk-widget-error{color:#7f8b9a;justify-content:center;align-items:center;gap:8px;min-height:145px;font-size:11px;display:flex}.kiosk-widget-error{color:#b24752}.spin{animation:1s linear infinite kioskspin}@keyframes kioskspin{to{transform:rotate(360deg)}}@media (width<=1100px){.kiosk-widget-grid{grid-template-columns:1fr}.kiosk-weather-days{grid-template-columns:repeat(7,1fr)}}@media (width<=700px){.kiosk-weather-days{grid-template-columns:repeat(4,1fr)}.kiosk-radio-actions{flex-direction:column}.kiosk-radio-frame iframe{height:260px}}.kiosk-selected-user{color:#657286;border:1px solid var(--line);background:#f6f8fb;border-radius:9px;margin:8px 0 2px;padding:8px 10px;font-size:11px}.kiosk-selected-user strong{color:#1d2b3f}.kiosk-logo-refresh{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:0;display:flex}.kiosk-logo-refresh:hover{background:#f6f8fb}.kiosk-logo-refresh:focus-visible{outline-offset:4px;outline:3px solid #b8cef8}.kiosk-logo-refresh img{object-fit:contain;object-position:left center;width:330px;max-width:42vw;height:58px}.kiosk-namedays{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:18px;overflow:hidden;box-shadow:0 6px 24px #26384b0b}.kiosk-namedays-title{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.kiosk-namedays-title strong,.kiosk-namedays-title span{display:block}.kiosk-namedays-title strong{font-size:13px}.kiosk-namedays-title span{color:#8793a3;margin-top:2px;font-size:9px}.kiosk-namedays-title a{border:1px solid var(--line);color:#53647a;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.kiosk-namedays iframe{background:#fff;border:0;width:100%;height:112px;display:block}.kiosk-session-content{grid-template-columns:minmax(290px,.62fr) minmax(680px,1.38fr);align-items:start;gap:20px;display:grid}.kiosk-session-notice-panel{max-height:680px;position:sticky;top:104px;overflow:auto}.kiosk-session-content .kiosk-chat{min-height:680px}.kiosk-session-content .kiosk-chat-messages{max-height:515px}@media (width<=1050px){.kiosk-session-content{grid-template-columns:1fr}.kiosk-session-notice-panel{max-height:none;position:static}.kiosk-session-content .kiosk-chat{min-height:650px}}@media (width<=850px){.kiosk-logo-refresh img{width:210px;max-width:54vw}.kiosk-namedays iframe{height:135px}}.cloud-login-card{position:relative}.login-mode-tabs{background:#f2f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0 22px;padding:5px;display:grid}.login-mode-tabs button{color:#667386;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-weight:750;display:flex}.login-mode-tabs button.active{color:#183354;background:#fff;box-shadow:0 2px 9px #1c30451a}.sms-login-form{gap:13px;display:grid}.sms-login-form label{gap:7px;font-size:12px;font-weight:650;display:grid}.sms-login-form input{border:1px solid var(--line);font:inherit;border-radius:10px;padding:12px 13px}.sms-login-form small{color:#798597;line-height:1.5}.sms-login-actions{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.sms-login-actions .text-btn:disabled{opacity:.45;cursor:not-allowed}.employee-cloud-note{color:#4b6282;background:#f4f8ff;border:1px solid #dbe6f5;border-radius:11px;margin-bottom:14px;padding:11px 13px;font-size:10px;line-height:1.55}.employee-bottom-nav.cloud-four{grid-template-columns:repeat(4,1fr)}.mini-form.two label small{color:#8b95a4;margin-top:4px;font-size:8px;font-weight:500;display:block}.notification-wrap{position:relative}.notification-count{color:#fff;background:#e53945;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:850;display:grid;position:absolute;top:-5px;right:-5px}.notification-popover{border:1px solid var(--line);z-index:80;background:#fff;border-radius:15px;width:350px;max-height:440px;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 18px 55px #17203330}.notification-popover-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 15px;display:flex}.notification-popover-head span{color:var(--muted);font-size:10px}.notification-item{border-bottom:1px solid #eef1f5;padding:12px 15px}.notification-item.unread{background:#f5f8ff}.notification-item strong,.notification-item p,.notification-item small{display:block}.notification-item strong{font-size:11px}.notification-item p{color:#596679;margin:5px 0;font-size:10px;line-height:1.45}.notification-item small{color:#96a0ad;font-size:8px}.checkbox-field{align-items:center;gap:9px;display:flex!important}.checkbox-field input{width:auto!important}.balance-preview{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:10px 12px}.balance-preview small,.balance-preview strong{display:block}.balance-preview small{color:var(--muted);font-size:9px}.balance-preview strong{margin-top:3px;font-size:14px}.small-action{padding:7px 10px;font-size:10px}.clickable-alert{cursor:pointer}.clickable-alert:hover{background:#f9fbff}@media (width<=700px){.notification-popover{width:auto;position:fixed;top:70px;left:12px;right:12px}.heading-actions{flex-wrap:wrap}}.polished-login{background:linear-gradient(#fff 0% 78%,#fbfcff 100%);border-color:#e4e9f1;padding:30px 34px 32px;overflow:hidden;box-shadow:0 24px 70px #13213a20}.polished-login .login-brand-logo{justify-content:center;min-height:78px;margin:40px auto 22px}.polished-login .login-brand-logo img{object-fit:contain;width:min(330px,88%);max-height:82px}.login-language.top-left{z-index:3;color:#536176;background:#f8fafc;border:1px solid #e2e7ef;border-radius:10px;align-items:center;gap:6px;height:36px;margin:0;padding:0 9px;display:flex;position:absolute;top:16px;left:18px;right:auto;box-shadow:0 2px 8px #20314a0a}.login-language.top-left select{color:#35445a;background:0 0;border:0;outline:0;max-width:125px;padding:0;font-size:11px;font-weight:800}.polished-login h1{text-align:center;letter-spacing:-.035em;font-size:28px}.polished-login>p{text-align:center;max-width:350px;margin:0 auto 24px;line-height:1.55}.polished-login .sms-login-form,.polished-login form{background:#fbfcfe;border:1px solid #edf0f5;border-radius:15px;padding:16px}.polished-login .login-btn{border-radius:11px;min-height:44px}.polished-login .kiosk-login-link{color:#526d9e;background:#f3f6fb;border:1px solid #e4eaf3;border-radius:10px;margin:17px auto 0;padding:9px 12px;text-decoration:none;display:block}.polished-login .kiosk-login-link:hover{color:#285dbe;background:#edf3ff}.employee-cloud-note{background:linear-gradient(90deg,#f4f8ff,#f9fbff);border-color:#dce6f5;align-items:center;display:flex}.employee-info-panel,.employee-attention-card,.employee-personal-alerts,.employee-board-preview{box-shadow:0 5px 18px #1529430a}.employee-page,.employee-info-panel,.employee-attention-card,.employee-personal-alerts,.employee-board-preview{transition:transform .16s,box-shadow .16s,border-color .16s}.employee-info-panel:hover,.employee-attention-card:hover,.employee-board-preview:hover{border-color:#dbe3ef;box-shadow:0 9px 25px #15294310}@media (width<=560px){.polished-login{padding:24px 18px 25px}.polished-login .login-brand-logo{margin-top:46px}.login-language.top-left{top:12px;left:12px}.login-language.top-left select{max-width:105px}.polished-login h1{font-size:25px}}.important-store-section{margin-bottom:18px;padding:22px}.important-store-section .panel-head{align-items:flex-start}.notice-priority-guide{flex-wrap:wrap;gap:7px;margin:-4px 0 16px;display:flex}.importance-chip,.notice-type-chip{text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:850;display:inline-flex}.importance-chip.info{color:#426ba8;background:#eef5ff}.importance-chip.normal{color:#53647a;background:#eef3f8}.importance-chip.important{color:#a86909;background:#fff3d8}.importance-chip.urgent{color:#c73545;background:#ffebed}.notice-type-chip{color:#59677a;background:#f4f5f7}.store-notice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.store-notice-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;position:relative;overflow:hidden}.store-notice-card:before{content:"";background:#9aa6b6;width:4px;position:absolute;inset:0 auto 0 0}.store-notice-card.importance-info:before{background:#7298cf}.store-notice-card.importance-important:before{background:#e5a62d}.store-notice-card.importance-urgent:before{background:#e34b5c}.store-notice-card.importance-urgent{background:#fffafb;border-color:#f2d0d5}.store-notice-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.store-notice-labels{flex-wrap:wrap;gap:6px;display:flex}.store-notice-card h3{margin:13px 0 6px;font-size:15px}.store-notice-card p{color:#5e6a7c;margin:0;font-size:11px;line-height:1.55}.store-notice-meta{color:#7a8697;border-top:1px solid #edf0f4;flex-wrap:wrap;gap:12px;margin-top:13px;padding-top:10px;font-size:9px;display:flex}.notice-empty{text-align:center;color:#7b8798;border:1px dashed #d8dfe9;border-radius:14px;grid-column:1/-1;justify-items:center;gap:7px;padding:30px;display:grid}.notice-empty strong{color:#354155;font-size:12px}.notice-empty span{font-size:10px}.notice-empty button{margin-top:6px}.section-title-row{justify-content:space-between;align-items:end;margin:8px 0 12px;display:flex}.section-title-row h2{margin:2px 0 0;font-size:17px}.notice-modal{width:min(720px,100% - 24px)}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.field-label{color:#566276;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.importance-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.importance-picker button{border:1px solid var(--line);text-align:left;cursor:pointer;color:#4f5c70;background:#fff;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:11px;display:grid}.importance-picker button svg{grid-row:span 2}.importance-picker button strong{font-size:10px}.importance-picker button small{color:#8a95a5;font-size:8px}.importance-picker button.selected{background:#f8faff;border-color:#b8cbf7;outline:2px solid #245fe9}.importance-picker button.urgent.selected{background:#fff7f8;outline-color:#d74757}.importance-picker button.important.selected{background:#fffaf0;outline-color:#d8921e}.page-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=800px){.store-notice-grid{grid-template-columns:1fr}.importance-picker{grid-template-columns:repeat(2,1fr)}}.kiosk-notice{position:relative;overflow:hidden}.kiosk-notice:before{content:"";background:#94a0b1;width:4px;position:absolute;inset:0 auto 0 0}.kiosk-notice.importance-important:before{background:#e5a62d}.kiosk-notice.importance-urgent:before{background:#e34b5c}.kiosk-notice.importance-urgent{background:#fff8f9;border-color:#f1c8ce}.kiosk-notice-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.kiosk-importance{letter-spacing:.07em;color:#617087;background:#eef3f8;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.kiosk-importance.info{color:#426ba8;background:#eef5ff}.kiosk-importance.important{color:#a86909;background:#fff3d8}.kiosk-importance.urgent{color:#c73545;background:#ffebed}.employee-post.importance-urgent{background:#fff9fa;border-color:#f1c8ce}.employee-post.importance-important{border-color:#f0dba9}.store-notice-row.importance-urgent{background:#fff6f7;border-color:#f1c8ce}.store-notice-row.importance-important{background:#fffaf0;border-color:#f1ddb0}.notice-priority-select{border:1px solid var(--line);color:#4e5b6d;background:#fff;border-radius:8px;outline:none;padding:6px 8px;font-size:9px;font-weight:800}.dashboard-notice-panel{margin-bottom:18px}.dashboard-notice-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.dashboard-notice-summary>div{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.dashboard-notice-summary svg{color:#5875a8}.dashboard-notice-summary span{color:#718096;font-size:10px}.dashboard-notice-summary strong{font-size:18px}.dashboard-notice-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f4;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;padding:11px 4px;display:grid}.dashboard-notice-row strong{font-size:11px}.dashboard-notice-row small{color:#7c8898;font-size:9px}.dashboard-notice-row.importance-urgent strong{color:#b83443}@media (width<=700px){.dashboard-notice-summary{grid-template-columns:1fr}.dashboard-notice-row{grid-template-columns:auto 1fr auto}.dashboard-notice-row small{display:none}}.notice-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1827a3;padding:24px}.notice-modal-polished{background:#fff;border:1px solid #e1e6eee6;flex-direction:column;width:min(820px,100vw - 32px);max-height:min(88vh,880px);display:flex;box-shadow:0 28px 90px #08132247;border-radius:20px!important;padding:0!important;overflow:hidden!important}.notice-modal-header{background:linear-gradient(#fff,#fbfcfe);border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.notice-modal-titleblock{min-width:0}.notice-modal-titleblock h2{letter-spacing:-.025em;color:#172033;margin:8px 0 5px;font-size:22px;line-height:1.2}.notice-modal-titleblock p{color:#778294;margin:0;font-size:11px;line-height:1.5}.notice-modal-kicker{color:#315fbd;letter-spacing:.12em;background:#eef4ff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.notice-modal-kicker.notice{color:#b9632f;background:#fff2e7}.notice-modal-close{color:#526075;cursor:pointer;background:#f7f9fc;border:1px solid #e5e9ef;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.notice-modal-close:hover{color:#1b2a3f;background:#eef2f7}.notice-modal-body{padding:18px 24px 10px;overflow:auto}.notice-form-section{border-bottom:1px solid #edf0f4;margin-bottom:16px;padding:0 0 16px}.notice-form-section:last-child{border-bottom:0;margin-bottom:0}.notice-field{color:#536174;gap:7px;font-size:10px;font-weight:800;display:grid}.notice-field+.notice-field{margin-top:13px}.notice-field>span{letter-spacing:.01em}.notice-field input,.notice-field select,.notice-field textarea{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #dfe4eb;border-radius:11px;outline:0;padding:11px 12px;font-size:11px;transition:all .16s}.notice-field textarea{resize:vertical;min-height:92px;max-height:180px;line-height:1.5}.notice-field input:focus,.notice-field select:focus,.notice-field textarea:focus{border-color:#85a8fb;box-shadow:0 0 0 3px #356df31a}.notice-field small{color:#9aa3b0;justify-self:end;margin-top:-2px;font-size:8px;font-weight:600}.notice-fields-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notice-fields-two .notice-field+.notice-field{margin-top:0}.notice-section-heading{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.notice-section-heading strong,.notice-section-heading span{display:block}.notice-section-heading strong{color:#39465a;font-size:11px}.notice-section-heading span{color:#8a95a5;margin-top:2px;font-size:9px;font-weight:500}.importance-picker.polished{grid-template-columns:repeat(4,1fr);gap:8px}.importance-picker.polished button{text-align:left;border-radius:12px;align-items:center;gap:9px;min-height:66px;padding:10px 11px;display:flex;box-shadow:none!important;outline:none!important}.importance-picker.polished button .importance-icon{background:#f3f6fa;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.importance-picker.polished button>span:last-child{gap:2px;display:grid}.importance-picker.polished button strong{font-size:10px}.importance-picker.polished button small{font-size:8px;line-height:1.25}.importance-picker.polished button.selected{background:#f7f9ff;border-color:#90acf4;box-shadow:inset 0 0 0 1px #90acf4!important}.importance-picker.polished button.info.selected{background:#f6faff;border-color:#8ab2e9}.importance-picker.polished button.important.selected{background:#fffaf0;border-color:#e2aa43}.importance-picker.polished button.urgent.selected{background:#fff7f8;border-color:#e16672}.importance-picker.polished button.urgent .importance-icon{color:#c43b49;background:#fff0f2}.importance-picker.polished button.important .importance-icon{color:#a86b0a;background:#fff5df}.importance-picker.polished button.info .importance-icon{color:#4671ac;background:#edf5ff}.notice-options-section{padding-bottom:4px}.notice-options-grid{grid-template-columns:1.05fr 1fr 1.25fr;align-items:stretch;gap:9px;display:grid}.notice-field.compact{margin:0}.notice-toggle{cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-height:56px;padding:10px 11px;display:grid}.notice-toggle input{display:none}.notice-toggle .toggle-ui{background:#dfe5ec;border-radius:999px;grid-row:1/3;width:34px;height:20px;transition:all .18s;position:relative}.notice-toggle .toggle-ui:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.notice-toggle.on{background:#f8faff;border-color:#bfd0f5}.notice-toggle.on .toggle-ui{background:#356df3}.notice-toggle.on .toggle-ui:after{transform:translate(14px)}.notice-toggle strong,.notice-toggle small{display:block}.notice-toggle strong{color:#445168;font-size:9px}.notice-toggle small{color:#8c97a6;margin-top:2px;font-size:8px;line-height:1.25}.notice-modal-footer{background:#fbfcfe;border-top:1px solid #edf0f4;justify-content:flex-end;gap:9px;padding:14px 24px 18px;display:flex;position:sticky;bottom:0}.notice-modal-footer .primary-btn,.notice-modal-footer .secondary-btn{justify-content:center;min-width:112px}.notice-modal-footer .primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=760px){.notice-modal-backdrop{align-items:end;padding:10px}.notice-modal-polished{width:100%;max-height:92vh;border-radius:18px 18px 0 0!important}.notice-modal-header{padding:18px 18px 15px}.notice-modal-body{padding:15px 18px 8px}.notice-fields-two{grid-template-columns:1fr}.importance-picker.polished{grid-template-columns:1fr 1fr}.notice-options-grid{grid-template-columns:1fr}.notice-modal-footer{padding:12px 18px 16px}.notice-modal-footer .primary-btn,.notice-modal-footer .secondary-btn{flex:1}}.notification-settings-card{overflow:hidden}.notification-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.notification-channel{border:1px solid var(--line);background:#fbfcfe;border-radius:16px;padding:16px;transition:all .2s}.notification-channel.enabled{background:#fff;border-color:#bfd0f7;box-shadow:0 5px 18px #315fb812}.notification-channel-head{align-items:flex-start;gap:11px;margin-bottom:14px;display:flex}.notification-channel-head>svg{color:#4b6fae;margin-top:2px}.notification-channel-head>div{flex:1;min-width:0}.notification-channel-head strong,.notification-channel-head small{display:block}.notification-channel-head strong{font-size:13px}.notification-channel-head small{color:#7f8a9a;margin-top:4px;font-size:10px;line-height:1.4}.notification-channel label{color:#657286;font-size:10px;font-weight:700}.notification-channel input[type=email],.notification-channel input:not([type]){border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-top:6px;padding:11px 12px}.notification-channel input:disabled{color:#9aa4b3;background:#f3f5f8}.notification-event-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;padding-top:16px;display:flex}.notification-event-row>strong{color:#57657a;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.notification-event-row label{color:#354052;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.switch{width:44px;height:24px;margin-left:auto!important;position:relative!important}.switch input{opacity:0;pointer-events:none;position:absolute}.switch span{background:#d7dde7;border-radius:999px;width:44px;height:24px;transition:all .2s;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #1720332b}.switch input:checked+span{background:#245fe9}.switch input:checked+span:after{transform:translate(20px)}@media (width<=800px){.notification-channel-grid{grid-template-columns:1fr}.notification-event-row{flex-direction:column;align-items:flex-start;gap:10px}}.invoice-modal{width:min(1080px,96vw)}.line-editor{background:#fbfcfe;padding:16px}.line-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.line-head strong{color:#172033;font-size:12px;display:block}.line-head small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500;display:block}.line-labels{color:#788496;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:2fr .55fr .82fr .82fr .66fr .9fr 34px;gap:7px;padding:0 2px 6px;font-size:8px;font-weight:800;display:grid}.line-form{grid-template-columns:2fr .55fr .82fr .82fr .66fr .9fr 34px;align-items:center}.line-total-preview{color:#172033;white-space:nowrap;background:#f5f8fb;border:1px solid #e4e9f0;border-radius:8px;justify-content:flex-end;align-items:center;height:36px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.line-editor-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px;padding-top:12px;display:flex}.invoice-draft-summary{gap:5px;min-width:315px;display:grid}.invoice-draft-summary>div{grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:5px 0;font-size:10px;display:grid}.invoice-draft-summary span{color:#667386}.invoice-draft-summary strong{color:#172033;font-size:12px}.invoice-draft-summary small{color:#8a94a5;grid-column:1/-1;margin-top:-2px;font-size:8px}.invoice-draft-summary .draft-grand{border-top:2px solid #172033;margin-top:4px;padding-top:9px}.invoice-draft-summary .draft-grand span,.invoice-draft-summary .draft-grand strong{color:#172033;font-size:14px;font-weight:800}@media (width<=900px){.line-labels{display:none}.line-form{grid-template-columns:1.5fr .55fr .85fr}.line-form select{grid-area:auto}.line-total-preview{grid-column:1/span 2;justify-content:flex-start}.line-editor-footer{flex-direction:column}.invoice-draft-summary{width:100%;min-width:0}}html[data-employee-theme] body{background:#f4f7fb}html[data-employee-theme=classic] .employee-portal{background:linear-gradient(135deg,#f5f7fb 0%,#edf2f8 100%)}html[data-employee-theme=soft-peach] .employee-portal{background:radial-gradient(circle at 12% 8%,#ffffffe0 0 9%,#0000 25%),radial-gradient(circle at 90% 18%,#ffc0cb42,#0000 28%),linear-gradient(135deg,#fff5ef 0%,#ffe6ea 54%,#fff7f0 100%)}html[data-employee-theme=lavender-dream] .employee-portal{background:radial-gradient(circle at 15% 10%,#ffffffc7,#0000 24%),radial-gradient(circle at 86% 20%,#b299ff33,#0000 27%),linear-gradient(140deg,#f7f1ff 0%,#eae4ff 52%,#f8f4ff 100%)}html[data-employee-theme=mint-fresh] .employee-portal{background:radial-gradient(circle at 88% 10%,#ffffffd1,#0000 22%),radial-gradient(circle at 10% 24%,#6ce0b829,#0000 26%),linear-gradient(140deg,#effff9 0%,#dff8ef 54%,#f7fffc 100%)}html[data-employee-theme=sky-blue] .employee-portal{background:radial-gradient(at 15% 12%,#ffffffe6 0 7%,#0000 18%),radial-gradient(at 80% 20%,#ffffffc2 0 8%,#0000 20%),linear-gradient(145deg,#f2faff 0%,#dceeff 52%,#f8fcff 100%)}html[data-employee-theme=sunset-glow] .employee-portal{background:radial-gradient(circle at 15% 15%,#ffd29659,#0000 27%),radial-gradient(circle at 85% 16%,#ddb6ff47,#0000 28%),linear-gradient(140deg,#fff3df 0%,#ffdde5 50%,#eee4ff 100%)}html[data-employee-theme=midnight] .employee-portal{color:#e9eef7;background:radial-gradient(circle at 16% 12%,#5d7dff2e,#0000 26%),radial-gradient(circle at 84% 20%,#d275ff1f,#0000 25%),linear-gradient(145deg,#111827 0%,#18243a 48%,#28233b 100%)}html[data-employee-theme=midnight] .employee-welcome p,html[data-employee-theme=midnight] .employee-welcome>div>span{color:#c5cfdd}html[data-employee-theme=midnight] .employee-live{background:#ffffffeb}html[data-employee-theme=sakura] .employee-portal{background:radial-gradient(circle at 13% 10%,#ffffffe6 0 4%,#0000 12%),radial-gradient(circle at 88% 18%,#f8aac433 0 4%,#0000 16%),radial-gradient(circle at 75% 68%,#ffffff8c 0 3%,#0000 12%),linear-gradient(145deg,#fff8fa 0%,#ffe7ef 52%,#fff9fb 100%)}html[data-employee-theme=ocean] .employee-portal{background:radial-gradient(circle at 13% 16%,#ffffffb3,#0000 23%),radial-gradient(circle at 88% 14%,#48c6c921,#0000 30%),linear-gradient(145deg,#edfcff 0%,#dcefff 50%,#e4fbf5 100%)}html[data-employee-theme=cream-minimal] .employee-portal{background:linear-gradient(145deg,#fffdf7 0%,#f7f0e5 52%,#fffaf2 100%)}html[data-employee-theme] .employee-header{-webkit-backdrop-filter:blur(14px);background:#ffffffe6}html[data-employee-theme] .employee-board-preview,html[data-employee-theme] .employee-page,html[data-employee-theme] .employee-attention-card,html[data-employee-theme] .employee-info-panel,html[data-employee-theme] .employee-chat-preview{box-shadow:0 14px 36px #25334912}.theme-picker-wrap{position:relative}.theme-trigger{border:1px solid var(--line);cursor:pointer}.theme-trigger.active{border-color:#93aee0;box-shadow:0 0 0 3px #4169b41a}.theme-trigger-dot{background:conic-gradient(#f8b6c5,#b8a9ff,#92dec3,#8dc9ff,#f8c77d,#f8b6c5);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #d9dee7}.employee-theme-panel{z-index:80;background:#fffffffa;border:1px solid #e2e7ef;border-radius:18px;width:min(440px,100vw - 28px);padding:15px;position:absolute;top:48px;right:0;box-shadow:0 24px 70px #19253833}.theme-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.theme-panel-head strong,.theme-panel-head span{display:block}.theme-panel-head strong{color:#1d2a3d;font-size:14px}.theme-panel-head span{color:#7b8797;margin-top:3px;font-size:10px}.theme-panel-head button{color:#607087;cursor:pointer;background:#f3f5f8;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:7px;transition:all .16s}.theme-card:hover{border-color:#b7c5da;transform:translateY(-1px)}.theme-card.selected{border-color:#537cc2;box-shadow:0 0 0 2px #537cc21f}.theme-preview{border:1px solid #20304812;border-radius:9px;height:45px;display:block}.theme-card b{color:#334257;margin:7px 2px 1px;font-size:9px;display:block}.custom-theme-row{color:#526176;border:1px solid #e3e8ef;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 10px;font-size:10px;font-weight:800;display:flex}.custom-theme-row.selected{border-color:#537cc2}.custom-theme-row input[type=color]{cursor:pointer;background:0 0;border:0;width:34px;height:28px;padding:0}.custom-theme-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.custom-theme-row input[type=color]::-webkit-color-swatch{border:1px solid #d5dce6;border-radius:8px}@media (width<=700px){.employee-theme-panel{width:auto;max-height:calc(100vh - 98px);position:fixed;top:76px;left:14px;right:14px;overflow:auto}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview{height:52px}.theme-trigger span.theme-trigger-dot{width:22px;height:22px}}