:root{color-scheme:light;--ink:#111827;--muted:#667085;--line:#dbe3ef;--panel:#fff;--soft:#f6f8fc;--green:#169b68;--yellow:#f4b740;--red:#d84b3f;--blue:#2f6fdd;--navy:#101828}
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;color:var(--ink);background:linear-gradient(135deg,#eef7ff 0,#fff 44%,#fff5f6 100%);min-height:100vh}a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,42px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(219,227,239,.82);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:950}.brand-time{margin-left:10px;color:var(--muted);font-weight:900;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:30px;border-radius:8px;background:linear-gradient(180deg,#ce1126 0 50%,#fff 50%);border:1px solid rgba(17,24,39,.12);color:var(--navy);font-size:13px;font-weight:1000}
nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted)}nav a,.button,button,.language-menu summary,.user-actions summary,.theme-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 13px;border-radius:8px;font-weight:850;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)}nav a:hover,.button:hover,button:hover,.language-menu summary:hover,.user-actions summary:hover,.theme-toggle:hover{border-color:#b9c7da;background:#f9fbff}.logout-link,.primary-action,.form-submit,.login-submit{background:#111827!important;border-color:#111827!important;color:#fff!important}
main{width:min(1220px,calc(100% - 28px));margin:0 auto 42px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:26px 0 6px}.page-head h1{margin:0;font-size:34px;line-height:1.1}.muted{color:var(--muted)}.page-head-actions,.create-popovers{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:8px;font-weight:900}.create-popover{position:relative}.create-popover summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#111827;color:#fff;font-weight:900;cursor:pointer}.create-popover summary::-webkit-details-marker{display:none}.create-popover-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:25;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;min-width:300px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(16,24,40,.16)}.create-popover-panel input{min-width:0}.create-popover-panel button{background:#111827;color:#fff;border-color:#111827}
.language-menu,.user-actions,.password-actions{position:relative}.language-menu summary,.user-actions summary,.password-actions summary{list-style:none;display:inline-flex;align-items:center;gap:8px}.language-menu summary::-webkit-details-marker,.user-actions summary::-webkit-details-marker,.password-actions summary::-webkit-details-marker{display:none}.language-list{position:absolute;right:0;top:calc(100% + 7px);z-index:30;display:grid;min-width:142px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 40px rgba(16,24,40,.14)}.language-list a{border:0;border-radius:6px;padding:9px 10px;box-shadow:none}.profile-icon,.theme-toggle{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border-radius:999px}.profile-icon svg,.theme-toggle svg{width:18px;height:18px;stroke:currentColor}.theme-toggle svg{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-row{display:flex;justify-content:flex-start;margin:14px 0 0}.back-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:8px;background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:900}
.hero{min-height:300px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:24px;align-items:stretch;padding:clamp(22px,4vw,42px);border-radius:8px;background:linear-gradient(180deg,rgba(206,17,38,.1) 0 49%,#fff 49% 100%);color:var(--ink);overflow:hidden;box-shadow:0 18px 44px rgba(16,24,40,.09);border:1px solid rgba(206,17,38,.22)}.hero-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:max-content;max-width:100%;padding:12px 16px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px rgba(16,24,40,.08)}.hero h1{margin:0;font-size:2.2em;line-height:1;letter-spacing:0;color:#111827;text-shadow:none}.avatar{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;background:#111827;color:#fff;font-weight:950;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.profile-head{display:flex;align-items:center;gap:14px}.profile-head .avatar{width:72px;height:72px}.hero-user{font-size:1.8em;font-weight:950;color:#111827;text-shadow:0 1px 0 rgba(255,255,255,.8)}.eyebrow{display:none}.clock-line{margin:18px 0 0;color:var(--ink);font-size:2.15em;font-weight:950}.shift-line{margin:10px 0 0;color:var(--muted);font-weight:900}.announcement{max-width:760px;margin-top:18px;color:var(--ink);font-size:1.05em}.announcement p{margin:.35rem 0}.announcement-list{display:grid;gap:8px;max-width:760px;margin-top:18px}.announcement-item{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fbff}.announcement-item strong{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;text-transform:uppercase}.announcement-item p{margin:.25rem 0}.announcement-carousel{overflow:hidden;max-width:680px;margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#f8fbff;white-space:nowrap}.announcement-carousel span{display:inline-block;padding:12px 16px;animation:marquee 36s linear infinite}
.stats,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats{align-content:end}.stats div,.metric,.people-panel{position:relative;background:rgba(255,255,255,.94);color:var(--ink);padding:14px 16px;border-radius:8px;border:1px solid var(--line);box-shadow:0 14px 30px rgba(16,24,40,.08)}.metric{min-height:86px;display:flex!important;flex-direction:column;justify-content:center}.metric:before{display:none}.metric.danger:before{display:none}a.metric{display:flex}.stats strong,.metric strong{display:flex;align-items:center;gap:8px;margin:0;font-size:1.85em;line-height:1}.metric-icon{position:relative;display:inline-block;width:24px;height:24px;border-radius:7px;background:#eef6ff;color:var(--blue);flex:0 0 24px}.metric.danger .metric-icon{background:#fff0f0;color:var(--red)}.metric-icon.users{background:#eef2ff;color:#4f46e5}.metric-icon svg{position:absolute;left:50%;top:50%;display:block;width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;transform:translate(-50%,-50%)}.metric-icon.check svg{transform:translate(-46%,-50%)}.stats span,.metric span{display:block;margin-top:8px;color:var(--muted);font-weight:850}.people-panel{align-self:end;min-height:160px}.people-panel h2{margin:0 0 14px;font-size:1.05em}.online-group-list{display:grid;gap:8px}.online-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;color:var(--ink);font-weight:950}.online-group-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-group-row b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 9px;border-radius:999px;background:#eafaf1;color:#08714b;font-weight:1000}
.home-actions{display:flex;justify-content:flex-start;margin:18px 0 12px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.action-card,.panel,.login-panel,.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 42px rgba(16,24,40,.07)}.action-card{min-height:4.5em;padding:.9em .8em;display:grid;place-items:center;border:0;font-size:1.05em;color:#fff;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.action-card:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(16,24,40,.18)}.action-card.work_start{background:#174ea6;color:#fff}.action-card.work_end{background:#047857;color:#fff}.action-card.leave{background:#b45309;color:#fff}.action-card.return{background:#b91c1c;color:#fff}.action-card.blocked{opacity:.42;filter:grayscale(.35);cursor:not-allowed;transform:none}.action-card span{font-size:1em;font-weight:950}
.home-quick-actions{display:flex;justify-content:flex-start;margin:0}.monitor-entry{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:8px;background:#dff7ea;border:1px solid #8ad6ad;color:#075f3d;font-weight:950;box-shadow:0 12px 28px rgba(22,155,104,.16);animation:softPulse 1.8s ease-in-out infinite}.monitor-entry:hover{background:#ccf0dc;border-color:#5fc58e}@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(22,155,104,.34),0 12px 28px rgba(22,155,104,.16)}50%{box-shadow:0 0 0 8px rgba(22,155,104,0),0 16px 32px rgba(22,155,104,.22)}}
.theme-day .theme-toggle{background:#111827!important;border-color:#111827!important;color:#fff!important}.theme-day .theme-toggle:hover{background:#1f2937!important;border-color:#1f2937!important}.theme-night .theme-toggle{background:#fff!important;border-color:rgba(255,255,255,.84)!important;color:#111827!important}.theme-night .theme-toggle:hover{background:#f8fafc!important;border-color:#fff!important}
.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.online-pill{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#eafaf1;color:#08714b;font-size:12px;font-weight:1000;letter-spacing:.08em}.online-dot{width:9px;height:9px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.55);animation:onlinePulse 1.25s ease-in-out infinite}@keyframes onlinePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}50%{box-shadow:0 0 0 7px rgba(22,163,74,0)}}
.status-tools{display:flex;align-items:center;gap:6px}.leave-cell{width:100%;text-align:left}.leave-cell.live{background:#fff9eb;border-color:#f4b740}
.action-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;color:#fff;font-weight:900;font-size:12px}.action-badge.work_start{background:var(--blue)}.action-badge.work_end{background:var(--green)}.action-badge.leave{background:var(--yellow);color:#332100}.action-badge.return{background:var(--red)}.status-badge.active{background:#e8f7ef;color:#08714b}.status-badge.banned{background:#fff0f0;color:#a8322a}
.notice{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding:14px 16px;border:1px solid rgba(244,183,64,.5);background:#fff8e8;border-radius:8px;color:#5c4007;font-weight:900}.success-notice{background:#edf9f2;border-color:rgba(22,155,104,.26);color:#08714b}.danger-notice{background:#fff0f0;border-color:rgba(216,75,63,.28);color:#a8322a}.handover-alert{overflow:hidden;margin-top:18px;border-radius:8px;background:#fff0f0;border:1px solid rgba(216,75,63,.28);color:#a8322a;font-weight:950;white-space:nowrap}.handover-alert span{display:inline-block;padding:13px 18px;animation:marquee 12s linear infinite}@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.panel,.login-panel{padding:22px;margin-top:18px;overflow-x:auto}.panel h1,.panel h2{margin-top:0}.panel table tbody tr:hover{background:#f8fbff}.table-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.table-head h2{margin:0}.mode-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-tabs .button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;line-height:1}.mode-tabs .active{background:#111827!important;border-color:#111827!important;color:#fff!important}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.role-grid .panel{margin-top:0}.role-create-panel{min-width:min(680px,calc(100vw - 40px))}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;color:var(--muted);font-weight:900}.pagination .button{min-width:82px;text-align:center}.pagination .disabled{opacity:.45;pointer-events:none;background:#f3f6fb}.toolbar-group{margin-top:16px}.toolbar-group h3{margin:0 0 8px;font-size:14px;color:var(--muted)}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px}.toolbar a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);color:var(--ink);font-weight:900}.toolbar a:hover{border-color:#b9c7da;background:#eef6ff}
.admin-layout{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:18px}.ops-panel{background:#111827;color:#fff;border-color:#111827}.ops-panel .muted{color:#ccd5e1}.ops-list{display:grid;gap:10px;margin-top:14px}.ops-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:rgba(255,255,255,.08);font-weight:850}.ops-item strong{font-size:22px}
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.group-sidebar{position:sticky;top:82px;align-self:start;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 42px rgba(16,24,40,.07)}.group-sidebar h3{margin:0 0 10px}.group-sidebar a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);font-weight:850}.group-sidebar a:hover,.group-sidebar a.active{background:#eef6ff;color:#245fb7}.group-form{display:grid;gap:10px;margin-top:12px}.scope-menu{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 16px 42px rgba(16,24,40,.07)}.scope-row{display:grid;grid-template-columns:120px repeat(auto-fit,minmax(120px,1fr));border-bottom:1px solid var(--line)}.scope-row:last-child{border-bottom:0}.scope-label{display:flex;align-items:center;padding:12px 14px;background:#e8e8e8;color:#111827;font-weight:950}.scope-links{display:flex;align-items:stretch;flex-wrap:wrap;grid-column:2/-1}.scope-links a,.scope-add{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border-left:1px solid var(--line);color:#111827;font-weight:900}.scope-links a.active{background:#111827;color:#fff}.scope-add{gap:8px;background:#fff}.scope-add input{width:150px;min-width:120px;padding:8px 10px}.scope-add button{padding:8px 12px;background:#111827;color:#fff;border-color:#111827}.scope-dropdown{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;align-items:end;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 42px rgba(16,24,40,.07)}.scope-dropdown form{display:contents}.scope-dropdown .scope-create{display:flex;gap:8px;align-items:end}.scope-dropdown .scope-create input{min-width:130px}.scope-dropdown button{background:#111827;color:#fff;border-color:#111827}
.login-shell{position:relative;min-height:70vh;display:grid;place-items:center;overflow:hidden;padding:32px 0}.login-bg-word{position:absolute;inset:auto 0 8%;text-align:center;font-size:clamp(120px,28vw,360px);line-height:.8;font-weight:1000;color:rgba(206,17,38,.08);pointer-events:none}.login-panel{position:relative;width:min(460px,100%);margin:46px auto;background:rgba(255,255,255,.94);border-color:rgba(206,17,38,.16)}.flag-strip{display:grid;grid-template-rows:1fr 1fr;height:18px;border-radius:8px;overflow:hidden;margin-bottom:16px}.flag-strip span:first-child{background:#ce1126}.flag-strip span:last-child{background:#fff;border:1px solid rgba(0,0,0,.08);border-top:0}.login-clock{color:var(--muted);font-weight:800;margin:-6px 0 16px}.login-message{border:1px solid rgba(47,111,221,.22);background:#eef6ff;color:var(--ink);padding:10px 12px;border-radius:8px;font-weight:800}.login-message.danger{border-color:rgba(216,75,63,.28);background:#fff0f0;color:#a8322a}
.form{display:grid;gap:14px}.form.inline{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end}.records-filter{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1.2fr) auto minmax(96px,1fr);column-gap:18px;row-gap:12px}.records-filter .filter-actions{display:flex;align-items:end;gap:8px;white-space:nowrap;padding-right:12px}.records-filter .button,.records-filter button,.records-filter .primary-action,.records-filter .export-button{min-height:42px;padding:0 14px;border-radius:8px;font-size:14px;line-height:1;font-weight:900;white-space:nowrap}.records-filter .button{display:inline-flex;align-items:center;justify-content:center}.records-filter .export-button{justify-self:end}.records-filter .primary-action{background:#111827!important;border-color:#111827!important;color:#fff!important}.form:not(.inline):not(.records-filter)>button,.permission-form>button,form[id^="shift-"] button{background:#111827!important;border-color:#111827!important;color:#fff!important}.work-mode-form{display:flex;align-items:center;gap:8px;min-width:190px}.work-mode-form select{min-width:92px;padding:8px 9px}.work-mode-form button{min-height:36px;padding:0 10px;background:#111827;color:#fff;border-color:#111827;white-space:nowrap}.account-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;align-items:start}.account-form .wide-field,.account-form .permission-grid,.account-form .role-help{grid-column:span 2}.form-submit{grid-column:1/-1;justify-self:end;min-width:160px}.permission-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;min-width:330px;margin-top:0}.permission-form .permission-grid,.permission-form button{grid-column:1/-1}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px}.role-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.role-card{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;margin:0;min-width:0}.role-card strong{display:block;margin-bottom:6px}.permission-group-title{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:950;cursor:pointer;list-style:none}.permission-group-title::-webkit-details-marker{display:none}.permission-group-title:after{content:"+";margin-left:auto;color:var(--muted);font-size:14px;font-weight:900}.role-card[open] .permission-group-title{margin-bottom:8px}.role-card[open] .permission-group-title:after{content:"-"}.permission-group-title input{width:auto}.permission-group-body{display:grid;gap:8px;padding-top:2px}.check{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700}.check input{width:auto}
label{display:grid;gap:6px;font-weight:850;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink);background:#fbfdff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(47,111,221,.18);border-color:#9bb8ed}textarea{min-height:110px;resize:vertical}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0;background:#fbfdff}.users-table{min-width:1180px}.freeze-account th:first-child,.freeze-account td:first-child{position:sticky;left:0;z-index:4;min-width:132px;background:#e5e7eb;color:#111827;box-shadow:8px 0 18px rgba(16,24,40,.12)}.freeze-account th:first-child{z-index:5;background:#d1d5db;color:#111827}.freeze-account tbody tr:hover td:first-child{background:#dbe2ea}.daily-report-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.daily-report{min-width:max(760px,100%);font-size:9px;border-collapse:separate;border-spacing:0}.daily-report th,.daily-report td{padding:2px 4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.daily-report thead th{background:#f8fafc;color:#111827;font-size:9px;text-transform:none}.daily-report .daily-date-head,.daily-report .daily-date-spacer,.daily-report .daily-date{position:sticky;left:0;z-index:6;min-width:66px;background:#e5e7eb;color:#111827;text-align:left;font-weight:950}.daily-report .daily-date-spacer{top:0;height:24px}.daily-report .daily-person{height:24px;font-size:10px;font-weight:950;background:#fff}.daily-report .daily-status{min-width:58px;text-align:center}.daily-report .daily-metric{min-width:34px}.daily-report td.ok{background:#fff}.daily-report td.warn{background:#fff7ed;color:#9a3412;font-weight:850}.daily-report td.empty{background:#f8fafc;color:#98a2b3}.daily-report tfoot .daily-total{background:#eef2f7!important;color:#111827;font-weight:950}.anomaly-link{color:#245fb7;font-weight:950;text-decoration:underline;text-underline-offset:2px}.daily-anomaly-block{margin-top:16px}.daily-anomaly-block h2{margin:0 0 10px;font-size:18px}.daily-anomaly-table{font-size:12px;min-width:720px}.daily-anomaly-table tr:target{background:#fff7ed}.user-actions summary,.password-actions summary,.action-link{min-width:72px;justify-content:center;background:#111827!important;border-color:#111827!important;color:#fff!important}.password-actions summary{background:#334155!important;border-color:#334155!important}.row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid;border-radius:8px;font-weight:850;box-shadow:0 1px 2px rgba(16,24,40,.04)}.user-actions[open] summary{background:#111827!important}.user-actions-body,.password-actions-body{position:absolute;right:0;z-index:15;display:grid;gap:12px;min-width:320px;margin-top:10px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(16,24,40,.16)}.modal-title{margin:0;font-size:18px}.filter-actions{display:flex;gap:10px;align-items:end}.export-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:start;min-width:auto;text-align:center}.mini{display:inline;margin-left:8px}.mini button{padding:6px 9px;font-size:12px;color:var(--red)}
.chip-list{display:flex;flex-wrap:wrap;gap:8px}.person-chip{display:inline-flex;padding:8px 10px;border-radius:999px;background:#eef6ff;color:#245fb7;font-weight:850}
.leave-detail-button{display:flex;align-items:center;justify-content:center;width:max-content;margin:4px 0 0 0;padding:3px 8px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:950;line-height:1.1;box-shadow:none}.mini-data .leave-cell{position:relative;padding-right:46px!important}.mini-data .leave-detail-button{position:absolute;right:6px;top:6px;margin:0;min-height:0;width:auto;padding:3px 7px;border:0!important;border-radius:6px;background:#111827!important;color:#fff!important;font-size:10px;line-height:1.1}.tile-times div{position:relative}.tile-times .leave-detail-button{position:absolute;right:6px;top:6px;margin:0;padding:3px 7px;border-radius:6px}
.leave-dialog{width:min(430px,calc(100% - 34px));border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(16,24,40,.28)}
.leave-dialog::backdrop{background:rgba(15,23,42,.36)}
.leave-dialog h3{margin:0 0 12px;font-size:16px;line-height:1.2}.leave-dialog-list{display:grid;gap:7px;margin-bottom:14px}.leave-dialog-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff9eb;color:#7a4d00;font-size:12px;font-weight:900}.leave-dialog-row b{font-size:12px}.leave-dialog form{display:flex;justify-content:flex-end}.leave-dialog button{background:#111827;color:#fff;border-color:#111827}
.daily-report .anomaly-link{font-size:8px;line-height:1;font-weight:850}.daily-report td.warn{font-size:8px;line-height:1.15}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.preview-card{min-height:420px;border-radius:8px;padding:24px;display:grid;align-content:space-between;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px rgba(16,24,40,.09)}.preview-card h2{margin:0;font-size:34px;line-height:1}.preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-actions span{display:grid;place-items:center;min-height:70px;border-radius:8px;font-weight:950}.preview-1{background:linear-gradient(180deg,#111827,#263247);color:#fff}.preview-1 .preview-actions span{background:rgba(255,255,255,.12)}.preview-2{background:#fff;color:var(--ink)}.preview-2 h2{color:#111827}.preview-2 .preview-actions span:nth-child(1){background:#eaf2ff;color:#1d5cc4}.preview-2 .preview-actions span:nth-child(2){background:#eaf8f1;color:#08714b}.preview-2 .preview-actions span:nth-child(3){background:#fff4d8;color:#5d4206}.preview-2 .preview-actions span:nth-child(4){background:#fff0f0;color:#a8322a}.preview-3{background:linear-gradient(135deg,#eef7ff,#fff 50%,#fff4f5);color:var(--ink)}.preview-3 .preview-actions{grid-template-columns:1fr}.preview-3 .preview-actions span{min-height:50px;background:#111827;color:#fff}.preview-4{background:#0b1220;color:#fff}.preview-4 .preview-actions{grid-template-columns:repeat(4,1fr)}.preview-4 .preview-actions span{min-height:92px;background:#182235}.preview-5{background:#f8fbff;color:var(--ink)}.preview-5 .preview-actions span{background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(16,24,40,.08)}.preview-6{background:linear-gradient(180deg,#ce1126 0 42%,#fff 42%);color:#111827}.preview-6 h2,.preview-6 .eyebrow{color:#fff}.preview-6 .clock-line{color:#111827}.preview-6 .preview-actions span{background:#111827;color:#fff}
.preview-tabs{position:sticky;top:72px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.preview-tabs a{padding:10px 12px;border-radius:8px;background:#111827;color:#fff;font-weight:900}.board-preview{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 42px rgba(16,24,40,.07)}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.preview-heading h2{margin:0}.preview-heading span{color:var(--muted);font-weight:850}.board-group,.lane,.ops-board-group,.focus-group{margin-top:16px}.board-group-head,.lane-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.board-group-head h2,.focus-group h2,.ops-board-group h2{margin:0;font-size:20px}.board-group-head span,.lane-title span{font-weight:900;color:var(--muted)}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.attendance-tile{display:grid;gap:10px;min-height:178px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.attendance-tile.online{border-color:rgba(22,155,104,.34);background:#f1fbf6}.attendance-tile.leave{border-color:rgba(244,183,64,.32);background:#fffdf3}.attendance-tile.absent{border-color:rgba(216,75,63,.35);background:#fff3f2}.tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-person{display:flex;align-items:center;gap:10px;min-width:0}.tile-person strong{display:block}.tile-person span{color:var(--muted);font-size:12px;font-weight:850}.tile-status{padding:5px 8px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:950}.tile-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile-times div{padding:8px;border-radius:8px;background:#fff;border:1px solid var(--line)}.tile-times span{display:block;color:var(--muted);font-size:11px;font-weight:900}.tile-times strong{display:block;margin-top:2px}.tile-note{font-size:12px;color:var(--muted);font-weight:850}.lane-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.lane-scroll .attendance-tile{min-width:245px}.group-columns{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.vertical-lane{flex:0 0 300px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:0;min-width:300px}.lane-stack{display:grid;grid-template-columns:1fr;gap:8px}.mini-tile{display:grid;gap:8px;min-height:124px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.mini-tile.online{border-color:rgba(22,155,104,.34);background:#f2fbf6}.mini-tile.leave{border-color:rgba(244,183,64,.32);background:#fffdf3}.mini-tile.absent{border-color:rgba(216,75,63,.35);background:#fff3f2}.mini-tile.ended{border-color:rgba(47,111,221,.28);background:#eef6ff}.mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-person{display:flex;align-items:center;gap:7px;min-width:0}.mini-person .avatar{width:30px;height:30px;font-size:12px}.mini-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mini-person span{display:block;color:var(--muted);font-size:10px;font-weight:850}.mini-status{padding:4px 6px;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:950;white-space:nowrap}.mini-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mini-data span,.mini-data button{min-width:0;padding:6px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:10px;color:var(--muted);font-weight:900;overflow:hidden}.mini-data b{display:block;color:var(--ink);font-size:11px;line-height:1.2;white-space:nowrap}.mode-c{background:#f8fafc}.ops-board{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.ops-row{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(92px,1fr));gap:0;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.ops-row:last-child{border-bottom:0}.ops-row>*{padding:12px;border-left:1px solid var(--line)}.ops-row>*:first-child{border-left:0}.ops-row>div{display:flex;align-items:center;gap:10px}.ops-row b{font-size:12px}.online{color:#08714b}.leave{color:#8a5a00}.absent{color:#a8322a}.ended{color:#245fb7}.focus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.focus-card{min-height:220px;display:grid;justify-items:center;text-align:center;gap:8px;padding:18px;border-radius:8px;color:#fff;background:#111827}.focus-card .avatar{width:64px;height:64px;background:#fff;color:#111827}.focus-card.online{background:#08714b;color:#fff}.focus-card.leave{background:#9a6700;color:#fff}.focus-card.absent{background:#a8322a;color:#fff}.focus-card h3,.focus-card p{margin:0}.focus-card p{font-size:12px;opacity:.88}
.attendance-tile.online .tile-status,.mini-tile.online .mini-status{background:#08714b;color:#fff}.attendance-tile.leave .tile-status,.mini-tile.leave .mini-status{background:#b77900;color:#fff}.attendance-tile.ended .tile-status,.mini-tile.ended .mini-status{background:#245fb7;color:#fff}.attendance-tile.absent .tile-status,.mini-tile.absent .mini-status{background:#a8322a;color:#fff}.focus-card.ended{background:#245fb7;color:#fff}
.mode-e,.mode-f,.mode-g{background:#f8fafc}.vertical-group,.split-group,.minimal-group{margin-top:18px}.vertical-group h2,.minimal-group h2{margin:0 0 10px}.vertical-list{display:grid;gap:10px}.vertical-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.vertical-card.online{border-left:5px solid #08714b}.vertical-card.leave{border-left:5px solid #b77900}.vertical-card.absent{border-left:5px solid #a8322a}.vertical-person{display:flex;align-items:center;gap:10px}.vertical-person strong{display:block}.vertical-person span{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:850}.vertical-timebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vertical-timebar span{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;color:var(--muted);font-size:12px;font-weight:850}.vertical-timebar b{display:block;color:var(--ink);font-size:15px}.split-group{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.split-group header{display:flex;justify-content:space-between;padding:12px 14px;background:#111827;color:#fff}.split-group header h2{margin:0}.split-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.split-card>div{display:flex;align-items:center;gap:10px}.split-card em{font-style:normal;padding:4px 7px;border-radius:999px;background:#eef2f7;font-size:12px;font-weight:900}.split-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.split-card dt{color:var(--muted);font-size:11px;font-weight:900}.split-card dd{margin:2px 0 0;font-weight:950}.minimal-group{display:grid;gap:8px}.minimal-row{display:grid;grid-template-columns:90px 1fr 1fr 100px;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.minimal-row span{font-weight:950}.minimal-row p{margin:0;color:var(--muted);font-weight:850}.minimal-row b{text-align:right}
body.theme-night{color-scheme:dark;--ink:#f8fafc;--muted:#c7d1df;--line:rgba(255,255,255,.15);--panel:rgba(255,255,255,.07);--soft:#120b12;--green:#22c98a;--yellow:#f4b740;--red:#ff4056;--blue:#5c9dff;--navy:#080b12;color:var(--ink);background:radial-gradient(circle at 18% -10%,rgba(255,48,69,.2),transparent 30%),radial-gradient(circle at 100% 18%,rgba(255,255,255,.08),transparent 26%),linear-gradient(135deg,#120b12 0,#19101a 45%,#2b1118 100%)}
body.theme-night .topbar{background:linear-gradient(90deg,rgba(18,11,18,.96),rgba(43,17,24,.94));border-bottom-color:rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.22)}
body.theme-night .brand,body.theme-night .brand-time,body.theme-night .topbar nav{color:#fff}body.theme-night .brand-time{opacity:.82}body.theme-night .brand-mark{background:linear-gradient(180deg,#ff3045 0 50%,#fff 50%);border-color:rgba(255,255,255,.24);color:#080b12;box-shadow:0 8px 18px rgba(255,48,69,.18)}
body.theme-night nav a,body.theme-night .button,body.theme-night button,body.theme-night .language-menu summary,body.theme-night .user-actions summary,body.theme-night .theme-toggle,body.theme-night .back-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#fff;box-shadow:none}
body.theme-night nav a:hover,body.theme-night .button:hover,body.theme-night button:hover,body.theme-night .language-menu summary:hover,body.theme-night .user-actions summary:hover,body.theme-night .theme-toggle:hover,body.theme-night .back-button:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
body.theme-night .monitor-entry{background:#dff7ea!important;border-color:#8ad6ad!important;color:#075f3d!important;box-shadow:0 12px 28px rgba(22,155,104,.16)!important}body.theme-night .monitor-entry:hover{background:#ccf0dc!important;border-color:#5fc58e!important}
body.theme-night .theme-toggle{background:#fff!important;border-color:rgba(255,255,255,.84)!important;color:#111827!important}body.theme-night .theme-toggle:hover{background:#f8fafc!important;border-color:#fff!important}
body.theme-night .logout-link,body.theme-night .primary-action,body.theme-night .form-submit,body.theme-night .login-submit,body.theme-night .create-popover summary,body.theme-night .create-popover-panel button,body.theme-night .scope-add button,body.theme-night .scope-dropdown button,body.theme-night .work-mode-form button,body.theme-night .form:not(.inline):not(.records-filter)>button,body.theme-night .permission-form>button,body.theme-night form[id^="shift-"] button,body.theme-night .records-filter .primary-action,body.theme-night .mode-tabs .active,body.theme-night .user-actions summary,body.theme-night .password-actions summary,body.theme-night .action-link{background:#ff3045!important;border-color:#ff3045!important;color:#fff!important}
body.theme-night .page-head h1,body.theme-night .panel h1,body.theme-night .panel h2,body.theme-night .hero h1,body.theme-night .hero-user,body.theme-night .clock-line,body.theme-night .mock-title{color:#fff}body.theme-night .muted,body.theme-night .shift-line,body.theme-night label{color:var(--muted)}
body.theme-night .hero{background:linear-gradient(180deg,rgba(255,48,69,.24) 0 48%,rgba(255,255,255,.05) 48% 100%);border-color:rgba(255,48,69,.34);box-shadow:0 28px 70px rgba(0,0,0,.28)}
body.theme-night .hero-title,body.theme-night .panel,body.theme-night .login-panel,body.theme-night .toolbar,body.theme-night .metric,body.theme-night .people-panel,body.theme-night .stats div,body.theme-night .scope-menu,body.theme-night .scope-dropdown,body.theme-night .group-sidebar,body.theme-night .board-preview,body.theme-night .vertical-lane,body.theme-night .split-group,body.theme-night .minimal-row,body.theme-night .vertical-card,body.theme-night .preview-tabs{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.15);box-shadow:0 22px 56px rgba(0,0,0,.22);color:#fff}
body.theme-night .announcement-item,body.theme-night .announcement-carousel,body.theme-night .online-group-row,body.theme-night .toolbar a,body.theme-night .role-card,body.theme-night .tile-times div,body.theme-night .mini-data span,body.theme-night .mini-data button,body.theme-night .create-popover-panel,body.theme-night .language-list,body.theme-night .user-actions-body,body.theme-night .password-actions-body,body.theme-night .login-message,body.theme-night .scope-add,body.theme-night input,body.theme-night select,body.theme-night textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
body.theme-night input::placeholder,body.theme-night textarea::placeholder{color:rgba(226,232,240,.7)}body.theme-night input:focus,body.theme-night select:focus,body.theme-night textarea:focus{outline:2px solid rgba(255,48,69,.3);border-color:rgba(255,48,69,.72)}
body.theme-night .toolbar a:hover,body.theme-night .language-list a:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25)}
body.theme-night .metric:before{background:#ff3045}body.theme-night .metric.danger:before{background:#f4b740}body.theme-night .ops-panel{background:rgba(8,11,18,.92);border-color:rgba(255,255,255,.16)}
body.theme-night .action-card.work_start{background:#2158b8}body.theme-night .action-card.work_end{background:#09815b}body.theme-night .action-card.leave{background:#c68123}body.theme-night .action-card.return{background:#c7283c}
body.theme-night th{background:rgba(255,255,255,.08);color:#cbd5e1}body.theme-night td{color:#f8fafc}body.theme-night .panel table tbody tr:hover{background:rgba(255,255,255,.05)}body.theme-night .freeze-account th:first-child,body.theme-night .freeze-account td:first-child{background:#2b303b;color:#fff}body.theme-night .freeze-account th:first-child{background:#3a404b}body.theme-night .freeze-account tbody tr:hover td:first-child{background:#333946}
body.theme-night .scope-label{background:rgba(255,255,255,.12);color:#fff}body.theme-night .scope-links a,body.theme-night .scope-add{border-left-color:rgba(255,255,255,.14);color:#fff}body.theme-night .scope-links a.active{background:#ff3045;color:#fff}
body.theme-night .daily-report-wrap{border-color:rgba(255,255,255,.15)}body.theme-night .daily-report thead th,body.theme-night .daily-report .daily-person{background:rgba(255,255,255,.08);color:#fff}body.theme-night .daily-report .daily-date-head,body.theme-night .daily-report .daily-date-spacer,body.theme-night .daily-report .daily-date{background:#2b303b;color:#fff}body.theme-night .daily-report td.ok{background:rgba(255,255,255,.04)}body.theme-night .daily-report td.empty{background:rgba(255,255,255,.03);color:#94a3b8}body.theme-night .daily-report tfoot .daily-total{background:#252b35!important;color:#fff}
body.theme-night .notice,body.theme-night .announcement{color:#fff}body.theme-night .success-notice{background:rgba(34,201,138,.14);border-color:rgba(34,201,138,.32);color:#a7f3d0}body.theme-night .danger-notice,body.theme-night .handover-alert{background:rgba(255,48,69,.12);border-color:rgba(255,48,69,.34);color:#fecdd3}body.theme-night .online-pill,body.theme-night .online-group-row b,body.theme-night .status-badge.active{background:rgba(34,201,138,.16);color:#86efac}
body.theme-night .login-bg-word{color:rgba(255,48,69,.12)}body.theme-night .flag-strip span:first-child{background:#ff3045}body.theme-night .flag-strip span:last-child{background:#fff}body.theme-night .avatar,body.theme-night .tile-status,body.theme-night .mini-status{background:#080b12;color:#fff}
body.theme-night .board-preview{background:rgba(255,255,255,.065)!important}body.theme-night .preview-heading h2,body.theme-night .board-group-head h2,body.theme-night .lane-title h2,body.theme-night .vertical-group h2,body.theme-night .ops-board-group h2,body.theme-night .focus-group h2{color:#fff}body.theme-night .preview-heading span,body.theme-night .board-group-head span,body.theme-night .lane-title span{color:#cbd5e1}
body.theme-night .vertical-lane{background:rgba(255,255,255,.055)!important}body.theme-night .mini-tile,body.theme-night .attendance-tile,body.theme-night .vertical-card,body.theme-night .ops-row,body.theme-night .split-card,body.theme-night .minimal-row{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#fff}body.theme-night .mini-tile.online,body.theme-night .attendance-tile.online,body.theme-night .vertical-card.online{background:linear-gradient(135deg,rgba(34,201,138,.18),rgba(255,255,255,.06))!important;border-color:rgba(34,201,138,.45)!important}body.theme-night .mini-tile.leave,body.theme-night .attendance-tile.leave,body.theme-night .vertical-card.leave{background:linear-gradient(135deg,rgba(244,183,64,.2),rgba(255,255,255,.06))!important;border-color:rgba(244,183,64,.5)!important}body.theme-night .mini-tile.absent,body.theme-night .attendance-tile.absent,body.theme-night .vertical-card.absent{background:linear-gradient(135deg,rgba(255,48,69,.18),rgba(255,255,255,.06))!important;border-color:rgba(255,48,69,.48)!important}body.theme-night .mini-tile.ended,body.theme-night .attendance-tile.ended{background:linear-gradient(135deg,rgba(92,157,255,.18),rgba(255,255,255,.06))!important;border-color:rgba(92,157,255,.42)!important}
body.theme-night .mini-person strong,body.theme-night .tile-person strong,body.theme-night .vertical-person strong,body.theme-night .mini-data b,body.theme-night .tile-times strong,body.theme-night .vertical-timebar b,body.theme-night .ops-row b,body.theme-night .split-card dd,body.theme-night .minimal-row span,body.theme-night .minimal-row b{color:#fff}body.theme-night .mini-person span,body.theme-night .tile-person span,body.theme-night .tile-times span,body.theme-night .tile-note,body.theme-night .mini-data span,body.theme-night .mini-data button,body.theme-night .vertical-person span,body.theme-night .vertical-timebar span,body.theme-night .split-card dt,body.theme-night .minimal-row p{color:#cbd5e1}body.theme-night .mini-data span,body.theme-night .mini-data button,body.theme-night .tile-times div,body.theme-night .vertical-timebar span{background:rgba(8,11,18,.5)!important;border-color:rgba(255,255,255,.14)!important}body.theme-night .leave-cell.live{background:rgba(244,183,64,.16)!important;border-color:#f4b740!important;color:#fff}body.theme-night .leave-cell.live b{color:#fff}body.theme-night .mini-status,body.theme-night .tile-status{background:rgba(8,11,18,.86)!important;border:1px solid rgba(255,255,255,.14)}
body.theme-night .attendance-tile.online .tile-status,body.theme-night .mini-tile.online .mini-status{background:#22c98a!important;color:#07130f!important;border-color:rgba(34,201,138,.65)!important}body.theme-night .attendance-tile.leave .tile-status,body.theme-night .mini-tile.leave .mini-status{background:#f4b740!important;color:#241700!important;border-color:rgba(244,183,64,.7)!important}body.theme-night .attendance-tile.ended .tile-status,body.theme-night .mini-tile.ended .mini-status{background:#5c9dff!important;color:#061121!important;border-color:rgba(92,157,255,.7)!important}body.theme-night .attendance-tile.absent .tile-status,body.theme-night .mini-tile.absent .mini-status{background:#ff4056!important;color:#fff!important;border-color:rgba(255,64,86,.7)!important}
body.theme-night .leave-detail-button{background:#ff3045!important;color:#fff!important;border-color:#ff3045!important}
body.theme-night .leave-dialog{background:#171b24!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
body.theme-night .leave-dialog-row{background:rgba(244,183,64,.14)!important;border-color:rgba(244,183,64,.55)!important;color:#fde68a!important}
body.theme-night .mini-person .avatar,body.theme-night .tile-person .avatar,body.theme-night .vertical-person .avatar{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;letter-spacing:0!important;padding:0!important}body.theme-night .mini-person .avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:12px!important}body.theme-night .tile-person .avatar,body.theme-night .vertical-person .avatar{line-height:1!important}body.theme-night .mini-person .avatar img,body.theme-night .tile-person .avatar img,body.theme-night .vertical-person .avatar img{display:block;width:100%;height:100%;object-fit:cover}
body.theme-night .online{color:#86efac}body.theme-night .leave{color:#fcd34d}body.theme-night .absent{color:#fca5a5}body.theme-night .ended{color:#93c5fd}body.theme-night .focus-card{box-shadow:0 18px 42px rgba(0,0,0,.22)}body.theme-night .focus-card .avatar{background:#fff;color:#080b12}
.panel,.toolbar,.scope-menu,.scope-dropdown,.metric,.people-panel,.mini-tile,.attendance-tile,.action-card,.hero,.hero-title{box-shadow:0 6px 18px rgba(16,24,40,.055)!important}.panel,.login-panel{padding:16px!important;margin-top:14px!important}.toolbar{padding:10px!important;gap:8px!important}.toolbar a{min-height:40px!important}.metric{min-height:72px!important;padding:11px 14px!important}.metric strong{font-size:1.65em!important}.metric span{margin-top:6px!important}.metric-icon{width:22px!important;height:22px!important;flex-basis:22px!important}.admin-layout{gap:14px!important;margin-top:14px!important}.ops-item{padding:10px!important}.scope-dropdown{padding:12px!important;gap:10px!important}.scope-menu{margin-top:14px!important}.action-grid{gap:9px!important;margin:12px 0!important}.action-card{min-height:3.9em!important}.panel,.toolbar,.scope-menu,.scope-dropdown,.board-preview,.vertical-lane,.role-grid>.panel{content-visibility:auto;contain-intrinsic-size:1px 320px}
body.theme-night .panel,body.theme-night .toolbar,body.theme-night .scope-menu,body.theme-night .scope-dropdown,body.theme-night .metric,body.theme-night .people-panel,body.theme-night .mini-tile,body.theme-night .attendance-tile,body.theme-night .hero,body.theme-night .hero-title{box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.mini-person .avatar,.tile-person .avatar,.vertical-person .avatar{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;letter-spacing:0!important;padding:0!important;color:#fff!important}.mini-person .avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:12px!important}.mini-person .avatar img,.tile-person .avatar img,.vertical-person .avatar img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:980px){.hero,.action-grid,.stats,.admin-grid,.admin-layout,.role-help,.preview-grid,.app-shell,.role-grid{grid-template-columns:1fr}.form.inline,.account-form,.records-filter{grid-template-columns:1fr}.records-filter .filter-actions{flex-wrap:wrap}.records-filter .export-button{justify-self:stretch}.account-form .wide-field,.account-form .permission-grid,.account-form .role-help,.form-submit{grid-column:auto}.permission-grid{grid-template-columns:1fr}.page-head,.notice,.topbar{align-items:stretch;flex-direction:column}.language-list{left:0;right:auto}.group-sidebar{position:static}.scope-row{grid-template-columns:1fr}.scope-label{min-height:42px}.scope-links{grid-column:auto;overflow-x:auto;flex-wrap:nowrap}.scope-links a,.scope-add{border-left:0;border-top:1px solid var(--line);white-space:nowrap}.user-actions-body{position:static;min-width:320px}.action-card{min-height:88px}}