@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{--navy:#0c1328;--navy-2:#111a34;--navy-3:#17213f;--mint:#55d6be;--mint-2:#2cb99f;--blue:#5b8def;--purple:#8b7cf6;--ink:#182238;--muted:#788399;--line:#e6eaf0;--bg:#f4f6f9;--white:#fff;--danger:#e36565;--shadow:0 18px 50px rgba(21,32,60,.09);font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.brand-panel{position:relative;overflow:hidden;padding:44px 56px;background:radial-gradient(circle at 12% 90%,rgba(85,214,190,.18),transparent 33%),radial-gradient(circle at 90% 8%,rgba(91,141,239,.15),transparent 28%),var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between}.brand-panel:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-310px;top:18%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.brand-top{display:flex;align-items:center;gap:12px;font:700 18px Manrope,sans-serif;letter-spacing:.2px;position:relative;z-index:1}.brand-mark{width:38px;height:34px;border-radius:10px;background:var(--mint);color:var(--navy);display:grid;place-items:center;font:800 13px Manrope,sans-serif;letter-spacing:-.4px;box-shadow:0 8px 24px rgba(85,214,190,.2)}.brand-copy{position:relative;z-index:1;max-width:560px}.eyebrow,.card-kicker,.date-label{font:700 11px Manrope,sans-serif;letter-spacing:1.8px;color:var(--mint-2)}.eyebrow{color:var(--mint);display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--mint)}.brand-copy h1{font:800 clamp(40px,4.3vw,67px)/1.18 "Noto Sans SC",sans-serif;letter-spacing:-2.5px;margin:24px 0}.brand-copy p{font-size:17px;line-height:1.9;color:#aeb7ca;max-width:475px}.trust-strip{position:relative;z-index:1;display:flex;gap:44px}.trust-strip div{display:flex;flex-direction:column;gap:5px}.trust-strip b{font:700 15px Manrope,sans-serif;color:#eef2fa}.trust-strip small{font-size:12px;color:#7f8ba4}.auth-panel{display:grid;place-items:center;padding:48px;background:white}.mobile-brand{display:none}.auth-card{display:none;width:min(480px,100%);animation:fadeUp .42s ease}.auth-card.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card-heading{margin-bottom:32px}.card-heading.compact{margin-bottom:24px}.card-heading.centered{text-align:center}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#eafaf6;color:#168b77;font:700 11px Manrope,sans-serif;letter-spacing:1px}.card-heading h2{font-size:32px;letter-spacing:-1px;margin:14px 0 7px}.card-heading p{color:var(--muted);margin:0;line-height:1.65}.auth-card form>label:not(.check){font-weight:600;font-size:14px;display:block;margin-bottom:20px}.input-wrap{height:54px;border:1px solid #dce1e8;border-radius:13px;display:flex;align-items:center;padding:0 16px;margin-top:8px;transition:.2s}.input-wrap:focus-within{border-color:var(--mint-2);box-shadow:0 0 0 4px rgba(44,185,159,.1)}.input-wrap svg{width:20px;fill:none;stroke:#8490a6;stroke-width:1.8}.input-wrap input{border:0;outline:0;font:500 15px inherit;flex:1;padding:0 12px;background:transparent}.icon-btn,.text-btn,.back-btn,.skip-btn{border:0;background:none;color:#6f7c94;cursor:pointer}.icon-btn{font-size:12px}.text-btn{color:#258f7d;font-weight:600}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:-2px 0 22px}.check{display:flex;align-items:center;gap:7px;color:#68758c}.check input{accent-color:var(--mint-2)}.primary-btn{height:56px;width:100%;border:0;border-radius:13px;padding:0 18px;background:var(--navy-2);color:white;display:flex;align-items:center;justify-content:space-between;font:600 15px inherit;cursor:pointer;box-shadow:0 14px 28px rgba(17,26,52,.2);transition:.2s}.primary-btn:hover{transform:translateY(-2px);background:#182446}.arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.demo-note{margin-top:20px;padding:12px 14px;background:#f4f7f9;border-radius:10px;color:#7b8799;font-size:12px;text-align:center}.demo-note span{font:800 10px Manrope,sans-serif;background:#dfe5eb;padding:3px 6px;border-radius:4px;margin-right:6px}.back-btn{padding:0;margin-bottom:24px;font-weight:600}.setup-grid{display:grid;grid-template-columns:146px 1fr;gap:24px;align-items:center;margin-bottom:24px}.qr-code{width:146px;height:146px;border:8px solid white;outline:1px solid #e1e5eb;border-radius:8px;image-rendering:pixelated;background:white;display:grid;grid-template-columns:repeat(17,1fr);grid-template-rows:repeat(17,1fr);overflow:hidden}.qr-code i{background:var(--navy)}.setup-copy ol{padding-left:20px;margin:0;color:#5e6b80;font-size:13px;line-height:1.9}.secret{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.secret span{font-size:11px;color:#909bad}.secret button{padding:0;border:0;background:none;text-align:left;color:var(--navy);font:700 12px Manrope;letter-spacing:1px;cursor:pointer}.otp-label{font-size:13px!important;margin-bottom:8px!important}.otp-row{display:flex;gap:9px;margin:8px 0 22px}.otp-row input{width:52px;height:56px;border:1px solid #dce1e8;border-radius:11px;text-align:center;outline:none;font:700 22px Manrope;background:#fff}.otp-row input:focus{border-color:var(--mint-2);box-shadow:0 0 0 3px rgba(44,185,159,.1)}.skip-btn{display:block;margin:16px auto 0;font-size:12px}.verify-icon{width:72px;height:72px;margin:0 auto 16px;background:#eafaf6;border-radius:22px;display:grid;place-items:center}.verify-icon svg{width:38px;fill:none;stroke:#23a18b;stroke-width:1.8}.timer-line{text-align:center;font-size:12px;color:#8c97a9;margin:-8px 0 20px}.timer-line b{color:#31405b;margin:0 5px}
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:var(--navy);color:white;padding:28px 20px 24px;display:flex;flex-direction:column;z-index:30}.sidebar .brand-top{padding:0 10px;margin-bottom:43px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:none;color:#8f9bb2;min-height:47px;border-radius:11px;padding:0 13px;display:flex;align-items:center;gap:12px;font:500 14px inherit;text-align:left;cursor:pointer;transition:.2s}.nav-item:hover{color:white;background:rgba(255,255,255,.04)}.nav-item.active{background:rgba(85,214,190,.11);color:var(--mint)}.nav-icon{font:600 20px Manrope;width:22px;text-align:center}.nav-item em{margin-left:auto;font:700 8px Manrope;background:#263252;color:#acb7cc;border-radius:4px;padding:4px}.nav-separator{height:1px;background:rgba(255,255,255,.08);margin:14px 9px}.sidebar-foot{margin-top:auto}.mini-status{margin:0 7px 16px;padding:13px 10px;background:#121e3b;border-radius:10px;display:flex;align-items:center;gap:10px}.mini-status>span{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(85,214,190,.1)}.mini-status div{display:flex;flex-direction:column}.mini-status b{font-size:11px}.mini-status small{color:#7d8aa2;font-size:9px;margin-top:2px}.logout-btn{width:100%;border:0;background:none;color:#7e8aa2;padding:12px 14px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.app-content{margin-left:242px;min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:18}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px}.breadcrumb span{color:#8b95a7}.breadcrumb b{color:#c7ccd4}.breadcrumb strong{font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.status-chip{border:0;background:#ecfaf6;color:#218a77;border-radius:99px;padding:8px 12px;font:600 11px inherit}.status-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35bd9f;margin-right:5px}.notify-btn{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:white;color:#6e7a91}.notify-btn span{position:absolute;right:-3px;top:-4px;background:#e56868;color:white;width:15px;height:15px;border-radius:50%;font:700 9px Manrope;display:grid;place-items:center}.user-block{padding-left:17px;border-left:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:10px;background:var(--navy-2);color:var(--mint);display:grid;place-items:center;font:700 12px Manrope}.user-block>div:last-child{display:flex;flex-direction:column}.user-block b{font-size:12px}.user-block small{font-size:10px;color:#909bad;margin-top:2px}.menu-btn{display:none}.page-area{max-width:1500px;margin:0 auto;padding:38px}.page{display:none;animation:fadeUp .32s ease}.page.active{display:block}.welcome-row,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.welcome-row h1,.page-heading h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 5px}.welcome-row p,.page-heading p{color:var(--muted);margin:0;font-size:14px}.location-tag{font-size:12px;color:#748098;border:1px solid var(--line);background:white;padding:10px 13px;border-radius:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}.network-card,.attendance-card,.activity-card,.summary-card,.table-card,.settings-card{background:white;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 8px 32px rgba(21,32,60,.035)}.network-card{min-height:425px;padding:28px 30px;position:relative;overflow:hidden}.network-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(85,214,190,.12),transparent 70%);left:50%;top:47%;transform:translate(-50%,-50%);transition:.5s}.network-card.connected{background:linear-gradient(145deg,#101a35,#0d152b);border-color:#263250;color:white}.network-card.connecting:before,.network-card.connected:before{background:radial-gradient(circle,rgba(85,214,190,.2),transparent 70%)}.network-head,.attendance-head,.section-title{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.network-head h2,.attendance-head h2,.section-title h2{font-size:18px;margin:5px 0}.network-badge,.attendance-state{padding:7px 10px;border-radius:99px;background:#f0f2f5;color:#7c8799;font-size:10px;font-weight:700}.network-card.connected .network-badge{background:rgba(85,214,190,.12);color:var(--mint)}.network-center{text-align:center;position:relative;z-index:2;margin-top:22px}.network-orb{position:relative;width:112px;height:112px;border-radius:50%;border:1px solid #dfe5e9;background:white;color:#8691a3;display:grid;place-items:center;margin:0 auto 18px;cursor:pointer;box-shadow:0 15px 35px rgba(22,35,66,.1);transition:.35s}.network-orb:hover{transform:scale(1.04)}.network-orb svg{width:40px;fill:none;stroke:currentColor;stroke-width:1.5}.connected .network-orb{background:var(--mint);border-color:var(--mint);color:var(--navy);box-shadow:0 0 0 12px rgba(85,214,190,.08),0 0 45px rgba(85,214,190,.2)}.connecting .network-orb{color:var(--mint-2);animation:breathe 1.5s infinite}@keyframes breathe{50%{box-shadow:0 0 0 16px rgba(85,214,190,.08)}}.orb-ripple{position:absolute;inset:-12px;border:1px solid transparent;border-radius:50%}.connected .orb-ripple{border-color:rgba(85,214,190,.18)}.network-center h3{font-size:15px;margin:0 0 5px}.network-center p{font-size:11px;color:#8995a8;margin:0}.network-card.connected .network-center p{color:#8491a9}.connect-progress{position:relative;z-index:1;margin:18px auto 0;max-width:390px}.connect-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#718096}.progress-track{height:4px;background:#e7ebee;border-radius:99px;margin-top:7px;overflow:hidden}.progress-track i{display:block;height:100%;width:18%;background:var(--mint);transition:.5s}.network-details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.network-details div{border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:3px}.network-details div:last-child{border:0}.network-details small{font-size:9px;color:#72809b}.network-details b{font:600 11px Manrope;color:#eaf0f8}.rekey-note{position:absolute;z-index:1;bottom:20px;left:30px;right:30px;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:#8d98aa;display:flex;align-items:center;justify-content:center;gap:8px}.connected .rekey-note{border-color:rgba(255,255,255,.08);color:#76849d}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--mint-2)}.connected .pulse-dot{box-shadow:0 0 0 5px rgba(85,214,190,.08);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.attendance-card{padding:28px 30px}.clock-display{text-align:center;margin:39px 0 27px;display:flex;flex-direction:column}.clock-display strong{font:700 45px/1 Manrope,sans-serif;letter-spacing:-1px;color:var(--navy-2)}.clock-display span{font-size:11px;color:#8a95a7;margin-top:9px}.attendance-timeline{display:flex;align-items:center;margin:0 8px 30px}.time-point{display:flex;align-items:center;gap:9px;flex:0 0 auto}.time-point i{width:28px;height:28px;border-radius:50%;background:#f1f3f6;color:#8e98aa;display:grid;place-items:center;font:700 10px Manrope;font-style:normal}.time-point.done i{background:#e7f8f4;color:#15927c}.time-point span{display:flex;flex-direction:column}.time-point small{font-size:9px;color:#969faf}.time-point b{font-size:11px;margin-top:2px}.time-line{height:1px;flex:1;background:#e7ebf0;margin:0 13px}.clock-btn{height:56px;width:100%;border:0;border-radius:13px;background:#e9edf2;color:#98a2b2;font:600 14px inherit;display:flex;gap:9px;align-items:center;justify-content:center}.clock-btn:not(:disabled){background:var(--navy-2);color:white;cursor:pointer;box-shadow:0 12px 24px rgba(17,26,52,.17)}.clock-btn.clock-out{background:#eff3f5;color:#24304a;box-shadow:none;border:1px solid #dce2e8}.fingerprint{font-size:19px}.clock-hint{text-align:center;color:#a1a9b6;font-size:9px;margin:11px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.summary-card{padding:19px 21px;display:flex;align-items:center;gap:14px}.summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:17px}.summary-icon.mint{background:#e9faf6;color:#19957e}.summary-icon.blue{background:#edf3fe;color:#4d7cd2}.summary-icon.purple{background:#f0edff;color:#7969e7}.summary-card>div{display:flex;flex-direction:column}.summary-card small{font-size:10px;color:#8b95a8}.summary-card b{font-size:14px;margin:3px 0}.summary-card b em{font-size:10px;color:#949dad;font-style:normal;font-weight:500}.summary-card span:last-child{font-size:9px;color:#919bab}.activity-card{padding:23px 27px;margin-top:18px}.activity-list{margin-top:12px}.activity-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:13px 0;border-top:1px solid #edf0f3}.activity-dot{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:11px}.activity-dot.mint{background:#eafaf6;color:#1b957f}.activity-dot.blue{background:#edf3fe;color:#4d7cd2}.activity-dot.purple{background:#f1eeff;color:#7969e7}.activity-item>div{display:flex;flex-direction:column}.activity-item b{font-size:11px}.activity-item small,.activity-item time{font-size:9px;color:#909aab;margin-top:3px}.page-heading{align-items:center}.outline-btn{padding:10px 14px;border:1px solid #dce2e8;border-radius:9px;background:white;color:#43506a;font:600 11px inherit;cursor:pointer}.outline-btn.small{padding:8px 11px;font-size:10px}.stats-row,.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats-row>div,.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr auto;align-items:end}.stats-row small,.metric small{grid-column:1/-1;color:#8691a4;font-size:10px;margin-bottom:10px}.stats-row b,.metric b{font:700 23px Manrope}.stats-row span,.metric span{font-size:9px;color:#919bac}.up,.safe{color:#15927c!important}.danger{color:#d45c5c!important}.table-card{overflow:hidden}.table-tools{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.table-tools h2{font-size:16px;margin:0}.table-tools p{font-size:9px;color:#8a95a7;margin:4px 0 0}.filter{border:0;background:none;color:#8490a3;font:500 10px inherit;padding:7px 10px;border-radius:7px;cursor:pointer}.filter.active{background:var(--navy-2);color:white}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;background:#fafbfc;color:#8d97a8;font-size:9px;letter-spacing:.4px;padding:12px 22px}td{font-size:11px;padding:16px 22px;border-top:1px solid #edf0f3;color:#4d596f}.table-status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:600}.table-status.online,.table-status.ok{color:#168c77;background:#eaf9f5}.table-status.offline{color:#7f899b;background:#f0f2f5}.table-status.warn{color:#c57b2d;background:#fff6e9}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.settings-card{padding:22px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.setting-icon{width:48px;height:48px;border-radius:14px;background:#eaf9f5;color:#1a947e;display:grid;place-items:center;font-size:20px}.setting-copy h3{font-size:14px;margin:0 0 5px}.setting-copy p{font-size:10px;color:#8792a4;margin:0}.enabled-tag{font-size:9px;color:#188e79;background:#e9f9f5;border-radius:99px;padding:5px 8px}.settings-card .outline-btn{grid-column:2/4;justify-self:start}.login-events{padding:0 24px}.login-events>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.event-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal}.event-icon.good{background:#eaf9f5;color:#198e79}.event-icon.warn{background:#fff3e7;color:#cc7625}.login-events p{display:flex;flex-direction:column;margin:0}.login-events b{font-size:11px}.login-events small,.login-events time{font-size:9px;color:#8a95a8;margin-top:3px}.demo-banner{font-size:10px;color:#745fe4;background:#f0edff;padding:8px 11px;border-radius:8px}.metric.dark{background:var(--navy-2);color:white;border-color:var(--navy-2)}.metric.dark small,.metric.dark span{color:#93a0b9}.search-input{width:210px;padding:9px 12px;border:1px solid #dfe4ea;border-radius:8px;outline:none;font:500 10px inherit}.employee{display:flex;align-items:center;gap:9px}.employee>span{width:30px;height:30px;border-radius:8px;background:#edf3f7;color:#42516c;display:grid;place-items:center;font:700 9px Manrope}.employee>div{display:flex;flex-direction:column}.employee small{font-size:8px;color:#929cad;margin-top:2px}.dots{border:0;background:none;color:#7c8799;cursor:pointer}.toast{position:fixed;right:28px;bottom:28px;z-index:60;background:var(--navy-2);color:white;border:1px solid #2b3652;border-radius:13px;box-shadow:0 18px 40px rgba(12,19,40,.25);padding:14px 18px;display:flex;align-items:center;gap:11px;min-width:260px;transform:translateY(120px);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.toast>span{width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--navy);display:grid;place-items:center;font-weight:800}.toast div{display:flex;flex-direction:column}.toast b{font-size:12px}.toast small{color:#97a3ba;font-size:9px;margin-top:2px}.mobile-overlay{display:none}
@media(max-width:1050px){.auth-shell{grid-template-columns:40% 1fr}.brand-panel{padding:35px}.brand-copy h1{font-size:43px}.dashboard-grid{grid-template-columns:1fr}.attendance-card{min-height:380px}.summary-grid{grid-template-columns:1fr}.stats-row,.admin-metrics{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}}
@media(max-width:760px){.auth-shell{display:block;background:#fff;padding:26px 20px}.brand-panel{display:none}.auth-panel{padding:0;display:block}.mobile-brand{display:flex;align-items:center;gap:10px;font:700 16px Manrope;margin-bottom:45px}.auth-card{margin:auto}.card-heading h2{font-size:28px}.setup-grid{grid-template-columns:1fr}.qr-code{margin:auto}.setup-copy{max-width:300px;margin:auto}.otp-row{gap:5px;justify-content:center}.otp-row input{width:44px;height:52px}.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none}.mobile-overlay{position:fixed;inset:0;background:rgba(5,10,23,.45);z-index:25}.mobile-overlay.show{display:block}.app-content{margin-left:0}.topbar{height:68px;padding:0 16px}.menu-btn{display:block;border:0;background:none;font-size:20px;color:#35415a}.breadcrumb,.status-chip,.notify-btn,.user-block>div:last-child{display:none}.user-block{padding:0;border:0}.page-area{padding:24px 16px}.welcome-row,.page-heading{align-items:flex-start}.location-tag,.page-heading>.outline-btn{display:none}.welcome-row h1,.page-heading h1{font-size:25px}.dashboard-grid{display:block}.network-card{min-height:448px;padding:23px 20px;margin-bottom:14px}.network-details{grid-template-columns:1fr 1fr;gap:13px}.network-details div:nth-child(2){border:0}.rekey-note{left:20px;right:20px}.attendance-card{padding:23px 20px}.clock-display{margin-top:32px}.clock-display strong{font-size:39px}.summary-grid{grid-template-columns:1fr;margin-top:14px}.activity-card{padding:20px;margin-top:14px}.activity-item{grid-template-columns:30px 1fr}.activity-item time{display:none}.stats-row,.admin-metrics{grid-template-columns:1fr 1fr}.stats-row>div,.metric{padding:16px}.table-tools{padding:17px}.table-tools .search-input{display:none}.security-grid{grid-template-columns:1fr}.settings-card{grid-template-columns:48px 1fr}.enabled-tag{display:none}.settings-card .outline-btn{grid-column:2}.demo-banner{display:none}.toast{left:16px;right:16px;bottom:16px}.trust-strip{gap:20px}}
@media(max-width:390px){.otp-row input{width:40px}.stats-row,.admin-metrics{grid-template-columns:1fr}.network-details{font-size:9px}.attendance-timeline{margin-left:0;margin-right:0}}

/* Shift-based network access */
.welcome-tags{display:flex;gap:8px;align-items:center}.shift-tag{font-size:12px;color:#748098;border:1px solid var(--line);background:white;padding:10px 13px;border-radius:9px;display:flex;gap:8px;align-items:center}.shift-tag span{font-size:9px;font-weight:700;color:#168c77;background:#e9f9f5;padding:3px 6px;border-radius:5px}.shift-tag b{font:600 10px Manrope}.network-card{min-height:455px}.network-card.blocked .network-orb{cursor:not-allowed;background:#f2f4f6;color:#aab2bf;box-shadow:none}.network-card.blocked:before{background:radial-gradient(circle,rgba(227,101,101,.06),transparent 70%)}.shift-window-bar{position:relative;z-index:3;margin-top:14px;padding:10px 12px;border-radius:10px;background:#f6f8fa;display:flex;justify-content:space-between;align-items:center}.shift-window-bar>div{display:flex;align-items:center;gap:9px}.shift-window-icon{width:28px;height:28px;border-radius:8px;background:#e8f7f3;color:#19947f;display:grid;place-items:center}.shift-window-bar p{display:flex;flex-direction:column;margin:0}.shift-window-bar small{font-size:8px;color:#929bad}.shift-window-bar b{font-size:10px;margin-top:2px}.shift-window-bar strong{font-size:9px;color:#178d78;background:#e3f6f1;padding:5px 7px;border-radius:6px}.blocked .shift-window-bar{background:#fff3f1}.blocked .shift-window-icon{background:#ffe6e3;color:#d9655d}.blocked .shift-window-bar strong{background:#ffe3df;color:#c9554e}.connected .shift-window-bar{background:rgba(255,255,255,.05)}.connected .shift-window-icon{background:rgba(85,214,190,.12)}.connected .shift-window-bar strong{background:rgba(85,214,190,.12);color:var(--mint)}.network-center{margin-top:14px}.network-orb{width:104px;height:104px}.network-orb svg{width:38px}.connect-progress{margin-top:14px}.network-details{margin-top:12px}
.shift-settings-card{padding:24px;margin-bottom:18px;background:white;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 8px 32px rgba(21,32,60,.035)}.shift-settings-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.shift-settings-head h2{font-size:18px;margin:5px 0}.shift-settings-head p{font-size:10px;color:#8994a6;margin:0}.server-rule{font-size:9px;color:#168c77;background:#e9f9f5;border-radius:7px;padding:7px 9px}.shift-rule-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.shift-rule-row{display:grid;grid-template-columns:9px 1fr 125px 22px 125px 55px 78px;align-items:center;gap:12px;padding:15px 17px}.shift-rule-row+.shift-rule-row{border-top:1px solid var(--line)}.shift-color{width:8px;height:32px;border-radius:8px}.shift-color.morning{background:var(--mint)}.shift-color.night{background:var(--purple)}.shift-name{display:flex;flex-direction:column}.shift-name b{font-size:12px}.shift-name small{font-size:8px;color:#929cad;margin-top:3px}.shift-rule-row>label:not(.toggle-label){display:flex;flex-direction:column;color:#929bad;font-size:8px;gap:4px}.shift-rule-row input[type=time]{border:1px solid #dce2e8;border-radius:8px;padding:7px 8px;color:#26324b;font:600 11px Manrope;background:white}.time-separator{font-size:9px;color:#8b95a7;text-align:center}.cross-day{font-size:9px;color:#657187;background:#f1f3f6;border-radius:6px;padding:5px 7px;text-align:center}.toggle-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#657187;cursor:pointer}.toggle-label input{display:none}.toggle-label i{width:30px;height:18px;border-radius:99px;background:#ccd3dc;position:relative}.toggle-label i:after{content:"";position:absolute;width:12px;height:12px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-label input:checked+i{background:var(--mint-2)}.toggle-label input:checked+i:after{transform:translateX(12px)}.shift-settings-foot{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.rule-notice{display:flex;align-items:center;gap:9px}.rule-notice>span{width:25px;height:25px;border-radius:50%;background:#edf2f7;color:#61708a;display:grid;place-items:center;font:bold 11px serif}.rule-notice p{display:flex;flex-direction:column;margin:0}.rule-notice b{font-size:9px}.rule-notice small{font-size:8px;color:#8f99aa;margin-top:2px}.compact-btn{width:180px;height:42px;font-size:11px;border-radius:10px}.compact-btn .arrow{width:23px;height:23px}.shift-chip{font-size:9px;font-weight:600;padding:5px 8px;border-radius:99px}.shift-chip.morning{background:#e9f9f5;color:#168c77}.shift-chip.night{background:#f0edff;color:#705fe0}
@media(max-width:1050px){.shift-rule-row{grid-template-columns:9px 1fr 115px 18px 115px 48px 70px;gap:8px}}
@media(max-width:760px){.welcome-tags{align-self:flex-start}.location-tag{display:none}.network-card{min-height:478px}.shift-settings-card{padding:18px}.shift-settings-head{display:block}.server-rule{display:inline-block;margin-top:12px}.shift-rule-row{grid-template-columns:8px 1fr 1fr;gap:10px}.shift-rule-row>label:not(.toggle-label){grid-column:auto}.time-separator{display:none}.cross-day{grid-column:2}.toggle-label{grid-column:3;justify-self:end}.shift-settings-foot{display:block}.compact-btn{margin-top:15px;width:100%}.rule-notice{align-items:flex-start}}

/* Unified HR, roster and internal management */
.month-switch{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:6px;border-radius:10px}.month-switch button{width:30px;height:30px;border:0;border-radius:7px;background:#f1f4f7;color:#637089;cursor:pointer}.month-switch b{font-size:11px}.department-tabs{display:flex;gap:7px;margin-bottom:16px;overflow:auto;padding-bottom:2px}.department-tabs button{white-space:nowrap;border:1px solid #dfe4ea;background:white;color:#68758b;border-radius:9px;padding:9px 13px;font:600 10px inherit;cursor:pointer}.department-tabs button.active{background:var(--navy-2);border-color:var(--navy-2);color:white}.schedule-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.leave-panel,.calendar-card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 32px rgba(21,32,60,.035)}.leave-panel{padding:21px}.leave-panel h2{font-size:16px;margin:5px 0 16px}.leave-types{display:grid;grid-template-columns:1fr 1fr;gap:7px}.leave-types button{height:48px;border:1px solid #e1e6eb;border-radius:9px;background:#fafbfc;color:#56637a;display:flex;align-items:center;gap:7px;padding:0 9px;font:700 13px inherit;cursor:pointer}.leave-types button span{font-size:8px;color:#9099a8;font-weight:500}.leave-types button.active{border-color:var(--mint-2);background:#eaf9f5;color:#188e79}.leave-balance{margin-top:17px;padding:13px;background:#f6f8fa;border-radius:10px;display:flex;flex-direction:column}.leave-balance small{font-size:8px;color:#929bad}.leave-balance b{font:600 9px Manrope;margin:4px 0}.leave-balance span{font-size:9px;color:#188e79}.calendar-card{padding:22px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.calendar-head h2{font-size:16px;margin:0 0 4px}.calendar-head p{font-size:9px;color:#8d97a8;margin:0}.calendar-legend{display:flex;gap:11px}.calendar-legend span{font-size:8px;color:#7f8a9c;display:flex;align-items:center;gap:4px}.calendar-legend i{width:7px;height:7px;border-radius:2px;background:#edf0f3}.calendar-legend i.leave{background:#e9f9f5}.calendar-legend i.today{background:#8b7cf6}.week-row,.schedule-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-row{margin-bottom:7px}.week-row span{text-align:center;color:#8f99aa;font-size:8px}.calendar-day{min-height:68px;border:1px solid #e5e9ee;border-radius:9px;background:white;padding:8px;position:relative;cursor:pointer;text-align:left;color:#536077}.calendar-day:hover{border-color:#9edecd}.calendar-day.empty{visibility:hidden}.calendar-day.weekend{background:#fafbfc}.calendar-day.today{border:2px solid var(--purple)}.calendar-day>span{font:600 10px Manrope}.calendar-day small{position:absolute;right:7px;top:7px;font-size:7px;color:#9aa3b1}.calendar-day em{position:absolute;left:7px;right:7px;bottom:7px;background:#eaf9f5;color:#188e79;border-radius:5px;padding:4px;text-align:center;font:700 9px inherit;font-style:normal}.calendar-day.leave-day{background:#f7fcfa}.calendar-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.calendar-foot p{font-size:9px;color:#7d889b}.calendar-foot p span{background:#e9f9f5;color:#168c77;padding:4px 7px;border-radius:5px;margin-right:6px}.management-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.management-hub button{border:1px solid var(--line);background:white;border-radius:13px;padding:16px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.management-hub button>span{width:35px;height:35px;border-radius:10px;background:#edf7f5;color:#188e79;display:grid;place-items:center;font-size:16px}.management-hub button>div{display:flex;flex-direction:column}.management-hub b{font-size:10px}.management-hub small{font-size:8px;color:#929bad;margin-top:3px}.management-hub em{font-style:normal;color:#9aa3b2}.add-member-btn{width:150px;height:43px;font-size:11px}.member-toolbar{display:flex;justify-content:space-between;align-items:start}.member-tabs{max-width:75%}.member-sort{display:flex;align-items:center;gap:7px}.member-sort span{font-size:9px;color:#8c96a7}.member-sort select{border:1px solid #dfe4ea;border-radius:8px;padding:8px 10px;background:white;color:#58657b;font:600 9px inherit}.member-table{min-width:900px}.modal-backdrop{position:fixed;inset:0;background:rgba(7,13,29,.58);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.member-modal{width:min(570px,100%);background:white;border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(4,10,24,.25);animation:fadeUp .25s ease}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{font-size:22px;margin:5px 0}.modal-head button{width:32px;height:32px;border:0;border-radius:9px;background:#f0f2f5;color:#6d788d;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:#68758a}.form-grid input,.form-grid select{height:42px;border:1px solid #dce2e8;border-radius:9px;padding:0 11px;background:white;font:500 11px inherit;color:#2d3850;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--mint-2)}.modal-notice{display:flex;gap:10px;align-items:center;background:#f2f8f7;padding:12px;border-radius:10px;margin:18px 0}.modal-notice>span{width:29px;height:29px;border-radius:8px;background:#e2f5f0;color:#178c77;display:grid;place-items:center}.modal-notice p{display:flex;flex-direction:column;margin:0}.modal-notice b{font-size:9px}.modal-notice small{font-size:8px;color:#8792a4;margin-top:3px}
@media(max-width:1100px){.management-hub{grid-template-columns:1fr 1fr}.schedule-layout{grid-template-columns:1fr}.leave-panel{display:grid;grid-template-columns:130px 1fr 180px;gap:16px;align-items:center}.leave-panel h2{margin:5px 0}.leave-types{grid-template-columns:repeat(4,1fr)}.leave-balance{margin:0}}
@media(max-width:760px){.month-switch{display:none}.schedule-layout{display:block}.leave-panel{display:block;margin-bottom:14px}.leave-types{grid-template-columns:repeat(3,1fr)}.leave-balance{margin-top:14px}.calendar-card{padding:15px}.calendar-head{display:block}.calendar-legend{margin-top:10px}.week-row,.schedule-calendar{gap:4px}.calendar-day{min-height:55px;padding:6px}.calendar-day em{font-size:8px;left:4px;right:4px;bottom:4px;padding:3px}.calendar-foot{display:block}.calendar-foot .compact-btn{margin-top:10px}.management-hub{grid-template-columns:1fr}.member-toolbar{display:block}.member-tabs{max-width:100%}.member-sort{display:none}.form-grid{grid-template-columns:1fr}.member-modal{max-height:90vh;overflow:auto}.add-member-btn{width:44px}.add-member-btn span:first-child{font-size:0}.add-member-btn span:first-child:after{content:'＋';font-size:18px}.add-member-btn .arrow{display:none}}

/* Fully custom network rules */
.access-rule-row{grid-template-columns:9px minmax(125px,1fr) 125px 22px 125px 55px 78px 32px}.rule-name{width:100%;border:0;border-bottom:1px solid transparent;background:transparent;padding:3px 0;color:#26324b;font:700 12px inherit;outline:none}.rule-name:focus{border-bottom-color:var(--mint-2)}.rule-delete{width:28px;height:28px;border:0;border-radius:8px;background:#f3f5f7;color:#8b95a7;font-size:17px;cursor:pointer}.rule-delete:hover{background:#ffe8e5;color:#d35e55}
@media(max-width:1050px){.access-rule-row{grid-template-columns:9px minmax(110px,1fr) 110px 18px 110px 48px 65px 28px}}
@media(max-width:760px){.access-rule-row{grid-template-columns:8px 1fr 1fr}.access-rule-row .rule-delete{grid-column:3;grid-row:1;justify-self:end}.access-rule-row .shift-name{grid-column:2/4;padding-right:36px}.access-rule-row .cross-day{grid-column:2}.access-rule-row .toggle-label{grid-column:3;justify-self:end}}

/* Handover, company chat and feedback */
.sidebar nav{overflow-y:auto;scrollbar-width:none;padding-right:2px}.sidebar nav::-webkit-scrollbar{display:none}.page-action-btn{width:170px;height:44px;font-size:11px}.handover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.handover-stats>div{background:white;border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px}.handover-stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:14px}.handover-stat-icon.pending{background:#fff4e8;color:#c97728}.handover-stat-icon.active{background:#edf3fe;color:#4d7cd2}.handover-stat-icon.review{background:#f0edff;color:#7464e2}.handover-stat-icon.done{background:#e9f9f5;color:#168c77}.handover-stats p{display:flex;flex-direction:column;margin:0}.handover-stats small{font-size:9px;color:#8c96a7}.handover-stats b{font:700 19px Manrope;margin-top:2px}.handover-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:0;background:transparent;color:#7d889b;border-radius:8px;padding:8px 11px;font:600 10px inherit;cursor:pointer}.filter-tabs button.active{background:var(--navy-2);color:white}.visibility-note{font-size:9px;color:#8993a5}.visibility-note span{color:var(--mint-2);font-size:8px;margin-right:5px}.handover-list{display:grid;gap:11px}.handover-item{background:white;border:1px solid var(--line);border-radius:15px;padding:19px 21px;display:grid;grid-template-columns:7px 1fr auto;gap:15px;align-items:start;box-shadow:0 6px 22px rgba(20,32,60,.03)}.priority-line{width:7px;height:100%;min-height:90px;border-radius:8px;background:#dfe4ea}.priority-line.high{background:#ea7a70}.priority-line.medium{background:#f0b65f}.handover-main{min-width:0}.handover-top{display:flex;align-items:center;gap:8px}.handover-top h3{font-size:13px;margin:0}.handover-priority{font-size:8px;padding:4px 6px;border-radius:5px;background:#fff2e9;color:#c57027}.handover-main>p{font-size:10px;color:#768299;line-height:1.6;margin:8px 0 12px}.handover-meta{display:flex;flex-wrap:wrap;gap:12px}.handover-meta span{font-size:8px;color:#8994a7}.handover-meta b{color:#55627a}.visible-depts{display:flex;align-items:center;gap:5px;margin-top:11px}.visible-depts>small{font-size:8px;color:#909aab;margin-right:2px}.dept-chip{font-size:8px;padding:4px 6px;border-radius:5px;background:#eff2f6;color:#617089}.handover-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.handover-status{font-size:9px;font-weight:600;padding:6px 8px;border-radius:7px}.handover-status.pending{background:#fff4e7;color:#bf7428}.handover-status.active{background:#edf3fe;color:#4d77c4}.handover-status.done{background:#e9f9f5;color:#168c77}.handover-side button{border:1px solid #dfe4ea;background:white;border-radius:8px;padding:7px 9px;font:600 9px inherit;color:#546178;cursor:pointer}.wide-label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:#68758a;margin:14px 0}.wide-label textarea,.feedback-form-card textarea{border:1px solid #dce2e8;border-radius:9px;padding:11px;font:500 11px/1.6 inherit;resize:vertical;outline:none}.visibility-field{border:1px solid var(--line);border-radius:11px;padding:13px;margin:0 0 18px}.visibility-field legend{font-size:10px;font-weight:700;color:#58647a;padding:0 5px}.visibility-field>p{font-size:8px;color:#9099aa;margin:0 0 10px}.visibility-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visibility-options label{font-size:9px;color:#66738a;display:flex;align-items:center;gap:6px}.visibility-options input{accent-color:var(--mint-2)}
.online-pill,.privacy-pill{font-size:9px;border-radius:99px;padding:8px 10px}.online-pill{color:#168c77;background:#e9f9f5}.online-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#37bd9f;margin-right:4px}.privacy-pill{color:#6b5dd3;background:#f0edff}.chat-shell{height:620px;background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;display:grid;grid-template-columns:245px 1fr;box-shadow:0 8px 32px rgba(21,32,60,.04)}.chat-sidebar{background:#f8fafb;border-right:1px solid var(--line);padding:16px 11px;overflow-y:auto}.chat-search{height:38px;border:1px solid #dfe4e9;border-radius:9px;background:white;display:flex;align-items:center;padding:0 10px;color:#8d97a7;margin-bottom:16px}.chat-search input{width:100%;border:0;outline:0;background:transparent;font:500 10px inherit;padding-left:7px}.chat-section-label{display:block;font-size:8px;font-weight:700;letter-spacing:.7px;color:#9ba4b2;padding:6px 9px}.chat-channel{width:100%;min-height:49px;border:0;background:transparent;border-radius:9px;padding:7px 9px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;text-align:left;color:#566278;cursor:pointer}.chat-channel:hover,.chat-channel.active{background:white;box-shadow:0 3px 12px rgba(25,38,67,.06)}.chat-channel>span:first-child{width:30px;height:30px;border-radius:8px;background:#e8edf2;color:#536079;display:grid;place-items:center;font:700 13px Manrope}.chat-channel.active>span:first-child{background:var(--navy-2);color:var(--mint)}.chat-channel>div{display:flex;flex-direction:column}.chat-channel b{font-size:10px}.chat-channel small{font-size:8px;color:#929cad;margin-top:2px}.chat-channel small i{display:inline-block;width:5px;height:5px;background:#35bd9f;border-radius:50%;margin-right:3px}.chat-channel em{width:17px;height:17px;border-radius:50%;background:#e26767;color:white;display:grid;place-items:center;font:700 8px Manrope;font-style:normal}.chat-channel .person-avatar{font-size:8px}.chat-channel .person-avatar.purple{background:#efecff;color:#7463dd}.chat-main{min-width:0;display:grid;grid-template-rows:64px 1fr 67px}.chat-header{border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between}.chat-header>div{display:flex;flex-direction:column}.chat-header b{font-size:12px}.chat-header small{font-size:8px;color:#919bab;margin-top:3px}.chat-header button{border:0;background:#f0f3f6;border-radius:7px;padding:7px 9px;color:#667288;font:600 8px inherit}.chat-messages{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:17px}.message{display:grid;grid-template-columns:34px 1fr;gap:10px;max-width:80%}.message.mine{align-self:flex-end;grid-template-columns:1fr 34px}.message-avatar{width:34px;height:34px;border-radius:10px;background:#eaf2f7;color:#53627a;display:grid;place-items:center;font:700 9px Manrope}.message.mine .message-avatar{grid-column:2;background:var(--navy-2);color:var(--mint)}.message-body{min-width:0}.message.mine .message-body{grid-column:1;grid-row:1;text-align:right}.message-head{display:flex;gap:7px;align-items:center;margin-bottom:4px}.message.mine .message-head{justify-content:flex-end}.message-head b{font-size:9px}.message-head time{font-size:8px;color:#9aa3b1}.message-bubble{display:inline-block;background:#f1f4f7;border-radius:4px 12px 12px 12px;padding:9px 11px;font-size:10px;line-height:1.6;color:#536077;text-align:left}.message.mine .message-bubble{background:var(--navy-2);color:#eaf0f7;border-radius:12px 4px 12px 12px}.chat-compose{border-top:1px solid var(--line);margin:0;padding:12px 16px;display:grid;grid-template-columns:35px 1fr 54px;gap:8px}.chat-compose button,.chat-compose input{border:0;border-radius:9px}.chat-compose button:first-child{background:#f0f3f6;color:#68758b;font-size:17px}.chat-compose input{background:#f5f7f9;padding:0 12px;font:500 10px inherit;outline:none}.chat-compose button:last-child{background:var(--navy-2);color:white;font:600 9px inherit;cursor:pointer}
.feedback-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr);gap:16px}.feedback-form-card,.feedback-history-card{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 8px 32px rgba(21,32,60,.035)}.form-card-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.feedback-mark{width:40px;height:40px;border-radius:12px;background:#f0edff;color:#7766e1;display:grid;place-items:center;font:800 17px Manrope}.form-card-head h2{font-size:16px;margin:0}.form-card-head p{font-size:8px;color:#929cad;margin:4px 0 0}.feedback-form-card>label:not(.anonymous-option){display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:600;color:#68758a;margin-bottom:13px}.feedback-form-card select,.feedback-form-card input{height:42px;border:1px solid #dce2e8;border-radius:9px;padding:0 11px;background:white;font:500 10px inherit;color:#2d3850;outline:none}.anonymous-option{display:flex;align-items:center;gap:10px;background:#f7f8fa;border-radius:10px;padding:11px;margin:2px 0 16px;cursor:pointer}.anonymous-option input{display:none}.anonymous-option>i{width:34px;height:20px;border-radius:99px;background:#cbd2dc;position:relative}.anonymous-option>i:after{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s}.anonymous-option input:checked+i{background:var(--mint-2)}.anonymous-option input:checked+i:after{transform:translateX(14px)}.anonymous-option>span{display:flex;flex-direction:column}.anonymous-option b{font-size:9px}.anonymous-option small{font-size:8px;color:#8f99aa;margin-top:2px}.feedback-history-card{padding:0;overflow:hidden}.feedback-history-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.feedback-history-head h2{font-size:16px;margin:4px 0}.compact-tabs button{padding:6px 8px;font-size:8px}.feedback-list{padding:6px 22px}.feedback-item{display:grid;grid-template-columns:39px 1fr auto;gap:11px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.feedback-item:last-child{border:0}.feedback-type-icon{width:37px;height:37px;border-radius:10px;background:#f0edff;color:#7464dc;display:grid;place-items:center;font-weight:700}.feedback-item-main h3{font-size:11px;margin:0 0 5px}.feedback-item-main p{font-size:9px;color:#7c8799;line-height:1.5;margin:0}.feedback-item-meta{display:flex;gap:10px;margin-top:8px}.feedback-item-meta span{font-size:8px;color:#96a0ae}.case-status{font-size:8px;font-weight:600;padding:5px 7px;border-radius:6px;white-space:nowrap}.case-status.processing{background:#edf3fe;color:#4f79c7}.case-status.done{background:#e9f9f5;color:#168c77}.case-status.new{background:#fff4e7;color:#bf7428}
@media(max-width:1000px){.feedback-layout{grid-template-columns:1fr}.chat-shell{grid-template-columns:210px 1fr}.handover-stats{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.page-action-btn{width:44px}.page-action-btn span:first-child{font-size:0}.page-action-btn span:first-child:after{content:'＋';font-size:18px}.page-action-btn .arrow{display:none}.handover-toolbar{display:block}.visibility-note{margin-top:10px}.handover-item{grid-template-columns:6px 1fr}.handover-side{grid-column:2;flex-direction:row;align-items:center}.handover-stats{grid-template-columns:1fr 1fr}.visibility-options{grid-template-columns:1fr 1fr}.chat-shell{height:650px;display:block}.chat-sidebar{height:116px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:7px;overflow-x:auto;align-items:center}.chat-search,.chat-section-label{display:none}.chat-channel{min-width:150px;width:auto}.chat-main{height:532px}.message{max-width:92%}.feedback-layout{display:block}.feedback-form-card{margin-bottom:14px}.feedback-history-head{display:block}.compact-tabs{margin-top:9px}.privacy-pill{display:none}}

/* Four-level access control */
.role-switcher{height:39px;border:1px solid var(--line);border-radius:10px;background:#f8fafb;padding:4px 8px;display:flex;flex-direction:column;justify-content:center}.role-switcher span{font-size:7px;color:#97a0ae;line-height:1}.role-switcher select{border:0;background:transparent;outline:0;color:#344159;font:700 10px inherit;padding:0}.permission-context{min-height:48px;margin:-13px 0 24px;padding:10px 13px;border:1px solid #dfe9e6;border-radius:12px;background:linear-gradient(90deg,#eef9f6,#f8fbfb);display:flex;align-items:center;gap:10px}.role-shield{width:29px;height:29px;border-radius:8px;background:var(--navy-2);color:var(--mint);display:grid;place-items:center;font-size:12px}.permission-context p{display:flex;flex-direction:column;margin:0}.permission-context b{font-size:10px}.permission-context small{font-size:8px;color:#7d899a;margin-top:2px}.permission-context em{margin-left:auto;font-style:normal;font-size:8px;font-weight:700;color:#178c77;background:white;border:1px solid #dfeae7;border-radius:6px;padding:5px 7px}.permission-context.manager{background:linear-gradient(90deg,#f2f5fd,#fafbfe);border-color:#e1e6f1}.permission-context.employee{background:#f7f8fa;border-color:#e5e8ed}.permission-context.employee .role-shield{background:#647187;color:white}.permission-hidden{display:none!important}.permission-disabled{opacity:.45;pointer-events:none;filter:grayscale(.2)}.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.role-card{position:relative;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;grid-template-columns:40px 1fr;gap:12px;min-height:148px}.role-card:before{content:"";position:absolute;left:0;top:19px;bottom:19px;width:3px;border-radius:0 3px 3px 0;background:#d8dee6}.role-card.owner:before{background:#d8aa4c}.role-card.admin:before{background:var(--mint-2)}.role-card.manager:before{background:var(--blue)}.role-card.employee:before{background:#8d98aa}.role-card-icon{width:40px;height:40px;border-radius:11px;background:#f1f4f7;color:#56647c;display:grid;place-items:center;font-size:16px}.role-card.owner .role-card-icon{background:#fff6e5;color:#b77d1e}.role-card.admin .role-card-icon{background:#e9f9f5;color:#168c77}.role-card.manager .role-card-icon{background:#edf3fe;color:#4d78c8}.role-card>div small{font-size:8px;color:#929cac}.role-card h3{font-size:14px;margin:3px 0 6px}.role-card p{font-size:9px;color:#7d889a;line-height:1.55;margin:0}.role-card>b{position:absolute;right:14px;top:14px;font:600 8px Manrope;color:#8d97a8;background:#f2f4f7;padding:4px 6px;border-radius:5px}.permission-matrix-card,.exception-card,.audit-card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 32px rgba(21,32,60,.035);overflow:hidden}.permission-card-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.permission-card-head h2{font-size:16px;margin:4px 0}.permission-card-head p{font-size:8px;color:#8d97a8;margin:0}.autosave-note{font-size:8px;color:#8a95a6;background:#f1f4f7;padding:6px 8px;border-radius:6px}.permission-table{min-width:760px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-table td:first-child b{display:block;font-size:10px}.permission-table td:first-child small{display:block;font-size:8px;color:#929cac;margin-top:3px}.perm-cell{width:27px;height:27px;border:1px solid #dfe4e9;border-radius:8px;background:white;color:#9aa3b1;cursor:pointer;font-weight:700}.perm-cell.on{border-color:#cdeae3;background:#e9f9f5;color:#168c77}.perm-cell.locked{border-color:#efe2c2;background:#fff7e8;color:#ae7924;cursor:default}.permission-lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.exception-list{padding:4px 20px}.exception-item{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.exception-item:last-child{border:0}.exception-item>span{width:34px;height:34px;border-radius:9px;background:#edf3fe;color:#4c76c1;display:grid;place-items:center;font:700 9px Manrope}.exception-item p{display:flex;flex-direction:column;margin:0}.exception-item b{font-size:10px}.exception-item small{font-size:8px;color:#8f99aa;margin-top:3px}.exception-item em{font-style:normal;font-size:8px;color:#168c77;background:#e9f9f5;padding:5px 7px;border-radius:6px}.audit-list{padding:4px 20px}.audit-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.audit-list>div:last-child{border:0}.audit-list>div>span{width:32px;height:32px;border-radius:8px;background:#f0f3f6;color:#5e6b81;display:grid;place-items:center;font:700 8px Manrope}.audit-list p{display:flex;flex-direction:column;margin:0}.audit-list b{font-size:9px}.audit-list small{font-size:8px;color:#939cab;margin-top:3px}.audit-list em{font-style:normal;font-size:8px;color:#168c77}.audit-list em.blocked{color:#d15b55}.exception-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exception-options label{font-size:9px;color:#657187;display:flex;gap:7px;align-items:center}.exception-options input{accent-color:var(--mint-2)}
@media(max-width:1100px){.role-cards{grid-template-columns:1fr 1fr}.permission-lower-grid{grid-template-columns:1fr}}
@media(max-width:760px){.role-switcher{display:flex}.status-chip,.notify-btn{display:none}.top-actions{gap:7px}.permission-context{margin-top:-5px}.permission-context em{display:none}.role-cards{grid-template-columns:1fr}.role-card{min-height:auto}.permission-card-head{align-items:flex-start}.autosave-note{display:none}.exception-options{grid-template-columns:1fr}}

/* Enterprise visual system — official edition */
:root{
  --navy:#0b1220;--navy-2:#111c30;--navy-3:#17243a;
  --mint:#36c6ad;--mint-2:#15977f;--blue:#356fe0;
  --ink:#172033;--muted:#667085;--line:#dfe4ea;--bg:#f3f5f8;
  --shadow:0 2px 8px rgba(16,24,40,.04),0 12px 30px rgba(16,24,40,.035)
}
body{font-size:16px;color:var(--ink);background:var(--bg);letter-spacing:0}.noise{display:none}
button,input,select,textarea{font-family:inherit}.app-shell button,.app-shell input,.app-shell select,.app-shell textarea{font-size:14px}

/* Corporate identity and login */
.brand-panel{padding:56px 64px;background:linear-gradient(145deg,#08111f 0%,#0d1a2d 58%,#10263a 100%)}
.brand-panel:after{width:620px;height:620px;right:-330px;top:10%;border-color:rgba(255,255,255,.055);box-shadow:0 0 0 110px rgba(255,255,255,.018),0 0 0 220px rgba(255,255,255,.012)}
.brand-top{gap:13px;font-size:17px;letter-spacing:.4px}.brand-top>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand-top>span:last-child b{font:800 17px Manrope,sans-serif;letter-spacing:1.5px}.brand-top>span:last-child small{font:700 9px Manrope,sans-serif;letter-spacing:2.7px;color:#91a0b7;margin-top:5px}
.brand-mark{width:40px;height:38px;border-radius:8px;background:#2fc4aa;color:#071221;font-size:13px;letter-spacing:-.4px;box-shadow:none}
.brand-copy{max-width:610px}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#6ce0ca}.brand-copy h1{font-size:clamp(44px,4.3vw,68px);line-height:1.2;letter-spacing:-2.2px;margin:28px 0 20px}.brand-copy p{max-width:540px;font-size:18px;line-height:1.85;color:#abb7c8}
.trust-strip{gap:58px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}.trust-strip b{font-size:15px}.trust-strip small{font-size:12px;color:#8795aa}
.auth-panel{background:#fff}.auth-card{width:min(460px,100%)}.card-heading h2{font-size:32px;letter-spacing:-.7px}.card-heading p{font-size:15px}.pill{border-radius:6px;padding:7px 10px;background:#eaf8f5;color:#137e6c;font-size:11px}.input-wrap{height:56px;border-radius:9px;border-color:#d7dde5}.input-wrap:focus-within{border-color:#278e7c;box-shadow:0 0 0 3px rgba(39,142,124,.10)}.primary-btn{height:54px;border-radius:9px;background:#111c30;box-shadow:none}.primary-btn:hover{transform:none;background:#1a2a45}.demo-note{border:1px solid #e4e8ed;background:#f8f9fb;border-radius:8px}

/* Application shell */
.sidebar{width:264px;padding:28px 18px 22px;background:#0b1424;border-right:1px solid rgba(255,255,255,.05)}
.sidebar .brand-top{margin:0 10px 34px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar nav{gap:3px}.nav-item{min-height:46px;border-radius:7px;padding:0 13px;color:#9da9bb;font-size:14px;font-weight:500}.nav-item:hover{background:rgba(255,255,255,.045);color:#fff}.nav-item.active{background:#172840;color:#fff;box-shadow:inset 3px 0 #36c6ad}.nav-icon{width:23px;height:23px;display:grid;place-items:center;color:#7f8da3}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:#50d7bf}.nav-item em{font-size:10px;border-radius:4px;padding:3px 6px}.nav-separator{margin:13px 10px}.mini-status{margin:0 4px 12px;padding:13px;background:#111f34;border:1px solid rgba(255,255,255,.055);border-radius:8px}.mini-status b{font-size:12px}.mini-status small{font-size:11px}.logout-btn{font-size:13px}
.app-content{margin-left:264px}.topbar{height:72px;padding:0 36px;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(16,24,40,.04)}
.breadcrumb{font-size:13px}.breadcrumb strong{font-weight:700;color:#263349}.top-actions{gap:14px}.status-chip{padding:8px 11px;border:1px solid #dfe9e6;background:#f4faf8;border-radius:7px;font-size:12px}.notify-btn{border-radius:8px;display:grid;place-items:center}.notify-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.user-block b{font-size:13px}.user-block small{font-size:11px}.avatar{border-radius:8px;font-size:12px}.role-switcher{height:42px;min-width:112px;border-radius:8px;background:#fff;padding:5px 9px}.role-switcher span{font-size:10px;line-height:1.2}.role-switcher select{font-size:12px}
.page-area{max-width:1580px;padding:32px 38px 48px}.welcome-row,.page-heading{align-items:center;margin-bottom:25px}.welcome-row h1,.page-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:7px 0}.welcome-row p,.page-heading p{font-size:14px;line-height:1.6}.date-label,.card-kicker{font-size:11px;letter-spacing:1.5px}
.permission-context{min-height:54px;margin:0 0 24px;padding:11px 14px;border-radius:9px;background:#f6faf9;border-color:#dce9e6}.role-shield{width:32px;height:32px;border-radius:7px}.permission-context b{font-size:13px}.permission-context small{font-size:12px}.permission-context em{font-size:11px;border-radius:5px;padding:6px 9px}

/* Surfaces, controls and data */
.network-card,.attendance-card,.activity-card,.summary-card,.table-card,.settings-card,.calendar-card,.leave-panel,.management-hub>article,.feedback-form-card,.feedback-history-card,.permission-matrix-card,.exception-card,.audit-card,.chat-shell{border-color:var(--line);border-radius:11px;box-shadow:var(--shadow)}
.network-card{padding:26px 28px}.attendance-card,.activity-card,.summary-card,.settings-card{padding:24px}.network-head h2,.attendance-card h2,.activity-card h2,.summary-card h2,.settings-card h2{font-size:18px}.network-badge,.table-status,.case-status,.handover-status,.handover-priority,.dept-chip,.shift-chip{font-size:11px;border-radius:5px}
.shift-window-bar{border-radius:8px}.shift-window-bar small,.network-details small,.rekey-note{font-size:12px}.network-center h3{font-size:18px}.network-center p{font-size:13px}.attendance-state{font-size:12px}.time-point small,.attendance-meta small,.activity-item small,.summary-row small{font-size:12px}.time-point b,.attendance-meta b,.activity-item b,.summary-row b{font-size:14px}
.outline-btn,.compact-btn,.handover-action{min-height:38px;border-radius:7px;font-size:12px}.page-action-btn,.add-member-btn{height:42px;font-size:13px}.department-tabs{padding:4px;border-radius:8px}.department-tabs button,.filter,.filter-tabs button{font-size:12px;border-radius:6px;padding:8px 11px}
.handover-delete{min-height:36px;padding:0 12px;border:1px solid #f2c8c8;border-radius:7px;background:#fff7f7;color:#b4232f;font:600 12px inherit;cursor:pointer}.handover-delete:hover{background:#b4232f;border-color:#b4232f;color:#fff}
table{border-collapse:separate;border-spacing:0}th{background:#f7f8fa;color:#667085;font-weight:700;letter-spacing:.2px}th,td{padding:14px 16px;font-size:13px;border-bottom-color:#e8ebef}.table-tools h2{font-size:18px}.table-tools p{font-size:12px}.search-input{height:40px;border-radius:7px;font-size:13px}

/* Schedules and administration */
.calendar-card,.leave-panel{padding:22px}.calendar-head h2,.leave-panel h2{font-size:18px}.calendar-head p,.leave-panel>p,.calendar-legend,.calendar-foot p{font-size:12px}.week-row span{font-size:12px}.calendar-day{border-radius:7px}.calendar-day span{font-size:14px}.calendar-day small,.calendar-day em{font-size:11px}.leave-types button{min-height:42px;font-size:12px;border-radius:7px}.leave-balance small{font-size:12px}.leave-balance b{font-size:20px}
.management-hub h3{font-size:16px}.management-hub p,.management-hub small{font-size:12px;line-height:1.55}.shift-rule-row{border-radius:8px}.shift-name b,.rule-name{font-size:13px}.shift-name small,.shift-rule-row label,.cross-day{font-size:11px}.form-grid label,.wide-label{font-size:13px}.form-grid input,.form-grid select,.wide-label textarea{font-size:14px;border-radius:7px}.member-modal{border-radius:12px}.modal-head h2{font-size:22px}.modal-notice b{font-size:12px}.modal-notice small{font-size:11px}

/* Handover and collaboration */
.handover-stats{gap:14px}.handover-stats>div{border-radius:10px;padding:17px}.handover-stats small{font-size:12px}.handover-stats b{font-size:21px}.visibility-note{font-size:12px}.handover-item{border-radius:10px;padding:20px 22px;box-shadow:var(--shadow)}.handover-top h3{font-size:15px}.handover-main>p{font-size:13px;line-height:1.65}.handover-meta span,.visible-depts>small{font-size:11px}.visible-depts{gap:7px}.handover-side button{font-size:12px;border-radius:6px}.visibility-field legend{font-size:13px}.visibility-field>p,.visibility-options label,.exception-options label{font-size:12px}
.chat-shell{height:660px;grid-template-columns:270px 1fr}.chat-sidebar{padding:16px 12px;background:#f8f9fb}.chat-search{height:42px;border-radius:7px}.chat-search input{font-size:13px}.chat-section-label{font-size:11px;padding:10px 9px 6px}.chat-channel{min-height:56px;border-radius:7px}.chat-channel b{font-size:13px}.chat-channel small{font-size:11px}.chat-channel em{font-size:10px}.chat-header{padding:0 22px}.chat-header b{font-size:15px}.chat-header small,.chat-header button{font-size:11px}.message-head b{font-size:12px}.message-head time{font-size:11px}.message-bubble{font-size:13px;line-height:1.6;padding:10px 13px}.chat-compose input,.chat-compose button:last-child{font-size:13px}

/* Feedback and permissions */
.form-card-head h2,.feedback-history-head h2,.permission-card-head h2{font-size:18px}.form-card-head p,.permission-card-head p{font-size:12px}.feedback-form-card>label:not(.anonymous-option){font-size:13px}.feedback-form-card select,.feedback-form-card input,.feedback-form-card textarea{font-size:14px}.anonymous-option b{font-size:13px}.anonymous-option small{font-size:11px}.feedback-item-main h3{font-size:14px}.feedback-item-main p{font-size:12px}.feedback-item-meta span{font-size:11px}
.role-cards{gap:14px}.role-card{border-radius:10px;padding:19px;min-height:160px}.role-card>div small,.role-card>b{font-size:11px}.role-card h3{font-size:16px}.role-card p{font-size:12px;line-height:1.6}.permission-card-head{padding:20px 22px}.autosave-note{font-size:11px}.permission-table td:first-child b{font-size:13px}.permission-table td:first-child small{font-size:11px}.perm-cell{width:31px;height:31px;border-radius:6px}.exception-item b,.audit-list b{font-size:13px}.exception-item small,.audit-list small{font-size:11px}.exception-item em,.audit-list em{font-size:11px}

@media(max-width:1100px){.sidebar{width:236px}.app-content{margin-left:236px}.page-area{padding:28px}.dashboard-grid{grid-template-columns:1fr}.role-cards{grid-template-columns:1fr 1fr}.brand-panel{padding:48px}}
@media(max-width:760px){body{font-size:15px}.auth-shell{display:block}.brand-panel{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.mobile-brand{display:flex}.sidebar{width:264px;transform:translateX(-100%)}.sidebar.open{transform:none}.app-content{margin-left:0}.topbar{height:66px;padding:0 16px}.page-area{padding:22px 16px 36px}.welcome-row,.page-heading{align-items:flex-start}.welcome-row h1,.page-heading h1{font-size:24px}.permission-context small{font-size:11px}.role-switcher{min-width:96px}.role-switcher span{font-size:9px}.role-switcher select{font-size:11px}.chat-shell{height:680px}.chat-sidebar{height:126px}.chat-main{height:554px}.handover-item{padding:17px}.role-card{min-height:auto}}

/* Identity assurance dashboard */
.identity-card{min-height:425px;padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.identity-head{display:flex;align-items:flex-start;justify-content:space-between}.identity-head h2{font-size:18px;margin:6px 0 0}.verified-badge{font-size:12px;font-weight:700;color:#137e6c;background:#eaf8f5;border:1px solid #d4ece7;border-radius:6px;padding:7px 9px}
.identity-score{display:flex;align-items:center;gap:14px;margin:24px 0 20px;padding:18px;background:#f5faf8;border:1px solid #dfece8;border-radius:9px}.identity-score>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#15977f;color:#fff;font-size:20px}.identity-score>div{display:flex;flex-direction:column}.identity-score b{font-size:15px}.identity-score small{font-size:12px;color:#738092;margin-top:4px}
.identity-list{border:1px solid #e3e7ec;border-radius:9px;overflow:hidden}.identity-list>div{min-height:49px;padding:0 14px;display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #e8ebef}.identity-list>div:last-child{border-bottom:0}.identity-list span{font-size:12px;color:#7a8596}.identity-list b{font-size:13px;color:#263349}.identity-list em{font-style:normal;font-size:11px;font-weight:700;color:#137e6c}
.identity-note{display:flex;align-items:center;gap:10px;margin-top:16px}.identity-note>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#526075;font:700 12px Manrope}.identity-note p{display:flex;flex-direction:column;margin:0}.identity-note b{font-size:12px}.identity-note small{font-size:11px;color:#7d8797;margin-top:2px}
@media(max-width:760px){.identity-card{min-height:auto;padding:20px}.identity-list>div{grid-template-columns:90px 1fr}.identity-list em{grid-column:2}.identity-score{padding:15px}}

/* Supervisor attendance adjustment */
.record-edit-btn{min-height:32px;padding:0 10px;border:1px solid #cfd8e4;border-radius:6px;background:#fff;color:#30496b;font-size:12px!important;font-weight:700;cursor:pointer}.record-edit-btn:hover{border-color:#356fe0;color:#285fc5;background:#f5f8fe}.no-action{color:#a6afbb}.table-status.adjusted{color:#285fc5;background:#edf3fe}
.attendance-record-table{min-width:1120px}
.attendance-edit-modal{width:min(620px,100%)}.edit-permission-note{display:flex;align-items:center;gap:11px;padding:13px 14px;margin-bottom:18px;border:1px solid #d9e9e5;border-radius:8px;background:#f4faf8}.edit-permission-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#15977f;color:#fff;font-weight:800}.edit-permission-note p{display:flex;flex-direction:column;margin:0}.edit-permission-note b{font-size:13px}.edit-permission-note small{font-size:11px;color:#748092;margin-top:3px}.attendance-edit-modal input[readonly]{background:#f5f7f9;color:#667085}