:root{--ink:#17202b;--muted:#64717d;--muted-2:#65727e;--bg:#f6f7f9;--surface:#fff;--line:#e6e9ed;--sidebar:#171b20;--sidebar-2:#20262d;--gold:#c49a55;--blue:#6f98c5;--green:#78a982;--amber:#c49d60;--red:#c77e7e;--shadow:0 14px 34px #1f2b390f;color:var(--ink);background:var(--bg);font-family:"Source Sans 3",Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.login-shell{background:#f6f7f8;grid-template-columns:minmax(420px,1fr) minmax(380px,1fr);min-height:100dvh;display:grid}.login-panel{flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding:56px 72px;display:flex}.login-aside{color:#dfe5e8;background:#171b20;flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex;position:relative;overflow:hidden}.login-aside:before{content:"";border:1px solid #c49a552e;border-radius:50%;width:420px;height:420px;position:absolute;box-shadow:0 0 0 70px #c49a5506,0 0 0 140px #c49a5505}.login-aside p{text-align:center;color:#9ea7b1;max-width:260px;margin-top:30px;font-size:17px;position:relative}.aside-mark{background:#fff;border-radius:25px;padding:24px;position:relative;box-shadow:0 20px 60px #0000002e}.aside-mark img{width:min(285px,45vw);height:auto;display:block}.brand-lockup{align-items:center;gap:12px;margin-bottom:84px;display:flex}.brand-lockup img{object-fit:contain;width:40px;height:40px}.brand-lockup strong{letter-spacing:-.04em;font:600 22px Lexend,sans-serif;display:block}.brand-lockup span{letter-spacing:.24em;color:#8a652e;margin-top:2px;font:600 10px Lexend,sans-serif;display:block}.eyebrow{color:var(--gold);letter-spacing:.12em;margin:0 0 10px;font-size:11px;font-weight:700}.login-copy h1{letter-spacing:-.04em;margin:0 0 12px;font:600 32px Lexend,sans-serif}.login-copy>p:not(.eyebrow){color:var(--muted);margin:0 0 34px;font-size:16px}.login-form{flex-direction:column;gap:18px;display:flex}.login-form label,.modal-form label,.settings-panel label{color:#4d5864;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.login-form input,.modal-form input,.modal-form select,.settings-panel input,.settings-panel select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.login-form input{padding:14px 15px}.login-form input:focus,.modal-form input:focus,.modal-form select:focus,.settings-panel input:focus,.settings-panel select:focus{border-color:#9cb1c8;box-shadow:0 0 0 3px #6f98c526}.primary-button{color:#fff;background:#1f2a33;border-radius:8px;min-height:44px;padding:12px 18px;font-weight:600;transition:transform .18s,background .18s}.primary-button:hover{background:#303d48;transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.primary-button.compact{min-height:40px;padding:10px 15px}.secondary-button{color:#4f5a65;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:10px 14px;font-weight:600}.secondary-button:hover,.icon-button:hover{background:#fafbfc;border-color:#c1c9d1}.form-error{color:#af5555;background:#fff1f1;border:1px solid #f1d1d1;border-radius:7px;padding:10px 12px;font-size:13px}.login-note{color:var(--muted-2);margin-top:22px;font-size:12px}.admin-shell{min-height:100dvh;display:flex}.sidebar{background:var(--sidebar);color:#d6dce2;z-index:20;flex-direction:column;width:256px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;height:76px;padding:20px 22px;display:flex}.sidebar-brand img{object-fit:contain;width:31px;height:31px}.sidebar-brand b{letter-spacing:-.05em;color:#f3f5f6;font:600 18px Lexend}.sidebar-brand span{letter-spacing:.2em;color:#c49a55;font:600 9px Lexend;display:block}.close-mobile{display:none}.workspace{color:#d5dbe0;border:1px solid #ffffff17;border-radius:7px;align-items:center;gap:8px;margin:20px 16px 15px;padding:10px 11px;font-size:12px;display:flex}.workspace-dot{background:#7fb28b;border-radius:50%;width:7px;height:7px}.chevron{color:#7c8790;margin-left:auto}.side-nav{padding:0 10px}.nav-section{letter-spacing:.13em;color:#717c87;padding:12px 13px 8px;font-size:10px;font-weight:700}.nav-item{color:#aeb7c0;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:11px 13px;font-size:14px;display:flex}.nav-item:hover{background:var(--sidebar-2);color:#fff}.nav-item.active{color:#fff;box-shadow:inset 2px 0 0 var(--gold);background:#2c333b}.nav-icon{text-align:center;color:#8793a0;width:18px;font-size:18px}.nav-item.active .nav-icon{color:#d1aa67}.nav-count{color:#bac2c9;background:#3d454e;border-radius:12px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:14px 16px 18px}.help-box{border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:11px;display:flex}.help-icon{color:#aeb7c0;border:1px solid #77838e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.help-box b,.user-row b{color:#e1e5e8;font-size:12px;display:block}.help-box small,.user-row small{color:#7f8a95;margin-top:2px;font-size:11px;display:block}.user-row{color:#fff;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:5px;display:flex}.more{color:#84909b;margin-left:auto;font-size:18px}.avatar{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid}.avatar-gold{color:#fff;background:#c39b5a}.avatar-large{width:62px;height:62px;font-size:19px}.main-area{flex:1;min-width:0;margin-left:256px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffc;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex;position:sticky;top:0}.crumb{color:#a0a9b3;align-items:center;gap:12px;font-size:13px;display:flex}.crumb b{color:#d1d6db;font-weight:400}.crumb strong{color:#586470;font-weight:600}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#788490;background:0 0;border:1px solid #0000;border-radius:8px;width:35px;height:35px;position:relative}.has-dot:after{content:"";background:#c49a55;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.top-user{border-left:1px solid var(--line);align-items:center;gap:9px;margin-left:4px;padding-left:18px;display:flex}.top-user b{font-size:12px;display:block}.top-user small{color:var(--muted);font-size:11px;display:block}.menu-toggle{display:none}.content{max-width:1500px;margin:0 auto;padding:42px 48px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:0;font:600 28px Lexend}.page-heading h1 span{color:var(--gold);font-size:18px}.subtitle{color:var(--muted);margin:7px 0 0;font-size:15px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;align-items:flex-start;gap:14px;min-height:124px;padding:20px;display:flex;position:relative}.metric-icon{border-radius:9px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:grid}.metric-icon.blue{color:#668ebb;background:#edf3fb}.metric-icon.green{color:#71a77a;background:#edf7ef}.metric-icon.amber{color:#b99051;background:#fbf4e8}.metric-icon.slate{color:#7c8792;background:#f0f2f4}.metric-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.metric-card strong{letter-spacing:-.05em;font:600 28px Lexend;display:block}.metric-card small{color:var(--muted-2);margin-top:4px;font-size:11px;display:block}.metric-trend{color:#b8c1c8;margin-left:auto;font-size:15px}.dashboard-grid{grid-template-columns:1.18fr .82fr;gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px}.panel-header{justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.panel-header h2{margin:0;font:600 16px Lexend}.panel-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.text-button{color:#758b9e;background:0 0;padding:3px;font-size:12px;font-weight:600}.text-button span,.info-banner button span,.primary-button span{margin-left:6px}.recent-list{padding:0 24px 13px}.recent-row{border-top:1px solid #f0f1f3;align-items:center;gap:11px;padding:14px 0;display:flex}.row-main{flex:1;min-width:0}.row-main b{font-size:13px;display:block}.row-main span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.status-dot{border-radius:50%;width:7px;height:7px;margin-left:5px}.status-dot.active{background:#79ab84}.status-dot.probation{background:#c79c5d}.status-dot.on_leave{background:#9a9fa5}.status-dot.terminated{background:#bd7e7e}.row-status{color:#71808b;width:92px;font-size:11px}.row-date{color:#a0a9b1;font-size:11px}.dept-chart{padding:2px 24px 20px}.dept-line{margin:15px 0}.dept-label{color:#66737f;justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.dept-label b{color:#28333c}.bar-track{background:#f0f2f4;border-radius:9px;height:7px;overflow:hidden}.bar-track span{border-radius:9px;height:100%;display:block}.dept-total{color:var(--muted);border-top:1px solid #f0f1f3;justify-content:space-between;padding:16px 24px;font-size:12px;display:flex}.dept-total b{color:#29343d}.info-banner{background:#fffcf5;border:1px solid #eadfca;border-radius:11px;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex}.info-symbol{color:#b38c51;background:#f4ead4;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.info-banner b{font:600 13px Lexend}.info-banner p{color:#8b816d;margin:3px 0 0;font-size:12px}.info-banner button{color:#a57c3d;white-space:nowrap;background:0 0;margin-left:auto;font-size:12px;font-weight:600}.toolbar{align-items:center;gap:10px;margin:-8px 0 18px;display:flex}.search-box{border:1px solid var(--line);color:#9ba5af;background:#fff;border-radius:8px;flex:1;align-items:center;gap:9px;max-width:410px;height:41px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.table-panel{overflow:hidden}.table-summary{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:18px 22px;font-size:13px;display:flex}.table-summary span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;color:#8b96a0;letter-spacing:.09em;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 16px;font-size:10px;font-weight:700}td{color:#5c6974;white-space:nowrap;border-bottom:1px solid #f0f2f4;padding:14px 16px;font-size:13px}tbody tr:hover{background:#fbfcfd}.person-cell{align-items:center;gap:10px;display:flex}.person-cell b{color:#26323c;font-size:13px;display:block}.person-cell small{color:#929da7;margin-top:2px;font-size:11px;display:block}.code{color:#788692;font-family:ui-monospace,monospace;font-size:12px}.badge{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.active{color:#61966c;background:#edf7ef}.badge.probation{color:#a98246;background:#fbf3e4}.badge.on_leave{color:#7b858e;background:#f0f2f4}.badge.terminated{color:#b36d6d;background:#fbefef}.row-action{color:#8b96a0;background:0 0;border-radius:5px;width:28px;height:28px;font-size:17px}.row-action:hover{color:#4f5c67;background:#f2f4f5}.empty-state{text-align:center;color:var(--muted);padding:62px 20px}.empty-state b,.empty-state span{display:block}.empty-state span{margin-top:6px;font-size:13px}.catalog-panel{overflow:hidden}.catalog-grid{padding:0 22px}.catalog-row{border-bottom:1px solid #f0f2f4;align-items:center;gap:15px;padding:17px 2px;display:flex}.catalog-row:last-child{border-bottom:0}.catalog-number{color:#b0b8bf;width:26px;font:600 12px ui-monospace}.catalog-row>div{flex:1}.catalog-row b{font-size:14px;display:block}.catalog-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.active-pill,.live-chip{color:#61966c;background:#edf7ef;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600}.live-chip{align-items:center;gap:6px;display:flex}.live-chip i{background:#6fa27a;border-radius:50%;width:6px;height:6px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.settings-panel{padding:0 24px 24px}.settings-panel .panel-header{padding-left:0;padding-right:0}.settings-panel>label{margin-top:16px}.settings-panel .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.field-help{color:var(--muted);font-size:11px;font-weight:400}.settings-panel .primary-button{margin-top:22px}.modal-backdrop{z-index:50;background:#171b2085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(600px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 80px #00000040}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:27px 29px 20px;display:flex}.modal-header h2{margin:0;font:600 21px Lexend}.modal-header p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:13px}.close-button{color:#7c8791;background:#f3f5f6;border-radius:50%;width:32px;height:32px;font-size:21px}.modal-form{flex-direction:column;gap:16px;padding:23px 29px 27px;display:flex}.modal-form .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:20px;display:flex}.toast{color:#fff;z-index:70;background:#202a33;border-radius:8px;padding:13px 15px 13px 17px;font-size:13px;position:fixed;bottom:24px;right:26px;box-shadow:0 16px 32px #00000029}.toast button{color:#aeb8c0;background:0 0;margin-left:13px;font-size:16px}.loading-screen{min-height:100dvh;color:var(--muted);align-content:center;place-items:center;gap:13px;display:grid}.spinner{border:2px solid #dae0e5;border-top-color:#718ca8;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-page{max-width:1100px;margin:0 auto;padding:42px 48px}.back-link{color:#70869a;margin-bottom:30px;font-size:13px;display:inline-block}.detail-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.detail-header h1{margin:0;font:600 27px Lexend}.detail-header p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.detail-header>.badge{margin-left:auto}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-card{padding:24px}.detail-card h2{margin:0 0 22px;font:600 16px Lexend}.detail-card dl{grid-template-columns:150px 1fr;gap:15px;margin:0;font-size:13px;display:grid}.detail-card dt{color:var(--muted)}.detail-card dd{color:#2d3842;margin:0;font-weight:600}@media (max-width:1100px){.sidebar{width:224px}.main-area{margin-left:224px}.content{padding:34px 28px}.topbar{padding:0 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-panel{padding:50px}}@media (max-width:760px){.login-shell{display:block}.login-panel{max-width:none;min-height:100dvh;padding:32px 24px}.login-aside{display:none}.brand-lockup{margin-bottom:55px}.sidebar{width:270px;transition:transform .22s;transform:translate(-100%);box-shadow:20px 0 50px #00000024}.sidebar.open{transform:translate(0)}.close-mobile{color:#bbc4cc;background:0 0;margin-left:auto;font-size:25px;display:block}.main-area{margin-left:0}.topbar{height:64px;padding:0 18px}.menu-toggle{color:#6f7e89;background:0 0;margin-right:12px;font-size:20px;display:block}.crumb{font-size:12px}.top-actions .icon-button,.top-user{display:none}.content{padding:27px 16px 40px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading .primary-button{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{gap:9px;min-height:111px;padding:15px 13px}.metric-icon{width:32px;height:32px;font-size:15px}.metric-card strong{font-size:23px}.metric-trend{display:none}.metric-label{font-size:11px}.metric-card small{font-size:10px}.panel-header{padding:18px 17px 14px}.recent-list{padding:0 17px 8px}.row-date{display:none}.row-status{width:auto;margin-left:auto}.info-banner{flex-wrap:wrap;align-items:flex-start;padding:14px}.info-banner button{margin-left:42px}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none}.toolbar .secondary-button{flex:1}.table-summary{padding:15px}.settings-grid,.detail-grid{grid-template-columns:1fr}.settings-panel{padding:0 17px 20px}.settings-panel .form-row,.modal-form .form-row{grid-template-columns:1fr}.modal-header,.modal-form{padding-left:20px;padding-right:20px}.detail-page{padding:27px 16px}.detail-header{flex-wrap:wrap;align-items:flex-start}.detail-header>.badge{margin-left:0}.detail-card dl{grid-template-columns:120px 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.danger-button{color:#ae5d5d;background:#fff1f1;border:1px solid #edcaca;border-radius:8px;min-height:40px;padding:10px 14px;font-weight:600}.danger-button:hover{background:#fbe5e5}.detail-actions{justify-content:flex-end;gap:10px;margin:-8px 0 24px;display:flex}.check-label{align-items:center;flex-direction:row!important;gap:9px!important;display:flex!important}.check-label input{height:16px;width:16px!important}.modal-form textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;outline:0;width:100%;padding:12px}.modal-form textarea:focus{border-color:#9cb1c8;box-shadow:0 0 0 3px #6f98c526}.filter-select{border:1px solid var(--line);color:#5f6b75;background:#fff;border-radius:8px;outline:0;min-width:140px;height:41px;padding:0 11px}.filter-select:focus{border-color:#9cb1c8;box-shadow:0 0 0 3px #6f98c526}.pagination{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.pagination>div{gap:7px;display:flex}.pagination .secondary-button{min-height:34px;padding:7px 10px;font-size:12px}.pagination .secondary-button:disabled{opacity:.45;cursor:not-allowed}.dialog-overlay{z-index:50;background:#171b2085;position:fixed;inset:0}.dialog-content{z-index:51;width:min(600px,100% - 32px);max-height:calc(100dvh - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.optional-fields{border:1px solid var(--line);border-radius:8px;padding:12px}.optional-fields summary{cursor:pointer;font-size:13px;font-weight:600}.optional-fields .form-row{margin-top:12px}.avatar-upload{flex-direction:column;align-items:center;gap:6px;display:flex}.avatar-upload input[type=file]{display:none}.avatar-upload label{cursor:pointer}.content .detail-page{max-width:none;padding:0}.detail-card dl{display:block}.info-pair{grid-template-columns:145px 1fr;gap:12px;margin-bottom:12px;display:grid}.activity-row{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:8px 0;display:flex}.activity-row b{font-size:13px}.activity-row small{color:var(--muted);font-size:11px}.toolbar{flex-wrap:wrap}.toolbar label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.audit-json{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#f6f7f9;border-radius:8px;max-height:280px;padding:10px;font-size:11px;overflow:auto}.badge.invited{color:#4c78a9;background:#edf3fb}.badge.suspended{color:#916623;background:#fbf3e4}.crumb{color:#64717d}.eyebrow{color:#8a652e}.login-note,.person-cell small,.row-date,.code{color:#65727e}.text-button{color:#486781}.badge.active,.active-pill,.live-chip{color:#326641}.badge.probation{color:#80571f}.badge.on_leave{color:#56616b}.badge.terminated{color:#934e4e}.nav-section{color:#939fac}.metric-icon{border-radius:50%}.metric-icon.green{color:#42744c}.metric-icon.blue{color:#456b96}.metric-icon.amber{color:#80571f}.metric-icon.red{color:#9c3838;background:#fff0f0}.nav-icon svg{stroke-width:1.8px;width:18px;height:18px}.primary-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.dashboard-grid{grid-template-columns:1.25fr .85fr}.dept-line{grid-template-columns:100px 1fr;align-items:center;gap:12px;margin:8px 0;padding:10px 28px 10px 0;display:grid;position:relative}.dept-label{display:contents}.dept-label b{font-size:12px;position:absolute;right:0}.bar-track{height:9px}.dept-chart{padding-top:10px}.metric-label{font-size:13px}.metric-card small{color:#64717d}.row-main span{font-size:12px}.recent-row{padding:18px 0}.row-date{text-align:right;min-width:75px}.row-status{color:#64717d}.avatar-soft{color:#46627c;background:#eaf0f6}.page-heading h1{font-size:30px}.content{padding-top:34px}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #547fa8}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.row-main{min-width:130px}.toolbar{gap:8px}}@media (max-width:760px){.toolbar select{flex:1;min-width:140px}.row-date{display:none}.metric-label{font-size:11px}.page-heading h1{font-size:25px}.modal-form .form-row{grid-template-columns:1fr}.avatar-upload{align-items:flex-start}}@media (min-width:1101px){.sidebar{width:292px}.main-area{margin-left:292px}.topbar{height:68px;padding:0 38px}.sidebar-brand{gap:14px;height:84px;padding:24px 28px}.sidebar-brand img{width:42px;height:42px}.sidebar-brand b{font-size:22px}.nav-item{gap:16px;padding:14px 17px;font-size:17px}.nav-icon{width:24px}.nav-icon svg{width:23px;height:23px}.content{padding:34px 30px 48px}.page-heading h1{font-size:36px}.subtitle{font-size:17px}.metric-card{gap:16px;min-height:128px;padding:23px}.metric-icon{width:50px;height:50px}.metric-label{font-size:15px}.metric-card strong{font-size:32px}.metric-card small{font-size:12px}.panel-header h2{font-size:20px}.panel-header p{font-size:13px}.panel-header{padding:23px 24px 20px}.recent-row{min-height:92px;padding:21px 0}.row-main b{font-size:15px}.row-main span{font-size:13px}.avatar-soft{width:43px;height:43px;font-size:13px}.recent-row .badge{padding:6px 9px;font-size:12px}.row-date{font-size:12px}.dept-line{min-height:66px;margin:5px 0}.dept-label,.dept-label b{font-size:14px}.dept-total{font-size:13px}.crumb{font-size:15px}}@media (max-width:760px){.login-form input{font-size:16px}.nav-item svg{width:20px;height:20px}}.avatar-upload label{border-radius:6px;min-height:30px;padding:3px 7px;position:relative}.avatar-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-upload label:focus-within{outline-offset:2px;outline:3px solid #547fa8}.row-actions{gap:4px;display:flex}.row-actions .row-action{place-items:center;width:32px;height:34px;display:grid}.metric-card strong,td,.code{font-variant-numeric:tabular-nums}.sidebar-brand b{text-overflow:ellipsis;white-space:nowrap;max-width:205px;overflow:hidden}@media (max-width:760px){.row-actions .row-action{width:44px;height:44px}}th{color:#5f6b76;font-size:11px}.row-action{color:#607181}.login-panel>.text-button{align-self:flex-start;margin-top:10px}.employee-picker{flex-direction:column;gap:8px;display:flex}.avatar img,.avatar{object-fit:cover}.badge{white-space:nowrap}.workspace small{color:#aeb7c0;margin-bottom:3px;font-size:10px;display:block}.workspace>span:last-child{overflow-wrap:anywhere;min-width:0}.register-form .brand-lockup{margin-bottom:36px}
.shift-color{border-radius:50%;flex:none;width:10px;height:10px}.shift-table{min-width:850px}.shift-table td>svg{vertical-align:middle;color:var(--muted)}.overnight{color:#896835;white-space:nowrap;font-size:11px}.inline-check{align-items:center;font-size:13px;flex-direction:row!important;gap:9px!important;display:flex!important}.inline-check input{height:17px;accent-color:var(--gold);width:17px!important}.shift-rules{border-top:1px solid var(--line);padding-top:16px}.shift-rules summary{cursor:pointer;color:var(--ink);font-weight:600}.shift-rules .form-row{margin-top:14px}.schedule-actions{flex-wrap:wrap;gap:10px;display:flex}.schedule-actions button{align-items:center;gap:7px;display:inline-flex}.schedule-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;display:flex}.schedule-toolbar>input,.schedule-toolbar select{border:1px solid var(--line);max-width:190px;height:40px;color:var(--ink);background:#fff;border-radius:7px;padding:8px 10px;font-size:13px}.schedule-toolbar .search-box{min-width:170px;max-width:205px;height:40px}.date-switch{border:1px solid var(--line);background:#fff;border-radius:9px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.date-switch button{background:#fff;border:0;border-radius:0;height:39px;padding:9px}.date-switch strong{white-space:nowrap;padding:0 8px;font-size:12px}.view-switch{border:1px solid var(--line);background:#edf0f3;border-radius:30px;flex-shrink:0;padding:2px;display:flex}.view-switch button{color:#66737f;background:0 0;border:0;border-radius:25px;min-height:34px;padding:6px 14px;font-size:12px}.view-switch .selected{background:var(--gold);color:#fff}.bulk-bar{flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 16px;display:flex}.bulk-bar button{align-items:center;gap:7px;font-size:12px;display:flex}.bulk-bar>.field-help{margin-left:auto}.schedule-scroll{min-height:180px;max-height:calc(100dvh - 290px);overflow:auto}.schedule-grid{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:1060px}.schedule-grid thead th{z-index:3;border-bottom:1px solid var(--line);text-align:center;letter-spacing:0;color:var(--ink);background:#fff;padding:12px 8px;font-size:12px;position:sticky;top:0}.schedule-grid thead th>span{color:var(--muted);margin-top:4px;font-weight:400;display:block}.schedule-grid th:first-child{z-index:2;border-right:1px solid var(--line);background:#fff;width:205px;position:sticky;left:0}.schedule-grid thead th:first-child{z-index:4;text-align:left;padding-left:18px}.schedule-grid tbody th{text-transform:none;letter-spacing:0;white-space:normal;padding:15px 12px;font-size:12px;font-weight:400}.schedule-grid td{vertical-align:top;white-space:normal;border-right:1px solid #edf0f3;height:93px;padding:8px}.schedule-grid .is-today{background:#faf8f2}.roster-person{align-items:center;gap:8px;display:flex}.roster-person>input{width:15px;height:15px;accent-color:var(--gold);flex:none}.roster-person>span:last-child{min-width:0}.roster-person b{color:var(--ink);font-size:12px;display:block}.roster-person small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.roster-person .ineligible-note{color:#986769}.schedule-tile{text-align:left;width:100%;min-height:55px;color:var(--ink);border:1px solid #0000;border-radius:6px;margin-bottom:5px;padding:7px 8px;font-size:11px;display:block;overflow:hidden}.schedule-tile:hover{box-shadow:0 0 0 1px #a3aeb8}.schedule-tile b{overflow-wrap:anywhere;align-items:center;gap:5px;font-weight:600;line-height:1.35;display:flex}.schedule-tile i,.schedule-legend i{border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.schedule-tile small{color:#586a7b;margin-top:3px;font-size:10px;display:block}.schedule-tile .tile-status{color:#566778;margin-bottom:3px;font-size:9px;display:block}.schedule-tile.draft{border-style:dashed}.schedule-tile.cancelled{opacity:.65;background:#f1f2f4!important}.schedule-tile.cancelled b{text-decoration:line-through}.schedule-tile.locked{background:#e9edf1!important}.assign-cell{color:#8fa0b0;background:0 0;border:1px dashed #d9dfe5;border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:26px;display:flex}.assign-cell:hover{color:#43576a;background:#edf2f7}.schedule-legend{color:#687888;flex-wrap:wrap;gap:20px;margin-top:17px;padding:16px 18px;font-size:11px;display:flex}.schedule-legend>span{align-items:center;gap:6px;display:flex}.schedule-legend small{color:#8997a3;font-size:10px}.month-scroll{overflow:auto}.month-calendar{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:950px;display:grid;overflow:hidden}.month-day-label{text-align:center;background:#f9fafb;padding:12px;font-size:12px;font-weight:600}.month-cell{border-right:1px solid var(--line);border-top:1px solid var(--line);min-height:170px;padding:9px}.month-cell header{color:#617182;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.month-cell.is-today{background:#fbf8f0}.month-cell.outside-month{opacity:.72;background:#f8f9fb}.month-cell .schedule-tile{padding:6px;font-size:10px}.schedule-metrics-panel{grid-column:1/-1}.schedule-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 24px 24px;display:grid}.schedule-metrics b{font:600 23px Lexend,sans-serif;display:block}.schedule-metrics span{color:var(--muted);font-size:12px}.employee-app{background:var(--bg);max-width:580px;min-height:100dvh;color:var(--ink);padding-bottom:calc(96px + env(safe-area-inset-bottom));margin:auto}.employee-header{border-bottom:1px solid var(--line);padding:18px 20px;padding-top:calc(18px + env(safe-area-inset-top));background:#fff;align-items:center;gap:10px;display:flex}.employee-brand{align-items:center;gap:9px;display:flex}.employee-brand img{object-fit:contain}.employee-brand b{letter-spacing:-.05em;font:600 20px Lexend,sans-serif}.employee-brand small{color:#a47736;letter-spacing:.2em;font-size:8px;font-weight:700;display:block}.employee-workspace{color:#78838e;overflow-wrap:anywhere;max-width:120px;margin-left:auto;font-size:12px}.employee-logout{color:#6b7782;background:0 0;border:0;padding:10px}.employee-content{padding:24px 20px}.employee-content h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 8px;font:600 25px/1.28 Lexend,sans-serif}.employee-content h2{letter-spacing:-.035em;margin:26px 0 12px;font:600 21px Lexend,sans-serif}.employee-greeting p{color:var(--muted);margin:5px 0 27px;font-size:14px}.employee-today h2{margin-bottom:5px}.mobile-today-date{color:var(--muted);text-transform:capitalize;margin:0 0 16px;font-size:14px}.today-shift{background:var(--sidebar);color:#fff;border-radius:10px;margin-bottom:12px;padding:20px}.today-shift-top{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.today-shift-top b{background:#b58f4a;border-radius:20px;padding:7px 13px;font-size:13px}.today-shift-top span{color:#93c49e}.today-shift>strong{letter-spacing:-.04em;white-space:nowrap;margin:17px 0 8px;font:600 29px Lexend,sans-serif;display:block}.today-shift>strong small{font-size:14px}.today-shift>p{color:#b6bec7;margin:6px 0;font-size:14px}.today-shift footer{border-top:1px solid #ffffff1c;align-items:center;gap:7px;margin-top:17px;padding-top:14px;font-size:13px;display:flex}.mobile-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-section-heading h2{margin-top:23px}.mobile-section-heading a{color:#a17b39;font-size:12px;font-weight:600}.mobile-list{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:18px;overflow:hidden}.employee-schedule-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 16px;font-size:14px;display:flex}.employee-schedule-row:last-child{border-bottom:0}.employee-schedule-row>div:last-child{flex:1;min-width:0}.employee-schedule-row b{overflow-wrap:anywhere;font-weight:600}.employee-schedule-row p{color:var(--muted);margin:4px 0 0;font-size:13px}.employee-schedule-row small{color:#6f7d8a;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.mobile-date{border-right:1px solid var(--line);flex:none;padding-right:15px;font-size:14px}.mobile-date span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.mobile-published-note{color:var(--muted);font-size:12px;line-height:1.5}.mobile-empty{color:var(--muted);text-align:center;padding:24px 18px;font-size:14px;line-height:1.6}.mobile-empty h1{color:var(--ink);font-size:22px}.mobile-empty a{color:#937037;font-weight:600}.employee-bottom{border-top:1px solid var(--line);z-index:30;width:100%;max-width:580px;padding:11px 0 calc(11px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.employee-bottom a{color:#77818a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:48px;font-size:12px;display:flex}.employee-bottom a.active{color:#ad8744}.mobile-week-picker{justify-content:space-between;align-items:center;gap:4px;margin:20px 0;font-size:12px;display:flex}.mobile-week-picker button{align-items:center;min-width:36px;padding:9px;display:flex}.mobile-account{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:10px;padding:20px;font-size:14px;line-height:1.6}.mobile-account dt{color:var(--muted);margin-top:14px}.mobile-account dt:first-child{margin-top:0}.mobile-account dd{margin:0;font-weight:600}.schedule-changed{font-size:11px;color:#a47935!important}.employee-app button:focus-visible,.schedule-tile:focus-visible,.assign-cell:focus-visible{outline-offset:2px;outline:3px solid #c49a55}@media (min-width:1101px){.content:has(.schedule-toolbar){padding:34px 28px}.sidebar:has(.nav-section){overflow-y:auto}.sidebar .sidebar-footer{background:var(--sidebar);position:sticky;bottom:0}}@media (max-width:760px){.schedule-toolbar{gap:8px}.schedule-toolbar>input,.schedule-toolbar select{flex:1;min-width:130px;max-width:100%}.schedule-toolbar .search-box{flex:100%;max-width:none}.schedule-actions{width:100%}.schedule-actions button{flex:1}.schedule-scroll{max-height:70dvh}.schedule-grid{min-width:1040px}.schedule-metrics{grid-template-columns:1fr 1fr}.schedule-legend{gap:12px}.sidebar .sidebar-footer{background:var(--sidebar)}.nav-section{padding-top:8px}.side-nav .nav-item{padding-top:9px;padding-bottom:9px}}.sidebar-brand>div{flex:1;min-width:0}.sidebar-brand b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.schedule-tile{font-size:12px}.schedule-tile small{font-size:11px}.schedule-tile .tile-status{font-size:10px}.roster-person b{font-size:13px}.roster-person small{font-size:11px}.employee-schedule-row b{font-size:16px}.employee-schedule-row p{font-size:14px}.mobile-date{font-size:15px}.employee-logout,.mobile-week-picker button{min-width:44px;min-height:44px}.attendance-verification{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:12px;overflow:hidden}.verification-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px;display:flex}.verification-row:last-child{border-bottom:0}.verification-icon{color:#738290;background:#f0f2f4;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.verification-icon.verified{color:#3c9961;background:#e7f5ea}.verification-row>div{flex:1;min-width:0}.verification-row b,.verification-row strong,.verification-row small{display:block}.verification-row strong{margin-top:4px;font-size:13px}.verification-row small{color:var(--muted);margin-top:3px;font-size:11px}.verification-row button,.retake-photo{border:1px solid var(--gold);color:#9a7536;white-space:nowrap;background:#fff;border-radius:7px;padding:9px 10px;font-size:11px;font-weight:600}.retake-photo{cursor:pointer}.attendance-privacy{color:var(--muted);align-items:flex-start;gap:8px;margin:15px 0;font-size:12px;line-height:1.5;display:flex}.attendance-privacy svg{flex:none}.attendance-cta{letter-spacing:.04em;width:100%;min-height:54px;font-size:17px}.mobile-error{margin:12px 0}.attendance-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-filters select{border:1px solid var(--line);background:#fff;border-radius:7px;height:40px;padding:8px 10px}.attendance-table table{min-width:1100px}.pwa-install-banner{z-index:60;color:#fff;background:#202a33;border-radius:10px;align-items:center;gap:18px;max-width:360px;padding:14px 16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 34px #0003}.pwa-install-banner p{color:#c0c8cf;margin:4px 0 0;font-size:12px}.pwa-install-banner>div:last-child{align-items:center;gap:5px;display:flex}.pwa-install-banner .text-button{color:#d3aa67;white-space:nowrap}@media (max-width:760px){.attendance-metric-grid{grid-template-columns:1fr 1fr}.attendance-table{overflow:hidden}.pwa-install-banner{justify-content:space-between;max-width:none;bottom:78px;left:14px;right:14px}.verification-row{align-items:flex-start}.verification-row button,.retake-photo{margin-left:auto}}.camera-preview video{object-fit:cover;border-radius:8px;width:100%;max-height:300px}.camera-preview{padding:12px}.camera-preview>div{gap:10px;margin-top:10px;display:flex}.selfie-preview{align-items:center;gap:12px;padding:12px;display:flex}.selfie-preview img{object-fit:cover;border-radius:8px;width:88px;height:88px}.camera-file-fallback{color:#6b7782;padding:12px;font-size:12px;display:block}.camera-file-fallback input{width:100%;margin-top:8px;font-size:12px;display:block}.attendance-schedule-select{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.attendance-schedule-select select{border:1px solid var(--line);border-radius:8px;width:100%;height:44px;padding:8px}.attendance-success{color:#356343;background:#edf7ef;border-radius:8px;margin:12px 0;padding:12px;font-size:13px}.attendance-home-links{color:#8e6b30;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.history-period-actions{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.history-range{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.history-range label{min-width:0;font-size:12px}.history-range input{border:1px solid var(--line);border-radius:7px;width:100%;height:42px;padding:8px;font-size:16px}.attendance-filters input{border:1px solid var(--line);border-radius:7px;max-width:160px;height:40px;padding:8px}.attendance-groups{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.evidence-thumbnail{background:0 0;padding:0}.evidence-thumbnail img{object-fit:cover;border-radius:5px}.evidence-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;font:12px/1.5 ui-monospace,monospace;overflow:auto}.attendance-table td small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.attendance-history .employee-schedule-row{align-items:flex-start}.attendance-history .mobile-date{border-right:1px solid var(--line)}.attendance-table .badge{font-size:11px}
.task-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.task-card{flex-direction:column;gap:10px;padding:20px;display:flex}.task-card h2{margin:0;font-size:18px}.task-card-top{justify-content:space-between;gap:10px;display:flex}.task-checklist{flex-direction:column;gap:12px;padding:16px 0;display:flex}.task-submission{border-top:1px solid var(--line);padding:14px 0}.task-priority-urgent,.task-priority-high{color:#9c4b2f;background:#fff1e4}.notification-bell{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex;position:relative}.notification-bell span{color:#fff;background:#aa493f;border-radius:10px;min-width:15px;padding:1px 4px;font-size:10px;position:absolute;top:2px;right:1px}.notification-card{margin:10px 0;padding:18px}.notification-card.unread{border-left:3px solid var(--gold)}.employee-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-operational-summary{margin-top:14px}.mobile-operational-summary .panel{padding:16px}.mobile-operational-summary h2{margin:0;font-size:16px}.operation-table{overflow:auto}.operation-toolbar{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.evidence-thumbnails{flex-wrap:wrap;gap:8px;display:flex}.evidence-thumbnails img{object-fit:cover;border-radius:8px;width:64px;height:64px}.task-checklist input[type=checkbox]{width:22px;height:22px}.operations-section .panel{margin-bottom:15px;padding:18px}@media (max-width:600px){.task-grid{grid-template-columns:minmax(0,1fr)}.employee-content{overflow-wrap:anywhere}.task-card{min-width:0}.operation-toolbar>*{max-width:100%}.task-card .secondary-button{min-height:44px}.employee-bottom a{min-width:0}.employee-bottom a span{font-size:11px}.employee-header{gap:6px}.employee-workspace{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}}.operation-toolbar select,.operation-toolbar input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px}.operation-toolbar button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.operation-toolbar select,.operation-toolbar input{min-width:0;min-height:44px;font-size:16px}.employee-bottom a{min-height:56px}.employee-logout{min-width:40px;min-height:44px}}
@font-face{font-family:Lexend Deca;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lexend-deca-0.ttf)format("truetype")}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/lexend-deca-1.ttf)format("truetype")}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lexend-deca-2.ttf)format("truetype")}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lexend-deca-3.ttf)format("truetype")}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/lexend-deca-4.ttf)format("truetype")}
:root{--bg-yellow:#ffd84d;--ink:#0b0b0d;--paper:#fffdf4;--white:#fff;--mint:#80edb0;--lavender:#c6b5ff;--pink:#ff91b9;--sky:#8ddff5;--peach:#ffb978;--red:#ff6b6b;--lime:#e9ff8f;--bg:var(--bg-yellow);--surface:var(--paper);--line:var(--ink);--muted:#4c4c50;--muted-2:#4c4c50;--gold:var(--ink);--sidebar:var(--paper);--border-width:2px;--radius:12px;--shadow-offset:4px;--shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--focus:#3c2382;color:var(--ink);font-family:Lexend Deca,Arial,sans-serif}[hidden]{display:none!important}.employee-content .today-shift{background:var(--mint);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;margin-bottom:20px;padding:18px}.employee-content .today-shift>strong{color:var(--ink);font-family:Lexend Deca,Arial,sans-serif;font-size:27px}.employee-content .today-shift>p,.employee-content .today-shift footer,.employee-content .today-shift-top span{color:var(--ink)}.employee-content .today-shift-top b{background:var(--paper);border:1px solid var(--ink);color:var(--ink);border-radius:4px;padding:5px 9px}.employee-content .today-shift footer{border-top:1px solid var(--ink)}.sidebar .user-row b,.sidebar .user-row small,.sidebar .user-row .more,.employee-header button,.employee-app .verification-row button{color:var(--ink)}.employee-app .attendance-verification{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px}.employee-app .verification-icon{background:var(--sky);border:1px solid var(--ink);color:var(--ink);border-radius:8px}body,button,input,select,textarea,h1,h2,h3,h4,.sidebar-brand b,.brand-lockup strong,.brand-lockup span,.login-copy h1,.employee-content h1,.employee-content h2,.employee-brand b,.employee-brand small,.page-heading h1,.panel-header h2,.modal-header h2,.metric-card strong{font-family:Lexend Deca,Arial,sans-serif}body{background:var(--bg);font-size:14px}h1{letter-spacing:-.045em;font-size:30px}h2{letter-spacing:-.02em;font-size:19px}h3{font-size:16px}h1,h2,h3{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid var(--focus)!important}.panel,.metric-card,.brutal-card,.mobile-shift-card,.mobile-account,.mobile-no-shift,.attendance-card,.op-card,.task-card{background:var(--paper);border:var(--border-width) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.brutal-card{padding:20px}.tone-mint{background:var(--mint)!important;color:var(--ink)!important}.tone-lavender{background:var(--lavender)!important;color:var(--ink)!important}.tone-pink{background:var(--pink)!important;color:var(--ink)!important}.tone-sky{background:var(--sky)!important;color:var(--ink)!important}.tone-yellow{background:var(--bg-yellow)!important;color:var(--ink)!important}.tone-peach{background:var(--peach)!important;color:var(--ink)!important}.tone-paper,.tone-neutral{background:var(--paper)!important;color:var(--ink)!important}.tone-ink{background:var(--ink)!important;color:var(--white)!important}.primary-button,.secondary-button,.brutal-button,.danger-button{border:var(--border-width) solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:650;transition:transform .1s,box-shadow .1s;display:inline-flex}.primary-button{background:var(--ink);color:var(--white)}.secondary-button{background:var(--paper);color:var(--ink)}.danger-button{background:var(--pink);color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.primary-button:hover{background:var(--ink);transform:none}.primary-button:active,.secondary-button:active,.brutal-button:active,.danger-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea,.search-box{background:var(--white);color:var(--ink);border-radius:8px;max-width:100%;min-height:44px;padding:10px 12px;font-size:14px;border:2px solid var(--ink)!important;box-shadow:none!important}input[type=checkbox],input[type=radio]{accent-color:var(--ink);width:18px;height:18px}label{color:var(--ink)!important}input::placeholder,textarea::placeholder{color:#62626a}.sidebar{background:var(--paper);color:var(--ink);border-right:3px solid var(--ink);width:252px}.main-area{margin-left:252px}.sidebar-brand{border-bottom:2px solid var(--ink);height:76px;padding:18px 22px}.sidebar-brand b{color:var(--ink);font-size:21px}.sidebar-brand span{color:var(--ink)}.workspace{border:2px solid var(--ink);background:var(--bg-yellow);color:var(--ink);border-radius:8px;margin:14px 16px;padding:10px 12px}.workspace small{color:var(--ink)}.workspace-dot{background:var(--ink);border-radius:0}.side-nav{padding:0 12px}.nav-section{color:#4c4c50;letter-spacing:.08em;padding:14px 10px 6px;font-size:10px}.nav-item{color:var(--ink);border:2px solid #0000;border-radius:7px;gap:10px;min-height:40px;margin:3px 0;padding:9px 10px;font-size:12px}.nav-item:hover{background:var(--bg-yellow);color:var(--ink)}.nav-item.active{background:var(--mint);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.nav-item .nav-icon{color:var(--ink)}.nav-icon svg{stroke-width:2.3px;width:18px;height:18px}.nav-count{background:var(--ink);color:var(--white);border-radius:4px}.sidebar-footer{background:var(--paper);border-top:2px solid var(--ink)}.user-row,.user-row small{color:var(--ink)}.topbar{background:var(--ink);color:var(--white);border-bottom:3px solid var(--ink);height:64px;padding:0 28px}.crumb,.crumb span,.crumb strong,.crumb b,.topbar button{color:var(--white)}.content{max-width:1700px;padding:28px 28px 48px}.page-heading h1{font-size:30px}.subtitle{color:#343438;font-size:14px}.panel-header{border-bottom:2px solid var(--ink);padding:18px 20px}.metric-card{min-height:112px;padding:18px}.metric-card:nth-child(4n+1){background:var(--mint)}.metric-card:nth-child(4n+2){background:var(--lavender)}.metric-card:nth-child(4n+3){background:var(--sky)}.metric-card:nth-child(4n+4){background:var(--peach)}.metric-card strong{font-size:28px}.metric-card small,.metric-label{color:var(--ink)}.metric-icon{border:2px solid var(--ink);border-radius:8px;background:var(--paper)!important;color:var(--ink)!important}table{border-collapse:collapse;background:var(--paper);font-size:12px}th{background:var(--ink);text-align:left;padding:12px;font-size:11px;font-weight:600;color:var(--white)!important}td{color:var(--ink);border-bottom:1px solid #b1ada0;padding:12px}tbody tr:hover{background:#f3efdb}.brutal-table-scroll{border:2px solid var(--ink);border-radius:10px;margin-top:18px;overflow-x:auto}.brutal-table-scroll table{width:100%;min-width:700px}.table-scroll{border-radius:10px}.badge,.brutal-badge,.active-pill,.live-chip{border:1px solid var(--ink);background:var(--paper);border-radius:4px;align-items:center;gap:6px;padding:4px 7px;font-size:11px;font-weight:600;display:inline-flex;color:var(--ink)!important}.brutal-badge i{background:var(--ink);width:7px;height:7px;display:block}.badge.active,.active-pill,.live-chip{background:var(--mint)}.badge.probation{background:var(--lavender)}.badge.terminated{background:var(--pink)}.brutal-stat span{font-size:12px}.brutal-stat strong{margin-top:10px;font-size:23px;display:block}.hr-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.pixel-divider{background:repeating-linear-gradient(90deg, var(--ink) 0 8px, transparent 8px 12px);height:4px;margin:20px 0}.modal{border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink);border-radius:14px}.modal-header{border-bottom:2px solid var(--ink)}.modal-header h2{font-family:Lexend Deca,sans-serif}.modal-form{gap:18px}.modal-backdrop{background:#0b0b0d80}.form-error{background:var(--pink);border:2px solid var(--ink);color:var(--ink);border-radius:8px;padding:12px}.field-help{color:#4c4c50;font-size:12px}.eyebrow{color:var(--ink)}.login-shell{background:var(--bg-yellow);gap:36px;padding:40px}.login-panel{background:var(--paper);border:3px solid var(--ink);max-width:520px;box-shadow:7px 7px 0 var(--ink);border-radius:16px;margin:auto;padding:36px}.login-aside{background:var(--mint);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);color:var(--ink);border-radius:16px}.login-aside:before{display:none}.login-aside p{color:var(--ink)}.aside-mark{box-shadow:none;border:2px solid var(--ink);background:#fff;border-radius:12px}.brand-lockup{margin-bottom:38px}.brand-lockup span{color:var(--ink)}.login-copy h1{font-size:32px}.login-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.hr-layout{grid-template-columns:1fr;gap:20px;display:grid}.hr-form{gap:16px;display:grid}.hr-form label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.hr-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hr-form .inline-check{flex-direction:row;display:flex}.hr-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hr-heading h1{margin:0 0 8px}.hr-heading p{color:var(--muted);margin:0}.hr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.hr-record{border-bottom:1px solid #b1ada0;padding:16px 0}.hr-record:last-child{border-bottom:0}.hr-record-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.hr-record p{overflow-wrap:anywhere;font-size:13px}.hr-record time{color:var(--muted);font-size:11px}.hr-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;padding:4px;display:grid;overflow-y:auto}.hr-capabilities label{flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex}.hr-pagination{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.hr-empty{color:var(--muted);padding:28px 8px}.hr-kv{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hr-kv dd{text-align:right;margin:0;font-weight:600}.hr-source{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--white);border:1px solid var(--ink);max-height:300px;padding:12px;font-size:11px;overflow:auto}.employee-app{background:var(--paper);max-width:520px;color:var(--ink)}.employee-header{border-bottom:2px solid var(--ink);background:var(--bg-yellow);padding:12px 16px}.employee-brand b,.employee-brand small,.employee-workspace{color:var(--ink)}.employee-content{padding:20px 16px 110px}.employee-content>section>h1{font-size:26px}.employee-bottom{background:var(--paper);border-top:2px solid var(--ink);box-shadow:none;max-width:520px}.employee-bottom a{color:var(--ink);border-right:1px solid var(--ink);border-radius:0;min-height:60px;font-size:10px}.employee-bottom a.active{color:var(--ink);background:var(--mint)}.employee-bottom a:last-child{border-right:0}.employee-bottom svg{stroke-width:2.2px}.employee-content .mobile-shift-card{background:var(--mint)}.employee-content .panel,.employee-content .brutal-card{box-shadow:3px 3px 0 var(--ink);border-width:2px;margin:16px 0;padding:16px}.employee-content .hr-grid,.employee-content .hr-form .form-row{grid-template-columns:1fr}.employee-content .hr-stats{grid-template-columns:1fr 1fr;gap:12px}.employee-content .hr-stats .brutal-card{margin:0}.employee-content .brutal-stat strong{overflow-wrap:anywhere;font-size:17px}.employee-content input,.employee-content select,.employee-content textarea{width:100%;min-width:0;font-size:16px}.mobile-shortcuts{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.mobile-shortcuts a{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;min-height:65px;padding:14px 12px;font-size:13px;font-weight:600}.mobile-shortcuts a:nth-child(4n+1){background:var(--pink)}.mobile-shortcuts a:nth-child(4n+2){background:var(--sky)}.mobile-shortcuts a:nth-child(4n+3){background:var(--lavender)}.mobile-shortcuts a:nth-child(4n+4){background:var(--mint)}.employee-content .hr-heading{display:block}.employee-content .hr-heading .hr-actions{margin-top:14px}.employee-content .brutal-table-scroll{max-width:100%;margin:12px 0}.employee-content .hr-source{max-width:100%}.employee-content .hr-record-head{flex-wrap:wrap}.employee-content .hr-form label{font-size:13px}@media (max-width:1100px){.hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-grid{grid-template-columns:1fr}.content{padding:24px 20px}.sidebar{width:230px}.main-area{margin-left:230px}}@media (max-width:760px){.main-area{margin-left:0}.sidebar{width:260px}.content{padding:20px 16px}.topbar{padding:0 16px}.login-shell{padding:24px 18px;display:block}.login-panel{max-width:500px;padding:28px 22px}.login-aside{display:none}.hr-form .form-row{grid-template-columns:1fr}.hr-heading{display:block}.hr-capabilities{grid-template-columns:1fr}.hr-stats{gap:12px}.page-heading h1{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.target-tabs{border:2px solid var(--ink);background:#ebe9df;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.target-tabs button{border:0;border-right:1px solid var(--ink);color:var(--ink);background:0 0;padding:10px 8px;font-weight:600}.target-tabs button:last-child{border-right:0}.target-tabs button.active{background:var(--mint);box-shadow:inset 0 -3px 0 var(--ink)}.task-target-picker{border:2px solid var(--ink,#111);background:var(--paper,#fff);min-width:0;padding:14px}.task-target-picker legend{padding:0 6px;font-weight:700}.task-target-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.task-target-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px;max-height:240px;padding:3px;display:grid;overflow:auto}.task-target-options label{cursor:pointer;border:1px solid #ddd;align-items:center;gap:9px;min-height:44px;padding:8px;display:flex!important}.task-target-options label.selected{background:var(--mint,#80edb0);border-color:var(--ink,#111)}.task-target-options input{flex:none;width:18px;height:18px}
:root{--app-ink:#171717;--app-background:#f8f7f3;--app-yellow:#ffd84d;--app-mint:#c9f1d4;--app-lavender:#ded7ff;--app-pink:#ffd7e5;--app-sky:#d5ebff;--app-peach:#ffdfce;--app-radius:12px;--app-shadow:3px 3px 0 var(--app-ink)}.responsive-mobile-records{display:none}.target-picker-scroll{border:1px solid #c6c2bb;gap:8px;max-height:200px;padding:10px;display:grid;overflow-y:auto}.mobile-editor-close,.mobile-date-strip,.mobile-schedule-day{display:none}@media (max-width:767px){.responsive-desktop-table{display:none}.mobile-date-strip{align-items:center;gap:8px;max-width:100%;margin-block:8px;padding:6px 2px 10px;display:flex;overflow-x:auto}.mobile-date-strip button{border:2px solid var(--app-ink);min-width:44px;min-height:56px;font:inherit;background:#fff;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.mobile-date-strip button[aria-pressed=true]{background:var(--app-yellow);box-shadow:2px 2px 0 var(--app-ink)}.mobile-date-strip span{font-size:11px}.mobile-schedule-day{display:block}.desktop-schedule-week{display:none}.mobile-schedule-person{border:2px solid var(--app-ink);box-shadow:2px 2px 0 var(--app-ink);background:#fff;border-radius:12px;margin-block:14px;padding:14px}.mobile-schedule-person>header{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.mobile-schedule-person>header span{color:#555;font-size:12px}.mobile-schedule-person>div{gap:8px;display:grid}.mobile-schedule-person .schedule-tile{width:100%;min-width:0}.mobile-schedule-person>button{margin-top:10px}.responsive-mobile-records{gap:14px;min-width:0;display:grid}.responsive-record-card{border:2px solid var(--app-ink);box-shadow:2px 2px 0 var(--app-ink);background:#fff;border-radius:12px;min-width:0;padding:15px}.responsive-record-card:nth-child(3n+2){background:#f1fff3}.responsive-record-card:nth-child(3n+3){background:#f7f4ff}.responsive-record-title{border-bottom:1px solid #dedbd3;margin-bottom:6px;padding-bottom:8px;font-weight:650}.responsive-record-field{grid-template-columns:minmax(90px,38%) minmax(0,1fr);align-items:start;gap:10px;padding-block:7px;font-size:14px;display:grid}.responsive-record-value{overflow-wrap:anywhere;min-width:0}.responsive-record-value :is(a,button){min-height:44px}.responsive-record-label{color:#55514a;font-size:12px;line-height:1.6}.responsive-record-value :is(.actions,.row-actions,.table-actions){flex-wrap:wrap;gap:8px;display:flex}.brutal-table-scroll,.table-scroll,.operation-table{min-width:0;max-width:100%}:is(.admin-shell .content,.employee-content,.dialog-content) :is(button,a,input:not([type=checkbox]):not([type=radio]),select,summary){min-height:44px}:is(.admin-shell .content,.employee-content,.dialog-content) button{min-width:44px}:is(.admin-shell .content,.employee-content,.dialog-content) a{align-items:center;display:inline-flex}:is(.admin-shell .content,.employee-content,.dialog-content) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;font-size:16px}:is(.admin-shell .content,.employee-content,.dialog-content) :is(input:not([type=checkbox]):not([type=radio]),select){min-width:44px}.operation-toolbar>select,.operation-toolbar>input,.operation-filters>select,.operation-filters>input{flex:140px}:is(.admin-shell .content,.employee-content,.dialog-content) :is(.form-row,.hr-grid,.hr-form-grid,.settings-grid,.task-form-grid){grid-template-columns:minmax(0,1fr)}:is(.admin-shell .content,.employee-content) :is(.hr-record-head,.hr-heading,.panel-header,.page-heading){flex-wrap:wrap;gap:10px}:is(.admin-shell .content,.employee-content) :is(.hr-record,.brutal-card,.panel,.form-row,.settings-panel,.task-card,.hr-layout){min-width:0;max-width:100%}:is(.admin-shell .content,.employee-content) :is(p,dd,strong,b,h1,h2,h3){overflow-wrap:anywhere}.hr-actions,.hr-filters,.operation-filters,.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.hr-actions>:is(button,a){min-height:44px}.hr-form label,.modal-form label{gap:7px;display:grid}.hr-form label.inline-check,.modal-form label.inline-check{align-items:center;min-height:44px;display:flex}.hr-form fieldset,.modal-form fieldset{min-width:0}.dialog-content{width:100%;max-width:100%;min-height:100dvh;max-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom));border-radius:0;margin:0;overflow-y:auto}.dialog-content .hr-actions,.dialog-content .modal-footer,.dialog-content .modal-actions{z-index:2;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--app-background);border-top:2px solid var(--app-ink);flex-wrap:wrap;gap:10px;display:flex;position:sticky;bottom:0}:is(.admin-shell .content,.employee-content) form:is(.hr-form,.modal-form)>:is(.hr-actions,.modal-actions):last-child{bottom:calc(82px + env(safe-area-inset-bottom));z-index:3;background:var(--app-background);border-top:2px solid var(--app-ink);padding:12px 0;position:sticky}:is(.admin-shell .content,.employee-content) form:is(.hr-form,.modal-form)>button:last-child:not([type=button]){bottom:calc(82px + env(safe-area-inset-bottom));z-index:3;width:100%;min-height:48px;box-shadow:2px 2px 0 var(--app-ink);position:sticky}.dialog-content .modal-form>button:last-child,.dialog-content form>button[type=submit]:last-child{z-index:2;width:100%;min-height:48px;position:sticky;bottom:8px}.mobile-editor-close{border:2px solid var(--app-ink);width:100%;min-height:48px;font:inherit;background:#fff;border-radius:8px;margin-top:16px;display:block;position:sticky;bottom:-60px}.hr-source{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.employee-shortcuts,.mobile-shortcuts{flex-wrap:wrap}.target-picker-scroll{max-height:180px}}.operational-home-shell .main-area,.operational-home-shell .content{background:var(--app-background)}.operational-dashboard{color:var(--app-ink);max-width:1500px;margin-inline:auto;font-family:Lexend Deca,Arial,sans-serif}.operational-dashboard *{box-sizing:border-box}.operational-dashboard h1{margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:750;line-height:1.2}.operational-dashboard h2{align-items:center;gap:10px;margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.3;display:flex}.operational-dashboard button,.operational-dashboard input{font:inherit;font-size:14px}.operational-dashboard button{cursor:pointer;min-height:44px}.operational-dashboard button:disabled{opacity:.6;cursor:wait}.operational-dashboard :is(button,input):focus-visible{outline-offset:3px;outline:3px solid #493299}.operational-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.dashboard-mobile-greeting,.mobile-home-title{display:none}.dashboard-date-controls{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-workplace,.dashboard-date-field{border:2px solid var(--app-ink);background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:46px;padding:8px 12px;font-size:14px;display:flex}.dashboard-workplace{overflow-wrap:anywhere;max-width:240px}.dashboard-date-field input{width:140px;min-height:28px;color:var(--app-ink);box-shadow:none;background:0 0;border:0;padding:0}.dashboard-primary{border:2px solid var(--app-ink);box-shadow:2px 2px 0 var(--app-ink);background:var(--app-yellow);color:var(--app-ink);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-weight:650;display:inline-flex}.dashboard-primary:active{box-shadow:1px 1px 0 var(--app-ink);transform:translate(1px,1px)}.dashboard-panel{border:2px solid var(--app-ink);border-radius:var(--app-radius);box-shadow:var(--app-shadow);background:#fff;min-width:0;margin-bottom:20px;padding:18px}.dashboard-approvals{background:var(--app-peach)}.dashboard-approval-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.dashboard-approval-grid button{text-align:left;border:1px solid var(--app-ink);color:var(--app-ink);background:#fffdf7;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:10px;display:grid}.dashboard-approval-grid button strong{font-variant-numeric:tabular-nums;grid-column:2;font-size:23px;line-height:1.1}.dashboard-approval-grid button>svg:last-child{grid-area:1/3/3}.dashboard-top-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-top-stat{background:var(--app-mint);align-items:center;gap:16px;display:flex}.dashboard-top-stat>div{flex-direction:column;gap:4px;display:flex}.dashboard-top-stat strong{font-variant-numeric:tabular-nums;font-size:34px;line-height:1.1}.dashboard-top-stat span{font-size:15px;font-weight:600}.dashboard-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-day-grid>button{text-align:left;color:var(--app-ink);background:0 0;border:0;border-bottom:1px solid #dad8d4;grid-template-columns:42px minmax(0,1fr);gap:4px 10px;padding:16px 12px;display:grid}.dashboard-day-grid>button:nth-child(-n+4){border-bottom:1px solid #dad8d4}.dashboard-day-grid>button:nth-child(n+5){border-bottom:0}.dashboard-day-grid>button:hover{background:#f7f6f2}.dashboard-icon{border-radius:10px;grid-row:1/3;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tone-mint{background:var(--app-mint)}.tone-yellow{background:#fff1b0}.tone-lavender{background:var(--app-lavender)}.tone-pink{background:var(--app-pink)}.tone-sky{background:var(--app-sky)}.tone-peach{background:var(--app-peach)}.dashboard-metric-label{font-size:14px;line-height:1.4}.dashboard-day-grid strong{font-variant-numeric:tabular-nums;font-size:25px}.dashboard-note{color:#55524c;margin:12px 0 0;font-size:12px;line-height:1.6}.dashboard-operational-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-task-summary{background:var(--app-lavender)}.dashboard-finance-summary{background:var(--app-sky)}.dashboard-task-stats{background:#fff;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.dashboard-task-stats>div{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;display:grid}.dashboard-task-stats strong{font-variant-numeric:tabular-nums;grid-column:2;font-size:25px}.dashboard-task-stats span{font-size:13px}.dashboard-finance-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:10px 0;display:grid}.dashboard-finance-values>div{flex-direction:column;gap:8px;min-width:0;display:flex}.dashboard-finance-values span{font-size:13px}.dashboard-finance-values strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(17px,1.6vw,24px)}.dashboard-finance-summary .dashboard-primary{margin-top:16px}.dashboard-schedule-summary>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dashboard-schedule-summary>header h2{margin:0}.dashboard-link{color:var(--app-ink);background:0 0;border:0;align-items:center;gap:8px;padding:8px;font-weight:550;display:inline-flex}.dashboard-desktop-table{border:1px solid #d3d0c9;border-radius:8px;overflow-x:auto}.dashboard-desktop-table table{border-collapse:collapse;width:100%;font-size:14px}.dashboard-desktop-table :is(th,td){text-align:left;border-bottom:1px solid #e7e5de;padding:13px 14px}.dashboard-desktop-table th{color:var(--app-ink);background:#f1f0ec;font-weight:600}.dashboard-mobile-schedules{display:none}.dashboard-empty{color:#5c5a55;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:105px;font-size:14px;display:flex}.dashboard-error{background:#fff0ed;border:2px solid #b93c2a;border-radius:10px;margin-bottom:20px;padding:16px}.dashboard-error button{border:1px solid var(--app-ink);background:#fff;border-radius:6px;margin-top:8px;padding:10px 14px}.dashboard-skeleton{gap:16px;margin-top:20px;display:grid}.dashboard-skeleton>div{background:#eae7de;border:2px solid #dedbd1;border-radius:12px;height:120px;animation:1.4s ease-in-out infinite alternate dashboard-loading}.manager-mobile-nav,.manager-app-bar,.dashboard-mobile-approvals,.employee-mobile-card-list,.employee-detail-mobile-actions{display:none}.mobile-sheet-overlay{z-index:100;background:#00000080;position:fixed;inset:0}.mobile-sheet-content{z-index:101;border:2px solid var(--app-ink);width:min(100%,540px);max-height:calc(100dvh - 40px);padding-bottom:env(safe-area-inset-bottom);color:var(--app-ink);background:#fff;border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-sheet-content>header{border-bottom:1px solid #dedbd2;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.mobile-sheet-content h2{margin:0;font-size:20px}.mobile-sheet-close{cursor:pointer;background:#fff;border:0;flex-shrink:0;width:48px;height:48px}.mobile-sheet-body{padding:16px 18px 22px;overflow-y:auto}.mobile-sheet-actions{gap:10px;display:grid}.mobile-sheet-actions button{border:1px solid var(--app-ink);width:100%;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:#f8f7f3;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.mobile-sheet-actions button.danger{color:#962416;background:#ffe9e4}.report-summary-cards{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.report-summary-cards>div{border:1px solid var(--app-ink);background:var(--app-sky);border-radius:10px;flex-direction:column;gap:8px;min-width:140px;padding:12px 16px;display:flex}.report-summary-cards span{font-size:13px}.report-summary-cards strong{font-variant-numeric:tabular-nums;font-size:24px}.report-mobile-results{display:none}.employee-home-summary{gap:16px;margin-top:22px;display:grid}.employee-home-summary-card{border:2px solid var(--app-ink);min-height:92px;box-shadow:2px 2px 0 var(--app-ink);color:var(--app-ink);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.employee-home-summary-card>span{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.employee-home-summary-card strong{font-size:18px}.employee-home-summary-card>span>span{font-size:14px}.employee-home-summary-card.tone-lavender{background:var(--app-lavender)}.employee-home-summary-card.tone-pink{background:var(--app-pink)}.employee-home-summary-card.tone-sky{background:var(--app-sky)}.employee-summary-error{background:#fff0ec;border:1px solid #982c20;border-radius:10px;padding:16px}.employee-summary-error button{border:1px solid var(--app-ink);background:#fff;border-radius:8px;min-height:44px;padding:10px 16px}.employee-document-section{min-width:0}.employee-document-section h2{align-items:center;gap:10px;font-size:20px;display:flex}.employee-document-list{gap:12px;display:grid}.employee-document-list article{border-bottom:1px solid #dcd8d0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.employee-document-list article>div{gap:6px;min-width:0;display:grid}.employee-document-list span{overflow-wrap:anywhere;font-size:14px}.employee-document-list article>a{min-height:44px;color:var(--app-ink);flex-shrink:0;align-items:center;gap:6px;padding:8px;text-decoration:none;display:inline-flex}.employee-document-upload{border-top:1px solid #dcd8d0;gap:14px;margin-top:20px;padding-top:16px;display:grid}.employee-document-upload label{gap:7px;font-size:14px;display:grid}.employee-document-upload :is(input,select){width:100%;min-width:0;min-height:48px}.employee-document-upload button{border:2px solid var(--app-ink);background:var(--app-mint);min-height:48px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;display:flex}.employee-document-upload button:disabled{opacity:.6}.desktop-filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mobile-filter-trigger{display:none}.mobile-filter-controls{gap:14px;display:grid}.mobile-filter-controls :is(input,select,button){width:100%;min-height:48px;font-size:16px}.mobile-filter-done{background:var(--app-yellow);width:100%;min-height:50px;color:var(--app-ink);border:2px solid var(--app-ink);font:inherit;border-radius:8px;margin-top:18px;font-weight:650}.task-checklist-editor{border:1px solid var(--app-ink);border-radius:10px;min-width:0;padding:16px}.task-checklist-editor>legend{padding-inline:6px;font-weight:650}.task-checklist-editor-item{border:1px solid var(--app-ink);background:#f5f1ff;border-radius:10px;gap:12px;margin-bottom:14px;padding:14px;display:grid}.task-checklist-editor-item>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-checklist-editor button{border:1px solid var(--app-ink);min-height:44px;color:var(--app-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.task-checklist-editor-item :is(label:not(.inline-check)){gap:6px;display:grid}.task-checklist-editor-item :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0}.task-checklist>label{border-bottom:1px solid #d8d5ca;align-items:flex-start;min-height:48px;padding:10px}.task-checklist>label>span{overflow-wrap:anywhere;min-width:0}.task-checklist p{margin:8px 0;font-size:14px}.task-checklist small{font-size:12px;display:block}.operational-dashboard .tone-mint{background:var(--app-mint)}.operational-dashboard .tone-yellow{background:#fff1b0}.operational-dashboard .tone-lavender{background:var(--app-lavender)}.operational-dashboard .tone-pink{background:var(--app-pink)}.operational-dashboard .tone-sky{background:var(--app-sky)}.operational-dashboard .tone-peach{background:var(--app-peach)}.function-hub-groups{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;display:grid}.function-group{border:2px solid var(--app-ink);box-shadow:3px 3px 0 var(--app-ink);background:#fff;border-radius:12px;min-width:0;margin-bottom:18px;padding:18px}.function-group h2{align-items:center;gap:10px;margin:0 0 14px;font-size:20px;display:flex}.function-group.tone-mint{background:var(--app-mint)}.function-group.tone-yellow{background:#fff1b0}.function-group.tone-lavender{background:var(--app-lavender)}.function-group.tone-pink{background:var(--app-pink)}.function-group.tone-sky{background:var(--app-sky)}.function-group.tone-peach{background:var(--app-peach)}.function-group>div{background:#fff;border-radius:8px;padding-inline:12px}.function-group>div>a{min-height:48px;color:var(--app-ink);border-bottom:1px solid #dedbd2;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;font-size:15px;text-decoration:none;display:flex}.function-group>div>a:last-child{border-bottom:0}.function-group dl{grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:15px;display:grid}.function-group dd{overflow-wrap:anywhere;margin:0}.account-logout-form button{color:#922113;border:2px solid var(--app-ink);width:100%;max-width:440px;min-height:48px;font:inherit;cursor:pointer;background:#ffe8e3;border-radius:10px}@keyframes dashboard-loading{to{opacity:.5}}@media (min-width:768px) and (max-width:1199px){.dashboard-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-operational-pair{grid-template-columns:1fr}.operational-heading{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:767px){.admin-shell>.sidebar,.admin-shell .topbar{display:none}.manager-app-bar{min-height:60px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:2px solid var(--app-ink);background:#fff;justify-content:space-between;align-items:center;display:flex}.manager-app-brand{color:var(--app-ink);align-items:center;gap:8px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.manager-app-bar>div{align-items:center;gap:8px;display:flex}.manager-app-bar a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.manager-app-bar>div>a{width:44px;color:var(--app-ink)}.dashboard-desktop-approvals-heading,.dashboard-desktop-approvals,.dashboard-approvals>.dashboard-desktop-approvals-heading,.employee-desktop-results{display:none}.employee-mobile-card-list{gap:14px;padding:14px;display:grid}.desktop-filter-controls{display:none}.mobile-filter-trigger{border:2px solid var(--app-ink);min-height:48px;color:var(--app-ink);font:inherit;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:inline-flex}.mobile-filter-trigger>span{background:var(--app-yellow);border-radius:10px;min-width:20px;padding:2px 5px}.toolbar{gap:10px}.toolbar .search-box{flex:1;min-width:150px}.report-filters-toolbar{margin:12px 0}.report-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.report-summary-cards>div{min-width:0;padding:12px}.report-summary-cards strong{overflow-wrap:anywhere;font-size:22px}.report-result-panel{min-width:0}.report-desktop-result{display:none}.report-mobile-results{gap:12px;display:grid}.report-mobile-results>article{border:1px solid var(--app-ink);background:#fff;border-radius:10px;padding:14px}.report-mobile-results h2{overflow-wrap:anywhere;margin:0 0 12px;font-size:17px}.report-mobile-results dl{gap:10px;margin:0;display:grid}.report-mobile-results dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:13px;display:grid}.report-mobile-results dt{color:#55524c}.report-mobile-results dd{text-align:right;overflow-wrap:anywhere;margin:0}.employee-mobile-card{border:2px solid var(--app-ink);box-shadow:2px 2px 0 var(--app-ink);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) 44px;padding:12px;display:grid}.employee-mobile-person{text-align:left;min-width:0;font:inherit;color:var(--app-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-height:70px;padding:0;display:flex}.employee-mobile-person>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.employee-mobile-person strong{overflow-wrap:anywhere;font-size:16px}.employee-mobile-person small{font-size:12px}.employee-mobile-person>span:last-child>span{font-size:13px;line-height:1.4}.employee-mobile-avatar{background:var(--app-mint);border:1px solid var(--app-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.employee-mobile-more{background:0 0;border:0;width:44px;min-height:44px}.employee-mobile-card footer{border-top:1px solid #e6e2d9;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:8px;display:flex}.employee-mobile-card footer a{min-height:44px;color:var(--app-ink);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:flex}.employee-mobile-empty{font-size:14px;line-height:1.6}.detail-page{position:relative}.detail-page .detail-actions{display:none}.employee-detail-mobile-actions{border:1px solid var(--app-ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:absolute;top:36px;right:0}.detail-page .detail-header{flex-wrap:wrap;padding-right:52px}.detail-page .detail-header h1{font-size:25px}.detail-page .detail-grid{grid-template-columns:1fr;gap:16px}.dialog-content.modal{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top));margin:8px;overflow-y:auto}.dialog-content .form-row{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.dialog-content .modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fff;position:sticky;bottom:0}.dialog-content :is(input:not([type=checkbox]):not([type=radio]),select){min-height:48px;font-size:16px}.dialog-content button{min-height:44px}.dashboard-mobile-approvals{display:block}.dashboard-mobile-approvals summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;font-size:19px;font-weight:650;list-style:none;display:flex}.dashboard-mobile-approvals summary::-webkit-details-marker{display:none}.dashboard-mobile-approvals summary span{flex:1}.dashboard-mobile-approvals summary strong{font-variant-numeric:tabular-nums}.dashboard-approvals{background:var(--app-pink)}.dashboard-mobile-approvals[open] .dashboard-approval-grid{margin-top:12px}.dashboard-mobile-approvals .dashboard-approval-grid button{justify-content:space-between;gap:6px;display:flex}.function-group.tone-mint{background:var(--app-mint)}.function-group.tone-yellow{background:#fff1b0}.function-group.tone-lavender{background:var(--app-lavender)}.function-group.tone-pink{background:var(--app-pink)}.function-group.tone-sky{background:var(--app-sky)}.function-group.tone-peach{background:var(--app-peach)}.admin-shell .content{padding-bottom:calc(110px + env(safe-area-inset-bottom));min-width:0}.admin-shell .main-area{min-width:0}.manager-mobile-nav{z-index:50;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:2px solid var(--app-ink);background:#fff;gap:6px;min-height:74px;display:flex;position:fixed;inset:auto 0 0}.manager-mobile-nav>a{min-width:0;min-height:52px;color:var(--app-ink);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 2px;font-size:11px;line-height:1.3;text-decoration:none;display:flex}.manager-mobile-nav>a.active{background:var(--app-yellow);font-weight:650}.manager-mobile-nav>a:focus-visible{outline-offset:-3px;outline:3px solid #493299}.manager-nav-icon{display:inline-flex;position:relative}.manager-nav-badge{color:#fff;text-align:center;background:#b82720;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;position:absolute;top:-6px;right:-12px}.function-hub-groups{grid-template-columns:1fr;gap:0}.mobile-function-hub h1,.manager-account-page h1{font-size:26px}.function-group{padding:15px}.admin-shell .topbar{padding-top:calc(8px + env(safe-area-inset-top))}.employee-header{padding-top:calc(12px + env(safe-area-inset-top))}.employee-app{background:var(--app-background);min-height:100dvh}.employee-header{color:var(--app-ink);border-bottom:2px solid var(--app-ink);background:#fff;min-height:64px}.employee-brand b{font-size:16px}.employee-workspace,.employee-header .employee-logout{display:none}.employee-content{padding-inline:16px}.employee-content .employee-greeting h1{overflow-wrap:anywhere;font-size:26px;line-height:1.3}.employee-content .employee-greeting p{font-size:13px}.employee-content .employee-today h2{font-size:20px}.employee-content .today-shift{background:var(--app-mint);box-shadow:2px 2px 0 var(--app-ink);border-radius:12px}.employee-content .attendance-verification{box-shadow:2px 2px 0 var(--app-ink);background:#fff}.employee-content .attendance-cta{background:var(--app-yellow);width:100%;min-height:56px;color:var(--app-ink);font-size:18px}.employee-content .verification-row{flex-wrap:wrap}.employee-content .verification-row button{min-height:48px}.employee-home-summary-card :is(svg){flex-shrink:0}.employee-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.employee-bottom>a{min-height:52px}.employee-content{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.operational-home-shell .content{padding:16px 14px calc(104px + env(safe-area-inset-bottom))}.operational-dashboard{width:100%;min-width:0;font-size:16px}.operational-heading{margin-bottom:16px;display:block}.operational-heading>div:first-child{background:var(--app-yellow);border:2px solid var(--app-ink);box-shadow:var(--app-shadow);border-radius:12px;margin-bottom:16px;padding:18px}.dashboard-mobile-greeting{margin:0 0 5px;font-size:14px;display:block}.desktop-home-title{display:none}.mobile-home-title{display:inline}.dashboard-date-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.dashboard-date-controls>.dashboard-primary{grid-column:1/-1;min-height:48px}.dashboard-workplace,.dashboard-date-field{min-width:0;max-width:100%;min-height:50px;padding:8px 10px}.dashboard-date-field input{width:100%;min-width:0;font-size:14px}.dashboard-workplace{background:var(--app-mint);max-height:72px;font-size:13px;overflow:hidden}.dashboard-date-field{background:var(--app-sky)}.dashboard-panel{margin-bottom:18px;padding:15px}.operational-dashboard h2{font-size:20px}.dashboard-approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-approval-grid button{min-height:68px;font-size:13px}.dashboard-top-stats{gap:12px}.dashboard-top-stat{gap:9px;padding:14px 10px}.dashboard-top-stat>svg{width:23px}.dashboard-top-stat span{font-size:13px}.dashboard-top-stat strong{font-size:27px}.dashboard-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-day-grid>button,.dashboard-day-grid>button:nth-child(n){border:2px solid var(--app-ink);min-height:100px;box-shadow:1px 1px 0 var(--app-ink);background:#fff9dd;border-radius:9px;grid-template-columns:1fr;padding:12px}.dashboard-day-grid>button:nth-child(2n){background:var(--app-mint)}.dashboard-day-grid>button:nth-child(3n){background:var(--app-lavender)}.dashboard-day-grid>button:nth-child(4n){background:var(--app-pink)}.dashboard-day-grid>button:nth-child(5n){background:var(--app-sky)}.dashboard-day-grid .dashboard-icon{display:none}.dashboard-metric-label{font-size:14px;font-weight:600}.dashboard-day-grid strong{font-size:28px}.dashboard-operational-pair{grid-template-columns:1fr;gap:0}.dashboard-task-stats{border:1px solid var(--app-ink);grid-template-columns:1fr;gap:0;padding:4px 12px}.dashboard-task-stats>div{border-bottom:1px solid #d9d6d0;grid-template-columns:26px minmax(0,1fr) auto;min-height:54px}.dashboard-task-stats>div:last-child{border-bottom:0}.dashboard-task-stats strong{grid-column:3}.dashboard-task-stats span{font-size:15px}.dashboard-task-summary .dashboard-primary,.dashboard-finance-summary .dashboard-primary{width:100%;min-height:48px}.dashboard-finance-values{gap:10px}.dashboard-finance-values strong{font-size:18px}.dashboard-schedule-summary>header{align-items:flex-start}.dashboard-schedule-summary>header h2{font-size:18px}.dashboard-schedule-summary>header h2 svg,.dashboard-desktop-table{display:none}.dashboard-mobile-schedules{gap:12px;display:grid}.dashboard-mobile-schedules>article{border:1px solid var(--app-ink);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;padding:12px;font-size:14px;display:grid}.dashboard-mobile-schedules>article>strong{overflow-wrap:anywhere;grid-column:1/-1}.dashboard-mobile-schedules>article p{align-items:center;gap:6px;margin:0;display:flex}.dashboard-note{font-size:12px}.mobile-form-actions{padding-bottom:env(safe-area-inset-bottom);background:var(--app-background);position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.dashboard-skeleton>div{animation:none}.dashboard-primary:active{transform:none}}.employee-profile-tabs{display:none}.employee-policy-panel dl{grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;display:grid}.employee-policy-panel dd{overflow-wrap:anywhere;margin:0}.probation-completion{border-top:1px solid #dbd7ce;margin-top:20px;padding-top:16px}.probation-completion summary{cursor:pointer;min-height:44px;font-weight:600}.employee-policy-panel :is(input,select){min-height:48px}.employee-policy-panel .hr-form{margin-top:18px}.employee-policy-panel button{min-height:44px}@media (max-width:767px){.employee-profile-tabs{border:2px solid var(--app-ink);background:#fff;border-radius:10px;align-items:center;gap:8px;margin:18px 0;padding:4px;display:flex}.employee-profile-tabs button{min-height:48px;font:inherit;color:var(--app-ink);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 4px;font-size:13px}.employee-profile-tabs button[aria-pressed=true]{background:var(--app-yellow);font-weight:650}.profile-tab-personal [data-profile-group]:not([data-profile-group=personal]),.profile-tab-work [data-profile-group]:not([data-profile-group=work]),.profile-tab-history [data-profile-group]:not([data-profile-group=history]){display:none}}
.commercial-owner,.platform-console{font-family:var(--font-lexend-deca), "Lexend Deca", sans-serif;color:#181818;min-height:100dvh;padding:32px max(20px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom));box-sizing:border-box;background:#fffdf5}.admin-shell .commercial-owner{min-height:auto;padding-top:20px}.commercial-owner{max-width:900px;margin:auto}.activation-gate{justify-content:center;align-items:center;display:flex}.commercial-card{background:#fff;border:2px solid #191919;border-radius:20px;margin-bottom:24px;padding:26px;box-shadow:4px 4px #191919}.activation-card{width:100%;max-width:610px}.commercial-brand{align-items:center;gap:12px;display:flex}.commercial-brand>span:first-of-type{font-size:24px;font-weight:800}.commercial-brand small{letter-spacing:2px;font-size:11px;display:block}.commercial-status{background:#f4eeff;border:2px solid #191919;border-radius:12px;margin-left:auto;padding:7px 10px;font-size:12px;font-weight:700}.status-ACTIVE{background:#cdf5df}.status-GRACE{background:#ffe9a5}.status-EXPIRED,.status-SUSPENDED{background:#ffdfd9}.activation-icon{background:#d3f5e3;border:2px solid #191919;border-radius:16px;margin-top:28px;padding:14px;display:inline-flex}.commercial-eyebrow{letter-spacing:1px;margin-top:20px;font-size:12px}.commercial-owner h1,.platform-console h1{letter-spacing:-1px;font-size:30px;line-height:1.2}.commercial-owner p{line-height:1.65}.commercial-plan-summary{background:#f7f3df;border-radius:12px;margin:22px 0;padding:18px}.commercial-plan-summary>span{margin-top:6px;display:block}.commercial-plan-summary p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.commercial-form{gap:10px;display:grid}.commercial-form label{gap:8px;font-size:14px;font-weight:600;display:grid}.commercial-form input,.commercial-form select,.commercial-form textarea,.platform-filters input,.platform-filters select{width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#fff;border:2px solid #191919;border-radius:10px;min-width:0;padding:10px 12px}.gift-redeem-form input{letter-spacing:1px;font-size:18px}.commercial-help{color:#555;margin:0;font-size:12px}.commercial-actions{flex-wrap:wrap;gap:12px;padding:12px 0;display:flex}.commercial-primary,.commercial-secondary-actions button,.platform-console button,.platform-console a.commercial-button{min-width:44px;min-height:46px;font:inherit;color:#181818;cursor:pointer;background:#fff;border:2px solid #191919;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.commercial-primary,.platform-console .commercial-primary{background:#ffda4d;box-shadow:3px 3px #181818}.commercial-primary:active,.platform-console button:active{box-shadow:none;transform:translate(2px,2px)}.commercial-primary:disabled,.platform-console button:disabled{opacity:.55;cursor:wait}.commercial-secondary-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.commercial-secondary-actions p{flex:1;font-size:13px}.commercial-secondary-actions a{align-items:center;min-height:44px;display:flex}.commercial-error{background:#ffdfd9;border:2px solid #191919;border-radius:10px;padding:12px}.commercial-success{background:#d3f5e3;border:2px solid #191919;border-radius:14px;padding:20px}.commercial-usage{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.commercial-usage article{background:#e7f3ff;border-radius:12px;gap:10px;padding:16px;display:grid}.commercial-history{border-bottom:1px solid #ccc;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;display:flex}.commercial-form :focus-visible,.platform-console :focus-visible,.commercial-owner :focus-visible{outline-offset:3px;outline:3px solid #6740dc}.platform-console{max-width:1600px;margin:auto}.platform-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.platform-nav{flex-wrap:wrap;gap:10px;display:flex}.platform-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.platform-metric{background:#cdf5df;border:2px solid #181818;border-radius:14px;gap:10px;padding:20px;display:grid}.platform-metric:nth-child(3n){background:#e5dcff}.platform-metric:nth-child(3n+2){background:#fff0a6}.platform-metric strong{font-size:32px}.platform-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.platform-filters label{gap:8px;display:grid}.platform-filters input{max-width:340px}.platform-table-wrap{overflow:auto}.platform-table{border-collapse:collapse;width:100%;font-size:13px}.platform-table td,.platform-table th{text-align:left;vertical-align:top;border-bottom:1px solid #ddd;padding:14px}.platform-records{display:none}.platform-details{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;display:grid}.platform-detail-list{gap:12px;display:grid}.platform-detail-list article{overflow-wrap:anywhere;background:#f7f3df;border:1px solid #ddd;border-radius:10px;padding:14px}.platform-two-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.platform-gift-secret{overflow-wrap:anywhere;background:#d3f5e3;border:2px dashed #181818;border-radius:10px;padding:14px}.platform-gift-secret code{font-size:16px}.platform-pagination{justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.commercial-form .wide{grid-column:1/-1}.platform-confirm-summary{background:#fff0a6;border:2px solid #181818;border-radius:10px;padding:16px;line-height:1.7}.commercial-grace-banner{background:#ffe9a5;border-bottom:2px solid #181818;flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 20px;font-size:13px;display:flex}.commercial-grace-banner a{align-items:center;min-height:44px;font-weight:700;display:flex}@media (max-width:767px){.commercial-owner,.platform-console{padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));width:100%}.activation-gate{align-items:flex-start}.commercial-card{border-radius:16px;padding:20px}.commercial-owner h1,.platform-console h1{font-size:27px}.commercial-brand{flex-wrap:wrap}.commercial-status{margin-left:0}.commercial-usage,.platform-details,.platform-two-columns{grid-template-columns:1fr}.commercial-actions{padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2;background:#fff;position:sticky;bottom:0}.commercial-actions button{flex:1}.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-table-wrap{display:none}.platform-records{gap:16px;display:grid}.platform-records article{overflow-wrap:anywhere;background:#f7f3df;border:2px solid #181818;border-radius:12px;padding:16px}.platform-records dl{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.platform-records dd{text-align:right;margin:0}.platform-filters{grid-template-columns:1fr;display:grid}.platform-filters input{max-width:none}.platform-header{align-items:start}.platform-nav{width:100%}.platform-nav a,.platform-nav button{flex:1}.platform-gift-secret code{font-size:14px}.commercial-form input,.commercial-form select,.commercial-form textarea{font-size:16px}.commercial-grace-banner{padding:12px 16px}.admin-shell .commercial-owner{padding:16px 0 calc(20px + env(safe-area-inset-bottom))}.admin-shell .commercial-owner .commercial-actions{bottom:calc(76px + env(safe-area-inset-bottom))}}
.pwa-install-banner{box-sizing:border-box;color:#181818;z-index:55;background:#fffdf4;border:2px solid #181818;border-radius:16px;gap:10px;padding:12px;font-family:Lexend Deca,sans-serif;display:none;box-shadow:3px 3px #181818}.pwa-install-copy{align-items:center;gap:10px;min-width:0;display:flex}.pwa-install-banner p{color:#4d4d4d;margin:4px 0;font-size:12px;line-height:1.45}.pwa-install-banner b{font-size:14px}.pwa-install-actions{flex-wrap:wrap;gap:8px;display:flex}.pwa-install-banner .pwa-install-actions{gap:8px}.pwa-install-actions button,.pwa-update-note button,.pwa-help-close{color:#181818;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffda4d;border:2px solid #181818;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.pwa-install-actions .pwa-dismiss{background:#fff}.pwa-account-install{gap:12px;margin:16px 0;display:grid}.pwa-account-install .pwa-install-copy{display:none}.pwa-device-section{background:#f4eeff;border:2px solid #181818;border-radius:16px;min-width:0;margin:18px 0;padding:20px}.pwa-device-section h2{margin:0 0 16px;font-size:20px}.pwa-device-section .device-row{border-bottom:1px solid #18181822;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.pwa-device-section .device-row strong{overflow-wrap:anywhere;font-size:13px}.pwa-install-steps{padding-left:24px;line-height:1.8}.pwa-install-steps li{margin:12px 0}.pwa-help-close{width:100%;margin-top:16px}.pwa-status-notices{top:calc(72px + env(safe-area-inset-top));z-index:54;gap:8px;max-width:410px;display:grid;position:fixed;right:18px}.pwa-offline-note,.pwa-update-note{color:#181818;background:#ffead7;border:2px solid #181818;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex;box-shadow:3px 3px #181818}.pwa-offline-note span{width:100%;line-height:1.5;display:block}.pwa-update-note{background:#d7f6e5}.pwa-update-note p{flex:1;margin:0}.pwa-update-note small{width:100%}.pwa-install-actions button:focus-visible,.pwa-update-note button:focus-visible,.pwa-help-close:focus-visible{outline-offset:3px;outline:3px solid #6740dc}.pwa-install-actions button:disabled,.pwa-update-note button:disabled{opacity:.6;cursor:wait}@media (max-width:1023px){.pwa-install-banner{left:14px;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;max-width:440px;margin-left:auto;margin-right:auto;display:flex;position:fixed}.pwa-install-banner>div:last-child{justify-content:stretch}.pwa-install-banner .pwa-install-actions button{flex:1}:is(.employee-app:has(.pwa-install-banner) .employee-content,.admin-shell:has(.pwa-install-banner) .content){padding-bottom:calc(260px + env(safe-area-inset-bottom))}.pwa-status-notices{top:calc(76px + env(safe-area-inset-top));max-width:440px;margin:auto;left:14px;right:14px}.pwa-device-section{padding:16px}.pwa-update-note button{flex-shrink:0}}