@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--background:#f8f9fc;--surface-secondary:#f1f2f7;--surface-elevated:#fff;--text-primary:#242334;--text-secondary:#85838e;--ink:#242334;--muted:#85838e;--purple:#7560c7;--purple-dark:#5d49ac;--line:#eeedf2;--surface:#f8f9fc;--sidebar:#252435;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-control:9px;--radius-card:14px;--control-height:42px;--z-content:1;--z-header:40;--z-sidebar:60;--z-dropdown:100;--z-modal:200;--transition-fast:.16s ease}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #baa9fa}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid #dedde7;border-radius:8px;width:100%;min-width:0;padding:11px 12px}input::placeholder{color:#aaa8b2}input[type=checkbox]{width:17px;height:17px;accent-color:var(--purple)}label{font-size:13px;font-weight:550}label>input,label>select,label>textarea{margin-top:7px}small{color:var(--muted);display:block}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#c5c4d0;z-index:20;flex-direction:column;width:258px;padding:29px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-1px;align-items:center;gap:9px;padding:0 10px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;display:flex}.brand>span:first-child{color:#beaff4;display:flex}.brand-light{color:#d9d0f5;margin-left:-8px;font-weight:400}.live-dot{background:#90c6ab;border-radius:50%;width:6px;height:6px;display:inline-block}.employee-portal{max-width:1440px;margin:0 auto;padding:24px}.employee-portal-header{border:1px solid var(--line);background:var(--card);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:20px 24px;display:flex}.employee-identity{min-width:0}.employee-brand{color:var(--purple);letter-spacing:-.02em;font-size:14px;font-weight:750}.employee-brand small{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:12px;font-weight:500}.employee-identity h1{overflow-wrap:anywhere;margin:7px 0 4px;font-size:clamp(22px,2vw,28px);line-height:1.2}.employee-identity>p{color:var(--muted);margin:0;font-size:13px}.employee-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employee-header-actions>button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.employee-shell{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:20px;display:grid}.employee-main{min-width:0}.employee-content{min-width:0;padding:28px}.employee-navigation{border:1px solid var(--line);background:var(--card);scrollbar-width:thin;border-radius:16px;max-height:calc(100vh - 40px);padding:16px 10px;position:sticky;top:20px;overflow-y:auto}.employee-navigation-head{color:var(--ink);padding:4px 12px 14px;font-size:14px}.employee-navigation-head>button{display:none}.employee-navigation-group+.employee-navigation-group{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.employee-navigation-group>p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 12px 7px;font-size:10px;font-weight:750}.employee-navigation-group>button{width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.employee-navigation-group>button>span{flex:1}.employee-navigation-group>button>svg:last-child{opacity:0}.employee-navigation-group>button:hover,.employee-navigation-group>button:focus-visible{background:var(--hover);color:var(--ink)}.employee-navigation-group>button[aria-current=page]{background:var(--hover);color:var(--purple);font-weight:700}.employee-navigation-group>button[aria-current=page]>svg:last-child{opacity:1}.employee-mobile-navigation,.employee-navigation-backdrop{display:none}.employee-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.employee-details dt{color:var(--muted);margin-bottom:6px;font-size:14px}.employee-details dd{overflow-wrap:anywhere;margin:0}.employee-password{gap:18px;max-width:480px;display:grid}.employee-password label{gap:8px;display:grid}.employee-password>button{justify-self:start;min-height:42px}.employee-password input[type=file],.employee-document-list input[type=file]{max-width:100%;color:var(--muted);font-size:12px}.employee-password input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;margin-right:10px;padding:8px 10px}.employee-document-list input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;margin-right:10px;padding:8px 10px}.employee-date-field{gap:8px;min-width:0;display:grid}.employee-date-field>label{color:var(--ink);font-size:13px;font-weight:600}.employee-date-field .date-field{min-width:0}.employee-document-list{gap:10px;margin-top:20px;display:grid}.employee-document-list>article{border:1px solid var(--line);background:var(--card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 16px;display:flex}.employee-document-list>article>div{flex:180px;gap:4px;min-width:0;display:grid}.employee-document-list>article>div strong{overflow-wrap:anywhere}.employee-document-list>article>div span{color:var(--muted);font-size:13px}.employee-document-list>article>form{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}.employee-document-list>article>form label{font-size:13px;font-weight:600}.employee-document-list>article>form input{width:min(100%,230px);min-width:0}.employee-document-list>article>form button{min-height:38px}.employee-leave-application,.employee-approval-detail{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:20px 0 28px;padding:20px}.field-attendance-form{gap:16px;max-width:600px;margin-top:20px;display:grid}.field-attendance-status{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:4px;padding:16px 18px;display:grid}.field-attendance-status strong{color:var(--ink);font-size:1rem}.field-attendance-status span{color:var(--muted);font-size:.9rem}.field-attendance-help{color:var(--muted);margin:-4px 0 0;font-size:.85rem;line-height:1.5}.field-location-field{display:block;position:relative}.field-location-field>span{z-index:1;background:var(--card);color:var(--purple);padding:0 4px;font-size:11px;font-weight:650;line-height:1;position:absolute;top:-6px;left:12px}.field-location-field>select{width:100%;min-height:48px;padding:14px 12px 6px}.field-attendance-requirements{flex-wrap:wrap;gap:8px;display:flex}.field-attendance-requirements>span{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:6px 10px;font-size:.8rem}.field-attendance-form .button-row>button{min-width:124px}.face-camera-capture{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:12px;max-width:560px;margin-top:16px;padding:16px;display:grid}.face-camera-capture video,.face-camera-capture img{object-fit:contain;background:var(--surface);border-radius:8px;width:100%;max-height:min(56vh,420px);display:block}.face-camera-capture button{min-height:44px}.employee-leave-application>.employee-password{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;max-width:760px}.employee-leave-application>.employee-password>:is(.full-width,button){grid-column:1/-1}.employee-leave-application>.employee-password>button{justify-self:end;min-width:180px}.leave-balances{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0 20px;display:grid}.leave-balances>div{background:var(--surface);border-radius:8px;gap:4px;padding:12px;display:grid}.leave-balances span{font-size:.92rem}.leave-balances small{color:var(--muted)}.employee-approval-detail>label{gap:8px;max-width:620px;display:grid}.employee-approval-detail textarea,.employee-leave-application textarea{resize:vertical;min-height:90px}.employee-attendance-timeline{gap:8px;margin:16px 0;display:grid}.employee-attendance-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;margin:16px 0;display:grid}.employee-attendance-list>button{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;display:flex}.employee-attendance-list>button:hover,.employee-attendance-list>button:focus-visible{border-color:var(--purple);background:var(--hover)}.employee-attendance-list>button>span{gap:4px;min-width:0;display:grid}.employee-attendance-list>button>span:nth-child(2){text-align:right;margin-left:auto}.employee-attendance-list>button strong{font-size:12px;font-weight:700}.employee-attendance-list>button small{color:var(--muted);font-size:11px}.employee-attendance-list>button>svg{color:var(--muted);flex:none}.employee-attendance-more{margin:14px auto 0;display:block}.employee-timeline-row{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;border-radius:10px;grid-template-columns:110px 70px minmax(180px,1fr) 70px 78px;align-items:center;gap:12px;padding:12px 14px;display:grid}.employee-timeline-row:hover{border-color:var(--purple);background:var(--hover)}.employee-timeline-row time{font-size:12px;font-weight:650}.timeline-time,.employee-timeline-row>strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.employee-timeline-row>strong{text-align:right}.timeline-track{color:var(--muted);grid-template-columns:auto minmax(28px,1fr) auto;align-items:center;gap:7px;font-size:11px;display:grid}.timeline-track i{background:var(--line);height:2px;position:relative}.timeline-track i:first-child:before,.timeline-track i:last-child:after{content:"";background:var(--purple);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-track i:first-child:before{left:0}.timeline-track i:last-child:after{right:0}.employee-timeline-row.status-a .timeline-track i:first-child:before,.employee-timeline-row.status-a .timeline-track i:last-child:after{background:var(--danger)}@media (max-width:600px){.employee-timeline-row{grid-template-columns:1fr auto;gap:8px}.employee-timeline-row .timeline-track{grid-area:2/1/auto/-1}.employee-timeline-row .timeline-time{grid-row:3}.employee-timeline-row>strong{grid-area:3/2}.employee-timeline-row time{grid-column:1}.employee-timeline-row .timeline-time:nth-of-type(2){text-align:right;grid-column:2}}.employee-approval-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:900px){.employee-shell{display:block}.employee-mobile-navigation{align-items:center;margin-bottom:14px;display:flex}.employee-mobile-navigation>button{align-items:center;gap:8px;display:inline-flex}.employee-navigation{z-index:61;border-radius:0 16px 16px 0;width:min(320px,88vw);max-height:none;display:none;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:14px 0 40px #0003}.employee-navigation.is-open{display:block}.employee-navigation-backdrop{z-index:60;background:#0008;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.employee-navigation-head{justify-content:space-between;align-items:center;display:flex}.employee-navigation-head>button{width:32px;height:32px;color:var(--muted);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}}@media (max-width:600px){.employee-portal{padding:12px}.employee-portal-header{align-items:flex-start;padding:16px}.employee-header-actions{align-self:flex-start}.employee-header-actions>button{min-width:40px}.employee-header-actions>button:first-child:not(:last-child){gap:0;font-size:0}.employee-header-actions>button:first-child:not(:last-child) svg{width:18px;height:18px}.employee-content{padding:18px}.employee-details,.employee-leave-application>.employee-password{grid-template-columns:1fr}.employee-leave-application>.employee-password>button{justify-content:center;width:100%}.field-attendance-form .button-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-attendance-form .button-row>button{width:100%;min-width:0}.face-camera-capture{max-width:none;padding:12px}.face-camera-capture video,.face-camera-capture img{max-height:48vh}.face-camera-capture button{width:100%}}.nav-search{color:#9290a4;align-items:center;gap:6px;margin:26px 9px 15px;display:flex}.nav-search input{color:#fff;background:0 0;border:0;outline:0;padding:7px 3px;font-size:12px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#4d4860 transparent;flex:1;padding-bottom:20px;overflow:auto}.nav-caption{letter-spacing:1.6px;color:#8f8b9f;margin:22px 14px 12px;font-size:9px}.nav-item,summary{color:#c7c3d4;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:12px;line-height:20px;display:flex}.nav-item:hover,summary:hover,.nav-child:hover{background:#343244}.nav-item.active{color:#fff;background:#7260af;box-shadow:0 3px 9px #1b182655}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>svg:last-child{margin-left:auto}details[open]>summary>svg:last-child{transform:rotate(90deg)}.nav-child{text-align:left;color:#aca7bc;background:0 0;border-radius:6px;width:100%;padding:10px 12px 10px 45px;font-size:11px;display:block}.nav-child.active{color:#ded1ff;background:#3e3656}.sidebar-bottom{color:#fff;border-top:1px solid #3b384d;align-items:center;gap:10px;padding:21px 3px;font-size:11px;display:flex}.sidebar-bottom small{color:#a5a0b6;margin-top:4px;font-size:10px}.sidebar-bottom button{color:#b0aabd;background:0 0;margin-left:auto;padding:5px}.avatar{color:#796092;background:#e4daf4;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:11px;font-weight:650;display:grid}.avatar.small{background:#eadff1;width:32px;height:32px;font-size:10px}.main{width:calc(100% - 258px);min-width:0;margin-left:258px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:78px;padding:0 42px;display:flex}.breadcrumb,.topbar-right,.today{align-items:center;gap:15px;font-size:12px;display:flex}.breadcrumb>span{color:var(--muted)}.breadcrumb strong{font-weight:500}.breadcrumb>svg{color:#bab8c3}.today{color:#767181;gap:8px}.topbar-right{gap:23px}.main main{max-width:1680px;margin:auto;padding:34px 42px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.filter-bar{align-items:end;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.eyebrow{letter-spacing:1.7px;color:#9585b4;margin-bottom:10px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.9px;font-size:25px;font-weight:750}.page-heading>div>p:last-child{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.primary,.secondary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--purple);color:#fff}.primary:hover{background:var(--purple-dark)}.secondary{color:#625d72;background:#fff;border:1px solid #e4e1ed}.secondary:hover{background:#f4f1fa}.hero{background:#ede8f7;border:1px solid #e5ddef;border-radius:13px;justify-content:space-between;min-height:262px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.hero-tag{letter-spacing:1.5px;color:#8c77aa;align-items:center;gap:8px;font-size:9px;font-weight:650;display:flex}.hero-tag .live-dot{background:#ad9ac6}.hero h2{letter-spacing:-1.1px;color:#45345f;margin:14px 0 11px;font-size:31px;font-weight:650;line-height:1.35}.hero p{color:#8b7d9c;font-size:12px;line-height:1.85}.hero button{color:#6e588b;background:#fff9;border:1px solid #dfd4eb;border-radius:7px;align-items:center;gap:22px;margin-top:19px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.hero-art{width:350px;height:300px;position:absolute;top:-5px;right:40px}.orbit{border:1px solid #d6cae7;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit.one{width:205px;height:205px}.orbit.two{border-style:dashed;width:285px;height:285px}.art-center{color:#a18aba;background:linear-gradient(140deg,#fcfaff,#d9ccec);border-radius:31px;place-items:center;width:132px;height:132px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 15px 30px #b6a4cc40,0 0 0 10px #faf6ff70}.art-note{color:#7c6a92;background:#fffc;border:1px solid #fff;border-radius:10px;align-items:center;gap:9px;padding:14px;font-size:11px;display:flex;position:absolute;box-shadow:0 8px 18px #b7a7c521}.note-one{top:70px;left:1px;transform:rotate(-7deg)}.note-two{bottom:50px;right:-6px;transform:rotate(6deg)}.note-two svg{color:#86a796}.art-dot{background:#b4a0d2;border:4px solid #e6ddf0;border-radius:50%;width:14px;height:14px;position:absolute}.d1{top:52px;right:48px}.d2{background:#a0b8a5;bottom:46px;left:73px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0 28px;display:grid}.stat{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;padding:20px;position:relative;box-shadow:0 2px 2px #25243502}.stat-icon{color:#a08abc;background:#f2edf9;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.stat:nth-child(2) .stat-icon{color:#c7a16b;background:#fff3e5}.stat:nth-child(3) .stat-icon{color:#85a794;background:#eaf4ef}.stat:nth-child(4) .stat-icon{color:#8895c6;background:#edf0fb}.stat-arrow{color:#bbb6c7;position:absolute;top:22px;right:18px}.stat p{color:#898391;margin:18px 0 8px;font-size:11px}.stat strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:29px;font-weight:750}.stat small{color:#aaa4b0;margin-top:10px;font-size:9px}.overview-grid{grid-template-columns:1.25fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panel-heading{color:#aaa2b5;justify-content:space-between;align-items:center;padding:24px 24px 18px;display:flex}.panel h3{letter-spacing:-.3px;color:var(--ink);font-size:15px;font-weight:700}.panel-heading p{color:#a29ba8;margin-top:7px;font-size:10px}.subtle{letter-spacing:1px;font-size:8px}.essentials{padding:0 12px 16px}.essentials>button{text-align:left;background:#fff;border-radius:8px;align-items:center;gap:14px;width:100%;padding:15px 12px;display:flex}.essentials>button:hover{background:#faf8fc}.essentials>button>span{color:#a28bb9;background:#faf8fc;border:1px solid #ece6f5;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.essentials strong{color:#5c536a;font-size:11px;font-weight:550}.essentials small{color:#aaa2b2;margin-top:5px;font-size:10px}.essentials>button>svg{color:#bbb2c4;margin-left:auto}.activity{padding:0 24px 20px}.activity>div:not(.empty){align-items:center;gap:13px;padding:13px 0;display:flex}.activity strong{font-size:11px;font-weight:500}.activity small{margin-top:6px;font-size:10px}.activity-dot{background:#b39bcd;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f7f2fb}.records-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 23px;display:flex}.search-box{color:#a199b0;border:1px solid #ebe7f1;border-radius:7px;align-items:center;gap:9px;width:330px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:none;padding:10px 0;font-size:12px}.record-count{white-space:nowrap;color:#a09aa9;margin-left:auto;font-size:11px}.icon-button{padding:9px}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--purple) var(--surface-secondary);min-width:0;max-width:100%;overflow:auto}.table-wrap::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{border:2px solid var(--surface-secondary);background:var(--purple);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--purple-dark)}.main,.main main,.panel{min-width:0}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.3px;color:#a09aa8;border-bottom:1px solid var(--line);background:#fcfbfd;padding:15px 22px;font-size:10px;font-weight:550}td{color:#817989;text-overflow:ellipsis;border-bottom:1px solid #f3f0f6;max-width:260px;padding:18px 22px;font-size:11px;overflow:hidden}tbody tr:hover{background:#fdfbff}td strong{color:#5d546b;font-weight:500}.name-cell{align-items:center;gap:11px;display:flex}.initials{color:#b29ec8;background:#f0eaf7;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.badge{color:#a38dbd;background:#f0edf7;border-radius:5px;align-items:center;padding:5px 9px;font-size:9px;display:inline-flex}.badge.true,.badge.approved,.badge.finalized,.badge.active{color:#6c9c7b;background:#ecf6ef}.badge.false,.badge.rejected{color:#bc8e82;background:#fff0ed}.badge.pending,.badge.draft{color:#baa273;background:#fff6e9}.actions{overflow:visible}.text-button{color:#9276b4;background:0 0;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.text-button:hover{background:#f3edf9;border-radius:5px}.danger{color:#b36969}.pagination{color:#aaa2b2;justify-content:space-between;align-items:center;padding:19px 23px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:15px;display:flex}.pagination .secondary{padding:8px 10px;font-size:10px}.empty{text-align:center;color:#b1a6bc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty h3,.empty strong{color:#91839f;font-size:13px}.empty p{font-size:11px}.small-empty{min-height:250px;padding:35px}.info-strip{color:#9a8aad;background:#faf7fe;justify-content:space-between;align-items:center;padding:10px 22px;font-size:11px;display:flex}.alert{border-radius:7px;align-items:center;gap:9px;margin-bottom:18px;padding:13px 15px;font-size:12px;line-height:1.5;display:flex}.alert.error{color:#a65f60;background:#fff0f0;border:1px solid #f8dede}.alert.success{color:#6b957a;background:#edf7f0}.alert button{color:inherit;background:0 0;margin-left:auto}footer{color:#b8b1c1;justify-content:space-between;margin-top:32px;font-size:10px;display:flex}footer>span{font-size:9px}.mobile-menu{display:none}.initial{color:#9b80ba;justify-content:center;align-items:center;gap:15px;height:100vh;display:flex}.record-dialog{width:min(820px,94vw);max-height:90vh;color:var(--ink);border:1px solid #e2dbea;border-radius:14px;padding:0;box-shadow:0 30px 90px #29203944}.record-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#26203570}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.dialog-header h2{font-size:21px}.dialog-header .eyebrow{margin-bottom:5px}.dialog-content{max-height:65vh;padding:24px 28px;overflow:auto}.form-hint{color:#a497b0;margin-bottom:24px;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-grid label{color:#8a7d97;font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px}.form-grid .wide{grid-column:span 2}.required{color:#af94c9}.dialog-footer{border-top:1px solid var(--line);background:#fcfaff;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.reference{border:1px solid #e3dbea;border-radius:8px;margin-top:7px;overflow:hidden}.reference select{border:0;border-top:1px solid #f1eaf6;border-radius:0}.reference-search{color:#b9a9c8;align-items:center;gap:5px;padding:0 10px;display:flex}.reference-search input{border:0;outline:none;padding:8px 0;font-size:11px}.tabs{border-bottom:1px solid var(--line);overscroll-behavior-inline:contain;scrollbar-width:thin;gap:25px;padding:0 25px;display:flex;overflow-x:auto}.tabs>button{color:#a196aa;background:0 0;padding:20px 4px;font-size:12px}.tabs .selected{color:var(--purple);border-bottom:2px solid var(--purple)}.admin-toolbar{align-items:center;gap:12px;padding:22px;display:flex}.admin-toolbar p{color:#9d91a8;flex:1;font-size:12px}.admin-toolbar select{width:250px}.admin-panel>.alert{margin:15px 20px}.inline-form{background:#faf7fe;grid-template-columns:1fr 1fr;gap:15px;padding:20px;display:grid}.scope-editor{background:#faf7fe;padding:25px}.scope-editor>label{align-items:center;gap:10px;margin:12px 0;display:flex}.scope-editor p{color:#9988a8;margin:10px 0}.scope-editor>.secondary{margin-left:12px}.login-page{background:var(--surface);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{color:#f5effb;background:#292338;flex-direction:column;align-items:flex-start;padding:50px 65px;display:flex;position:relative;overflow:hidden}.login-story .brand{padding:0;font-size:29px}.login-story>.eyebrow{color:#b9a5d1;margin-top:140px}.login-story h1{letter-spacing:-2px;z-index:1;font-size:49px;line-height:1.3;position:relative}.login-story p{color:#bcaec9;z-index:1;max-width:330px;margin-top:23px;font-size:15px;line-height:1.8;position:relative}.login-story>small{color:#92829f;margin-top:auto;padding-top:160px;font-size:11px}.login-flower{color:#75638e40;width:450px;height:450px;position:absolute;bottom:25px;right:-100px;transform:rotate(-20deg)}.login-form{place-items:center;padding:45px;display:grid;position:relative}.login-form>div{width:100%;max-width:355px;position:relative}.login-mark{color:#b09bc6;background:#f0e9f8;border-radius:15px;place-items:center;width:62px;height:62px;margin-bottom:27px;display:grid}.login-theme-control{position:absolute;top:-64px;right:0}.login-form h2{letter-spacing:-1px;font-size:27px}.login-form p{color:#a092ac;margin-top:12px;font-size:13px}.login-form form{gap:23px;margin:33px 0;display:grid}.login-form label{color:#8a789a;font-size:12px}.login-form input{padding:14px}.login-form .primary{justify-content:space-between;width:100%;padding:14px;font-size:13px}.login-form>div>small{color:#ad9db8;text-align:center;font-size:11px}.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}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.hero-art{right:110px}}@media (max-width:1200px){.sidebar{width:230px}.main{width:calc(100% - 230px);margin-left:230px}.main main{padding:28px}.topbar{padding:0 28px}.hero-art{opacity:.8;right:-30px}.hero>div:first-child{z-index:1}.stat{padding:16px}.stats{gap:10px}.page-heading h1{font-size:22px}.overview-grid{grid-template-columns:1fr 1fr}}@media (max-width:950px){.sidebar{width:210px;padding-left:10px;padding-right:10px}.main{width:calc(100% - 210px);margin-left:210px}.stats{grid-template-columns:1fr 1fr}.hero-art{opacity:.4;right:-150px}.hero{padding:25px}.overview-grid{grid-template-columns:1fr}.hero h2{font-size:29px}.topbar{height:66px}.today{display:none}.main main{padding:25px}.page-heading{align-items:flex-start}.page-heading>.primary{padding:10px;font-size:10px}}@media (max-width:700px){.sidebar{width:258px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{width:100%;margin-left:0}.mobile-menu{color:#8f7aa7;background:0 0;padding:0;display:block}.topbar{padding:0 20px}.main main{padding:24px 18px}.breadcrumb{gap:9px;font-size:11px}.page-heading{display:block}.page-heading>.primary{margin-top:16px}.page-heading h1{font-size:22px;line-height:1.4}.eyebrow{font-size:8px}.hero{min-height:275px;padding:25px}.hero h2{font-size:27px}.hero-art{opacity:.25;right:-200px}.stats{gap:12px}.stat strong{font-size:26px}.records-toolbar{flex-wrap:wrap;padding:14px}.search-box{flex:1;width:100%;min-width:180px}.record-count{display:none}.pagination{gap:10px;padding:15px}.pagination>div{gap:8px}.pagination .secondary{gap:0;font-size:0}.pagination .secondary svg{width:17px}.scrim{z-index:19;background:#1e182a80;position:fixed;inset:0}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh;padding:35px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-content,.dialog-header{padding:20px}.dialog-header h2{font-size:18px}.admin-toolbar{flex-wrap:wrap}.inline-form{grid-template-columns:1fr}.info-strip{display:block}.info-strip button{margin-top:5px}footer>span{text-align:right;max-width:180px}.tabs{gap:20px;padding:0 18px}.tabs>button{font-size:11px}}
.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--card:#fff;--input:#fff;--hover:#f2effb;--accent-soft:#eee8fc;--danger:#b4233c;--danger-soft:#fff1f3;--muted:#696674;--shadow:0 16px 48px #24233418}.record-dialog.connected-dialog{width:min(1160px,100vw - 40px);max-width:none;height:min(860px,100dvh - 40px);max-height:calc(100dvh - 40px);padding:0}.connected-dialog>form{height:100%}.connected-dialog .dialog-header{background:var(--card);border-bottom:1px solid var(--line);padding:22px 28px}.connected-subtitle{color:var(--muted);margin:7px 0 0;font-size:13px}.connected-body{flex:1;min-height:0;display:flex;overflow:hidden}.form-sections{background:var(--surface);border-right:1px solid var(--line);flex:0 0 230px;padding:22px 14px;overflow-y:auto}.form-sections button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;margin-bottom:5px;padding:13px 12px;font-weight:500;display:flex}.form-sections button>span:first-of-type{flex:1}.form-sections button:hover{background:var(--hover)}.form-sections button[aria-current]{color:var(--purple-dark);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--purple);font-weight:700}.form-sections p{color:var(--muted);margin:24px 12px;font-size:12px;line-height:1.7}.section-count{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:11px}.connected-dialog .connected-content{background:var(--card);flex:1;min-width:0;max-height:none;padding:26px 30px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.section-heading h3{margin:0 0 7px;font-size:19px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.form-section-fields{border:0;border-top:1px solid var(--line);min-width:0;margin:0 0 24px;padding:20px 0 0}.form-section-fields legend{color:var(--ink);letter-spacing:.01em;padding:0 14px 0 0;font-size:13px;font-weight:700}.connected-dialog .form-grid{gap:20px 24px}.connected-dialog .form-field label{font-size:13px}.related-card{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:16px}.related-card>summary{cursor:pointer;color:var(--ink);background:var(--surface);border-radius:11px;align-items:center;gap:12px;padding:17px 20px;list-style:none;display:flex}.related-card>summary:hover{color:var(--ink);background:var(--hover)}.related-card>summary::-webkit-details-marker{display:none}.related-card>summary>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.related-card>summary small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.related-card[open]>summary>svg{transform:rotate(90deg)}.related-number{background:var(--accent-soft);color:var(--purple-dark);border-radius:8px;padding:9px 12px;font-weight:700}.related-card-body{padding:6px 20px 20px}.related-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:54px 20px}.related-empty h4{color:var(--ink);margin:15px 0 8px;font-size:16px}.related-empty p{max-width:360px;margin:auto;font-size:13px;line-height:1.7}.connected-alert{flex-shrink:0;margin:12px 20px 0}.save-note{color:var(--muted);margin-right:auto;font-size:12px}.discard-prompt{background:var(--danger-soft);color:var(--danger);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 25px;display:flex}.discard-prompt span{margin-right:auto}.connected-dialog .dialog-footer{background:var(--card);padding:18px 28px}@media (max-width:700px){.record-dialog.connected-dialog{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.connected-body{flex-direction:column}.form-sections{border-right:0;border-bottom:1px solid var(--line);flex:none;padding:10px 12px;display:flex;overflow-x:auto}.form-sections button{white-space:nowrap;flex:none;width:auto;margin:0 5px 0 0;padding:10px}.form-sections p{display:none}.connected-dialog .connected-content{padding:20px 16px}.connected-dialog .dialog-header,.connected-dialog .dialog-footer{padding:16px}.connected-dialog .form-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.save-note{max-width:95px}.related-card-body{padding:6px 14px 16px}}.table-wrap{position:relative}.calendar-popover[popover]{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;position:fixed;inset:auto;overflow:auto}.record-dialog{overflow:hidden}.record-dialog>form{max-height:inherit;flex-direction:column;display:flex}.record-dialog .dialog-content{overscroll-behavior:contain;flex:1;min-height:0}.record-dialog .dialog-header,.record-dialog .dialog-footer{flex-shrink:0}body:has(dialog[open]){overflow:hidden}.calendar-popover table{white-space:normal;text-align:center;width:auto;min-width:0}.calendar-popover th,.calendar-popover td{color:var(--ink);text-overflow:clip;background:0 0;border:0;max-width:none;padding:0;font-size:13px;overflow:visible}.calendar-popover th{color:var(--muted);letter-spacing:0;padding:7px 0;font-size:11px}.calendar-popover tbody tr:hover{background:0 0}.calendar-popover .rdp-day_button:hover{background:var(--hover)}:root[data-theme=dark] .table-wrap td,:root[data-theme=dark] .table-wrap td strong,:root[data-theme=dark] .name-cell strong,:root[data-theme=dark] .login-form label{color:var(--ink)}:root[data-theme=dark] .text-button{color:#cdb8ff}:root[data-theme=dark] .text-button.danger{color:#ffacba}:root[data-theme=dark] .primary{color:#21182f;background:#b39aef}:root[data-theme=dark] .primary:hover{color:#21182f;background:#c4adfa}:root[data-theme=dark] .initials{color:#e2d4ff;background:#39304d}:root[data-theme=dark] .today,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .nav-caption,:root[data-theme=dark] .stat p,:root[data-theme=dark] .stat small,:root[data-theme=dark] .panel-heading p,:root[data-theme=dark] .subtle,:root[data-theme=dark] .essentials small,:root[data-theme=dark] .activity small,:root[data-theme=dark] .record-count,:root[data-theme=dark] .pagination,:root[data-theme=dark] .empty,:root[data-theme=dark] .tabs>button,:root[data-theme=dark] .admin-toolbar p,:root[data-theme=dark] .scope-editor p,:root[data-theme=dark] .login-form p,:root[data-theme=dark] .login-form>div>small,:root[data-theme=dark] footer{color:#c1bacd}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#b9b2c5;opacity:1}:root[data-theme=dark] .info-strip{color:#dbcef0;background:#30283f}:root[data-theme=dark] .badge.pending{color:#f4d590;background:#443820}:root[data-theme=dark] .badge.false,:root[data-theme=dark] .badge.rejected{color:#ffb5c0;background:#442a33}:root[data-theme=dark] .badge.approved,:root[data-theme=dark] .badge.finalized,:root[data-theme=dark] .badge.active{color:#a2e4c2;background:#1d3e35}:root[data-theme=dark] button:disabled{opacity:1;color:#aaa3b7;cursor:not-allowed;background:#292532;border-color:#413b50}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#171620;--surface-secondary:#242130;--surface-elevated:#242130;--text-primary:#eeeaf6;--text-secondary:#b1abbf;--ink:#eeeaf6;--muted:#b1abbf;--purple:#b39aef;--purple-dark:#9f80e3;--line:#383449;--surface:#171620;--sidebar:#1f1c2b;--card:#242130;--input:#211e2c;--hover:#322b46;--accent-soft:#39304d;--danger:#ff9aaa;--danger-soft:#412530;--shadow:0 18px 48px #0005}body{background:var(--surface)}.topbar,.panel,.stat,.record-dialog,.login-form,.pagination,.dialog-header,.dialog-footer{background:var(--card);color:var(--ink);border-color:var(--line)}input,textarea,select{background:var(--input);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.secondary,.theme-toggle,.desktop-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px}.theme-toggle,.desktop-menu{justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 10px;display:inline-flex}.theme-toggle:hover,.desktop-menu:hover,.secondary:hover{background:var(--hover)}.sidebar-close{display:none}.brand .brand-name{background:0 0;border-radius:0;gap:0;width:auto;height:auto;font-size:24px;display:inline}.brand-name .brand-light{margin-left:0}.action-dialog{max-width:520px}.main,.sidebar{transition:margin-left .2s,width .2s,transform .2s}.nav-label{flex:1}.sidebar-bottom>div:nth-child(2){min-width:0}.login-theme{z-index:5;position:absolute;top:24px;right:24px}.form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.form-grid>.form-field.wide{grid-column:1/-1}.form-field>label{color:var(--ink);display:block}.required,.field-error{color:var(--danger)}.field-error{margin-top:2px;font-size:12px;font-weight:500;line-height:1.5;display:block}.form-hint{color:var(--muted);margin-bottom:20px;font-size:12px}input[aria-invalid=true],textarea[aria-invalid=true],.is-invalid .select__control,.date-field.is-invalid .date-input{border:1px solid var(--danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 12%, transparent);background:var(--danger-soft)}.date-field.is-invalid .date-input input{box-shadow:none;background:0 0;border:0}.validation-summary{border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);background:var(--danger-soft);color:var(--danger);border-radius:10px;align-items:center;gap:9px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.search-select{text-align:left;width:100%;min-width:0;font-size:13px;font-weight:400}.search-select .select__control{border:1px solid var(--line);background:var(--input);cursor:pointer;border-radius:8px;min-height:42px}.search-select .select__control--is-focused{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--purple) 20%, transparent)}.search-select .select__value-container{gap:4px;padding:6px 12px}.search-select .select__input-container{color:var(--ink);margin:0;padding:0}.search-select input{min-height:24px;box-shadow:none!important;outline:none!important;padding:0!important}.search-select .select__single-value{color:var(--ink)}.search-select .select__placeholder{color:var(--muted)}.search-select .select__indicator{color:var(--muted);padding:7px}.search-select .select__indicator-separator{background:var(--line);width:1px;margin:10px 0}:is(.search-select,.select__menu-portal) .select__menu{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:9px;margin:5px 0;overflow:hidden}:is(.search-select,.select__menu-portal) .select__option{color:var(--ink);cursor:pointer;overflow-wrap:anywhere;padding:10px 12px}:is(.search-select,.select__menu-portal) .select__option--is-focused{background:var(--hover)}:is(.search-select,.select__menu-portal) .select__option--is-selected{background:var(--accent-soft);color:var(--purple);font-weight:600}:is(.search-select,.select__menu-portal) .select__menu-notice{color:var(--muted);padding:15px}.search-select .select__control--is-disabled{opacity:.6}.date-field{min-width:0;position:relative}.date-input{background:var(--input);border:1px solid var(--line);border-radius:8px;align-items:center;min-height:42px;display:flex}.date-input:focus-within{outline:2px solid color-mix(in srgb, var(--purple) 50%, transparent);outline-offset:1px}.date-input input{box-shadow:none;background:0 0;border:0;outline:none;flex:1;width:60px;padding:10px 12px}.date-input button{color:var(--purple);background:0 0;border-radius:6px;margin-right:3px;padding:9px;display:flex}.calendar-popover{z-index:15;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:12px;width:max-content;max-width:100%;margin-top:7px;padding:12px;position:relative}.rdp-root{--rdp-accent-color:var(--purple);--rdp-accent-background-color:var(--accent-soft);--rdp-day-height:34px;--rdp-day-width:34px;--rdp-day_button-height:32px;--rdp-day_button-width:32px;color:var(--ink);font-size:13px}.rdp-root button{color:inherit}.rdp-root .rdp-selected .rdp-day_button{background:var(--purple);color:var(--card);border-color:var(--purple)}.rdp-root .rdp-dropdown{background:var(--card);color:var(--ink);padding:0}.rdp-caption_label{font-size:14px}.rdp-root .rdp-month_caption{height:40px}.calendar-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding-top:9px;display:flex}.calendar-actions button{background:var(--hover);color:var(--purple);border-radius:6px;align-items:center;gap:5px;padding:7px 10px;display:flex}.datetime-pair{grid-template-columns:minmax(0,1fr) 95px;align-items:start;gap:8px;display:grid}.datetime-pair>input{height:42px}.admin-toolbar>.search-select{max-width:310px}.inline-form>label .search-select{margin-top:7px}.inline-form{align-items:start}.table-wrap th{background:var(--surface);color:var(--muted);border-color:var(--line)}.table-wrap td{border-color:var(--line)}.table-wrap tbody tr:hover{background:var(--hover)}:root[data-theme=dark] .hero{color:var(--ink);background:linear-gradient(110deg,#332a49,#272638);border-color:#47395f}:root[data-theme=dark] .hero h2,:root[data-theme=dark] .hero p,:root[data-theme=dark] .hero-tag{color:var(--ink)}:root[data-theme=dark] .hero button{color:#211b30;background:#b39aef}:root[data-theme=dark] .hero-art .art-center,:root[data-theme=dark] .art-note{color:#eadfff;background:#433651}:root[data-theme=dark] .stat-icon,:root[data-theme=dark] .essentials button>span,:root[data-theme=dark] .avatar,:root[data-theme=dark] .login-mark{background:var(--accent-soft);color:var(--purple)}:root[data-theme=dark] .stat strong,:root[data-theme=dark] .essentials strong,:root[data-theme=dark] .activity strong,:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .panel h3{color:var(--ink)}:root[data-theme=dark] .essentials button,:root[data-theme=dark] .search-box,:root[data-theme=dark] .scope-editor,:root[data-theme=dark] .inline-form{background:var(--input);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .badge{color:#d4c4ec;background:#393444}:root[data-theme=dark] .badge.true,:root[data-theme=dark] .alert.success{color:#a2e4c2;background:#1d3e35}:root[data-theme=dark] .alert.error{background:var(--danger-soft);color:var(--danger)}:root[data-theme=dark] .login-story{color:var(--ink);background:linear-gradient(145deg,#30293d,#232032)}:root[data-theme=dark] .login-story h1,:root[data-theme=dark] .login-story p,:root[data-theme=dark] .login-story small,:root[data-theme=dark] .login-story .eyebrow,:root[data-theme=dark] .login-story .brand{color:var(--ink)}:root[data-theme=dark] .tabs button.selected{background:var(--accent-soft);color:var(--purple)}@media (min-width:701px){.sidebar-collapsed .sidebar{width:78px;padding-left:12px;padding-right:12px}.sidebar-collapsed .main{width:calc(100% - 78px);margin-left:78px}.sidebar-collapsed .sidebar .brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar .brand-name,.sidebar-collapsed .sidebar .nav-search,.sidebar-collapsed .sidebar .nav-caption,.sidebar-collapsed .sidebar .nav-child,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar summary>svg:last-child,.sidebar-collapsed .sidebar .sidebar-bottom>div{display:none}.sidebar-collapsed .sidebar .nav-item,.sidebar-collapsed .sidebar summary{justify-content:center;padding:13px}.sidebar-collapsed .sidebar .sidebar-bottom{justify-content:center}.sidebar-collapsed .sidebar nav{margin-top:24px}.sidebar-collapsed .sidebar .nav-item{font-size:0}.sidebar-collapsed .sidebar summary.nav-group-current{color:#e2d7ff;background:#48405f;border-radius:8px}}@media (max-width:700px){.desktop-menu{display:none}.sidebar-close{color:#fff;background:#ffffff14;border-radius:8px;padding:8px;display:flex;position:absolute;top:16px;right:12px}.theme-toggle span{display:none}.topbar{gap:8px;padding-left:16px;padding-right:16px}.topbar-right{gap:8px}.breadcrumb{gap:6px;min-width:0}.breadcrumb>span:first-of-type,.breadcrumb>svg{display:none}.breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-theme{top:16px;right:16px}.login-form{padding-top:80px}.record-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.dialog-content{max-height:calc(100dvh - 210px);padding:18px}.dialog-header,.dialog-footer{padding:16px 18px}.form-grid{grid-template-columns:minmax(0,1fr)}.admin-toolbar{flex-wrap:wrap}.admin-toolbar>.search-select{max-width:none}.rdp-root{--rdp-day-width:32px;--rdp-day_button-width:30px}.calendar-popover{padding:8px}.theme-toggle{min-width:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.search-select.is-invalid .select__control,.search-select.is-invalid .select__control--is-focused,select[aria-invalid=true],input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 18%, transparent)}.select-option-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.select-option-label .badge{flex-shrink:0;font-size:11px}.select__menu-portal{color:var(--ink);font-size:13px}.admin-toolbar>.search-select{width:min(360px,100%)}.admin-panel td .search-select{min-width:240px}.text-button:hover,.text-button:focus-visible{background:var(--hover);color:var(--purple-dark)}:root[data-theme=dark] .text-button:hover,:root[data-theme=dark] .text-button:focus-visible{color:#eadfff;background:#403450}.time-picker{align-items:center;gap:8px;min-width:0;display:flex}.time-picker .search-select{flex:1;min-width:80px}.time-format{color:var(--muted);font-size:12px}:root:not([data-theme=dark]){--line:#c9c7d3;--muted:#585564}:root:not([data-theme=dark]) input::placeholder,:root:not([data-theme=dark]) textarea::placeholder{color:#686474;opacity:1}.workspace-toolbar .date-field,.workspace-toolbar .date-input{min-width:190px}.select-option-label>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}
.hr-workspace{gap:22px;min-width:0;display:grid}.hr-workspace h2{letter-spacing:-.4px;font-size:19px}.hr-workspace h3{font-size:15px}.hr-workspace p{color:var(--muted);line-height:1.6}.workspace-tabs{border-bottom:1px solid var(--line);overscroll-behavior-inline:contain;scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.workspace-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border-bottom:3px solid #0000;align-items:center;gap:9px;padding:15px 17px;display:flex}.workspace-tabs button.active{color:var(--purple);border-color:var(--purple);font-weight:650}.workspace-filters{background:var(--workspace-card,#fff);border:1px solid var(--line);border-radius:14px;grid-template-columns:1.35fr 1.2fr .9fr 1.1fr;gap:16px;padding:22px;display:grid}.hr-workspace label,.workspace-dialog label{color:var(--ink);flex-direction:column;gap:8px;font-size:12px;font-weight:650;display:flex}.hr-workspace select,.hr-workspace input,.workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea{font-size:14px;font-weight:400}.workspace-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.workspace-stats>div{border:1px solid var(--line);background:var(--workspace-card,#fff);border-radius:12px;gap:12px;padding:20px 24px;display:grid}.workspace-stats span{color:var(--muted);font-size:12px}.workspace-stats strong{letter-spacing:-1px;font-family:Manrope,Arial,sans-serif;font-size:27px}.workspace-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.workspace-toolbar p{max-width:680px;margin-top:6px;font-size:13px}:is(.workspace-toolbar.compact:has(#payroll-revision-structure),.workspace-toolbar.compact:has(#payroll-adjustment-employee)){flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}:is(.workspace-toolbar.compact:has(#payroll-revision-structure) .workspace-floating-field,.workspace-toolbar.compact:has(#payroll-adjustment-employee) .workspace-floating-field){flex:160px;max-width:260px}.workspace-toolbar.compact>input{max-width:400px}.workspace-toolbar.compact>select{max-width:220px}.workspace-toolbar .search-box{flex:1;max-width:420px}.payroll-setup-panel{overflow:hidden}.payroll-setup-tabs{padding-inline:18px}.payroll-setup-actions{border-bottom:1px solid var(--line);justify-content:flex-end;padding:16px 24px;display:flex}.payroll-editor-dialog{width:min(1040px,94vw);max-height:min(860px,90dvh);padding:0;overflow:hidden}.payroll-editor-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24233466}.payroll-editor-body{max-height:calc(90dvh - 76px);overflow:auto}.payroll-editor-fields{border:0;min-width:0;margin:0;padding:0}.payroll-editor-dialog .payroll-setup-form{border-bottom:0}.payroll-structure-lines{border:0;border-top:1px solid var(--line);box-shadow:none;border-radius:0}.payroll-structure-lines>h3{margin:0;padding:18px 24px 0;font-size:17px}.payroll-structure-lines>.table-wrap{border-top:1px solid var(--line)}@media (max-width:900px){.payroll-structure-lines .table-wrap{padding:12px;overflow:visible}.payroll-structure-lines .table-wrap table,.payroll-structure-lines .table-wrap tbody{width:100%;min-width:0;display:block}.payroll-structure-lines .table-wrap thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.payroll-structure-lines .table-wrap tbody{gap:10px;display:grid}.payroll-structure-lines .table-wrap tr{border:1px solid var(--line);background:var(--workspace-card,#fff);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.payroll-structure-lines .table-wrap td{overflow-wrap:anywhere;border:0;gap:4px;min-width:0;padding:0;display:grid}.payroll-structure-lines .table-wrap td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:650}.payroll-structure-lines .table-wrap td:first-child,.payroll-structure-lines .table-wrap td:last-child{grid-column:1/-1}.payroll-structure-lines .table-wrap td:last-child{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.payroll-structure-lines .table-wrap td:last-child:before{width:100%}}.payroll-setup-form{border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--purple) 3%, var(--workspace-card,#fff)), var(--workspace-card,#fff));grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:18px;padding:24px;display:grid}.payroll-setup-form .workspace-floating-field{min-width:0}.payroll-setup-form .workspace-floating-field.wide{grid-column:1/-1}.payroll-setup-form .workspace-floating-field textarea{resize:vertical;min-height:86px}.payroll-option-grid{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;padding:14px;display:grid}.payroll-option-grid .checkbox-field{min-height:38px;color:var(--ink);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;font-weight:550;display:flex}.payroll-option-grid .checkbox-field:hover{background:var(--workspace-card,#fff)}.payroll-option-grid .checkbox-field input{flex:none;width:17px}.payroll-setup-form>.primary{align-self:end;min-height:48px}.payroll-setup-form>.field-error{grid-column:1/-1}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:4px;display:flex}.segmented button{color:var(--muted);white-space:nowrap;background:0 0;border-radius:6px;padding:9px 13px;font-size:12px}.segmented button.active{color:var(--purple);background:var(--workspace-card,#fff);font-weight:650;box-shadow:0 1px 5px #00000012}.day-filter{max-width:160px}.hr-workspace table{border-collapse:collapse;width:100%}.hr-workspace table small,.hr-workspace table strong{display:block}.hr-workspace table small{color:var(--muted);white-space:normal;max-width:330px;margin-top:5px;font-size:11px;font-weight:400}.hr-workspace table td,.hr-workspace table th{padding:17px 20px;font-size:12px}.hr-workspace table thead th{color:var(--muted);background:var(--surface);white-space:nowrap;font-size:11px;font-weight:600}.hr-workspace table tbody th{text-align:left;font-weight:400}.hr-workspace table tbody tr{border-bottom:1px solid var(--line)}.hr-workspace table tbody tr:last-child{border-bottom:0}.attendance-matrix{table-layout:fixed;min-width:1700px}.hr-workspace .attendance-matrix th:first-child{z-index:2;background:var(--workspace-card,#fff);width:220px;min-width:220px;position:sticky;left:0;box-shadow:3px 0 6px #00000008}.hr-workspace .attendance-matrix td,.hr-workspace .attendance-matrix th:not(:first-child){text-align:center;width:47px;padding:12px 4px}.attendance-cell{background:var(--surface);width:36px;min-height:34px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.attendance-cell:disabled{opacity:.7}.attendance-cell.status-p{color:#177a57;background:#e1f4ed}.attendance-cell.status-a,.status-pill.danger{color:#b24444;background:#fbe9e9}.attendance-cell.status-sl,.attendance-cell.status-al,.attendance-cell.status-pl,.attendance-cell.status-lv{color:#7453b2;background:#ece6fc}.attendance-cell.status-wo,.attendance-cell.status-ph{color:#4776b6;background:#e4edfc}.attendance-legend{min-height:48px;color:var(--muted);border-top:1px solid var(--line);flex-wrap:nowrap;align-items:center;gap:6px;padding:8px 18px;font-size:11px;display:flex;overflow-x:auto}.attendance-legend b{color:var(--ink);font-size:10px}.attendance-legend button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;display:inline-flex}.attendance-legend button span{background:var(--surface);min-width:16px;height:16px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.attendance-legend button:disabled{opacity:1;cursor:default}.attendance-legend button:hover,.attendance-legend button.active{border-color:var(--line);background:var(--surface);color:var(--ink)}.attendance-legend button.active{box-shadow:inset 2px 0 var(--purple)}.workspace-pager{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:16px 24px;font-size:12px;display:flex}.workspace-pager span{flex:1}.workspace-empty{text-align:center;color:var(--muted);padding:55px 24px;line-height:1.7}.workspace-empty h3{color:var(--ink);margin-bottom:6px}.status-pill{color:#7157b4;white-space:nowrap;background:#ece8fa;border-radius:6px;padding:6px 10px;font-size:11px;display:inline-flex}.workspace-dialog{width:min(700px,100vw - 24px);max-height:92dvh}.workspace-dialog.wide{width:min(940px,100vw - 24px)}.workspace-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px;display:flex}.workspace-dialog .eyebrow{margin-bottom:7px;font-size:10px}.workspace-dialog h2{font-size:21px}.workspace-dialog-body{gap:20px;padding:24px;display:grid}.workspace-dialog footer{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.workspace-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.workspace-form-grid .full-width{grid-column:1/-1}.workspace-form-grid .check-field{flex-direction:row;align-items:center}.employee-context{background:var(--surface);border-radius:9px;gap:6px;padding:16px 20px;display:grid}.employee-context span{color:var(--muted);font-size:12px}.import-steps{grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 24px;display:grid}.import-steps>div{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:14px;padding-right:24px;display:flex}.import-steps>div:last-child{border:0;padding-right:0}.import-steps p{font-size:12px}.import-steps label{width:100%}.step-number{color:#7357bd;background:#ede8fb;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.upload-zone{border:1px dashed var(--purple);background:var(--surface);border-radius:9px;padding:14px}.upload-zone input{background:0 0;border:0;padding:0;font-size:11px}.import-counts{color:var(--muted);font-size:12px;line-height:2}.import-counts strong{color:var(--ink);margin-left:8px}.preview-table{max-height:440px;overflow:auto}.device-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;padding:24px;display:grid}.device-card{border:1px solid var(--line);border-radius:12px;max-width:520px;padding:23px}.device-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.device-icon{background:var(--surface);color:var(--purple);border-radius:10px;padding:10px}.device-card p{margin-top:7px;font-size:12px}.device-card dl{gap:13px;margin:22px 0;display:grid}.device-card dl>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.device-card dt{color:var(--muted)}.device-card dd{text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0}.payroll-stats{gap:12px;padding:24px}.payroll-stats>div{background:var(--surface);padding:18px}.payroll-stats strong{font-size:23px}.salary-slip{color:var(--ink);padding:36px}.slip-heading{border-bottom:2px solid var(--purple);justify-content:space-between;gap:24px;padding-bottom:25px;display:flex}.slip-heading>div:first-child{max-width:60%}.slip-heading p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.slip-heading h3{margin:0 0 12px;font-size:17px}.slip-person{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:20px;padding:26px 0;display:grid}.slip-person>div{gap:7px;display:grid}.slip-person span,.slip-person small{color:var(--muted);font-size:11px}.slip-columns{grid-template-columns:1fr 1fr;gap:30px;padding:24px 0;display:grid}.slip-breakdown h3{margin-bottom:18px;font-size:13px}.slip-breakdown>div{justify-content:space-between;gap:16px;padding:9px 0;font-size:12px;display:flex}.slip-breakdown strong{font-weight:500}.slip-totals{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:14px;padding:18px 0;display:grid}.slip-totals>div{gap:12px;padding:14px;display:grid}.slip-totals span{color:var(--muted);font-size:11px}.slip-totals strong{font-size:20px}.slip-totals .net-pay{color:#6844af;background:#eee9fb;border-radius:9px}.employer-contributions{background:var(--surface);border-radius:9px;margin-top:16px;padding:20px}.employer-contributions p,.slip-note{color:var(--muted);font-size:11px;line-height:1.7}.slip-note{margin-top:22px}.attendance-workspace{gap:14px}.attendance-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:2px 2px 0;display:flex}.attendance-page-heading .eyebrow{margin:0 0 7px}.attendance-page-heading h1{color:var(--ink);letter-spacing:-1px;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.3vw,32px);line-height:1.15}.attendance-page-heading p:last-child{max-width:680px;color:var(--muted);margin-top:7px;font-size:13px}.attendance-settings-trigger{flex:none;min-height:42px}.attendance-settings-dialog{width:min(1120px,94vw);max-height:min(860px,90dvh);padding:0;overflow:hidden}.attendance-settings-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24233466}.attendance-settings-dialog-content{max-height:calc(90dvh - 94px);overflow:auto}.attendance-settings-dialog-content>.panel{border:0;border-radius:0}.attendance-workspace .workspace-tabs button{padding-block:11px}.attendance-workspace .workspace-filters{grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:12px;padding:14px 18px}.attendance-register-heading{min-height:58px;padding:14px 18px}.attendance-register-heading p{display:none}.workspace-floating-field{min-width:0;display:block;position:relative}.attendance-workspace .workspace-filters .workspace-floating-field{gap:0;display:block}.workspace-floating-field>span{z-index:2;background:var(--card);color:var(--purple);padding:0 3px;font-size:11px;font-weight:650;line-height:1;position:absolute;top:-6px;left:10px}.attendance-workspace .workspace-filters .workspace-floating-field>label{z-index:2;color:var(--muted);pointer-events:none;transition:top var(--transition-fast), color var(--transition-fast), font-size var(--transition-fast), background var(--transition-fast);margin:0;padding:0 3px;font-size:13px;font-weight:500;line-height:1;display:block;position:absolute;top:17px;left:10px}.attendance-workspace .workspace-filters .workspace-floating-field.is-filled>label,.attendance-workspace .workspace-filters .workspace-floating-field:focus-within>label{background:var(--workspace-card,#fff);color:var(--purple);font-size:11px;font-weight:650;top:-6px}.attendance-register-summary{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}.attendance-register-summary span{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;padding:6px 9px}.attendance-register-summary b{color:var(--ink);margin-right:3px;font-size:12px}.attendance-dashboard .workspace-toolbar{align-items:end}.dashboard-date{flex-shrink:0;min-width:160px}.attendance-dashboard-stats{grid-template-columns:repeat(5,1fr);padding:0 18px 16px}.attendance-operation-summary{flex-wrap:wrap;align-items:center;gap:8px;padding:0 18px 16px;display:flex}.attendance-operation-summary>div{background:var(--surface);border-radius:999px;align-items:baseline;gap:5px;min-height:0;padding:6px 10px;display:flex}.attendance-operation-summary strong{letter-spacing:0;font-size:13px}.attendance-operation-summary span{font-size:11px}.attendance-status-summary{color:var(--muted);flex-wrap:wrap;gap:9px;padding:0 18px 18px;font-size:12px;display:flex}.attendance-status-summary span{background:var(--surface);border-radius:999px;padding:7px 10px}.attendance-status-summary b{color:var(--ink);margin-right:4px}.attendance-register-panel>.workspace-toolbar.compact{padding:10px 18px}.attendance-daily-heading{min-height:64px;padding:14px 18px}.attendance-daily-heading h2{margin:0}.attendance-daily-filters{gap:12px}.attendance-filter-field{min-width:142px;display:block;position:relative}.attendance-filter-field>span{z-index:1;background:var(--card);color:var(--purple);padding:0 4px;font-size:11px;font-weight:650;line-height:1;position:absolute;top:-6px;left:10px}.attendance-filter-field>input,.attendance-filter-field>select{width:100%;min-height:46px;padding:16px 12px 4px}.attendance-daily-summary{color:var(--muted);flex-wrap:wrap;gap:8px;padding:0 18px 14px;font-size:12px;display:flex}.attendance-daily-summary span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 10px}.attendance-daily-summary b{color:var(--ink);margin-right:4px}.attendance-register-table{scrollbar-gutter:stable;overscroll-behavior:contain;height:clamp(360px,100dvh - 410px,560px);overflow:hidden auto}.attendance-register-table.is-muster{overflow-x:auto}.attendance-register-table.is-daily .workspace-table{table-layout:fixed}.attendance-register-table.is-daily .workspace-table th:first-child{width:38%}.attendance-register-table.is-daily .workspace-table td,.attendance-register-table.is-daily .workspace-table th{padding-left:14px;padding-right:14px}.attendance-register-table table{border-collapse:separate;border-spacing:0}.attendance-register-table thead{z-index:5;position:sticky;top:0}.attendance-register-table .workspace-table thead th,.attendance-register-table .attendance-matrix thead th{z-index:6;background:var(--surface);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.attendance-register-table .attendance-matrix thead th:first-child{z-index:4}.holiday-calendar-panel .workspace-tabs{padding-inline:14px}.holiday-calendar-filters{justify-content:flex-start}.holiday-calendar-filters>label{min-width:180px}@media (max-width:700px){.holiday-calendar-panel .workspace-toolbar>.primary{width:100%}.holiday-calendar-filters>label{width:100%;min-width:0}.holiday-calendar-table{padding:0 12px 12px;overflow:visible}.holiday-calendar-table table,.holiday-calendar-table tbody{min-width:0;display:block}.holiday-calendar-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.holiday-calendar-table tbody{gap:10px;display:grid}.holiday-calendar-table tbody tr{border:1px solid var(--line);background:var(--workspace-card,#fff);border-radius:12px;gap:8px;padding:14px;display:grid}.holiday-calendar-table tbody td{text-align:right;overflow-wrap:anywhere;border:0;grid-template-columns:minmax(105px,42%) minmax(0,1fr);gap:10px;padding:0;display:grid}.holiday-calendar-table tbody td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:11px;font-weight:650}}.attendance-workspace .attendance-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;border:1px solid var(--line);background:var(--workspace-card,#fff);border-radius:14px;align-items:stretch;gap:2px;min-width:0;padding:6px;display:flex;overflow-x:auto}.attendance-workspace .attendance-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:550;line-height:1.2;display:inline-flex}.attendance-workspace .attendance-tabs button:hover{background:var(--surface);color:var(--ink)}.attendance-workspace .attendance-tabs button.active{border-color:color-mix(in srgb, var(--purple) 20%, var(--line));background:color-mix(in srgb, var(--purple) 10%, var(--workspace-card,#fff));color:var(--purple);font-weight:700;box-shadow:0 1px 2px #26203512}.attendance-workspace .attendance-tabs button.active svg{color:var(--purple)}.attendance-workspace .workspace-filters{box-shadow:0 1px 2px #24233408}.attendance-workspace .workspace-floating-field>span{background:var(--workspace-card,#fff)}.attendance-workspace .workspace-floating-field:focus-within>span{color:var(--purple-dark)}.attendance-workspace .workspace-floating-field>input,.attendance-workspace .workspace-floating-field .select__control{border-color:var(--line);background:var(--workspace-card,#fff);border-radius:10px}.attendance-workspace .workspace-floating-field:focus-within>input,.attendance-workspace .workspace-floating-field:focus-within .select__control{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--purple) 14%, transparent)}@media (max-width:1100px){.attendance-workspace .workspace-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-workspace .attendance-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.attendance-workspace .attendance-tabs button{white-space:normal;text-align:left;width:100%;min-width:0}}@media (max-width:700px){.attendance-workspace{gap:12px}.attendance-page-heading{align-items:flex-start}.attendance-page-heading p:last-child{font-size:12px}.attendance-settings-trigger{width:42px;padding:0}.attendance-settings-trigger span{display:none}.attendance-settings-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.attendance-settings-dialog-content{max-height:calc(100dvh - 106px)}.attendance-workspace .workspace-filters{grid-template-columns:minmax(0,1fr)}.attendance-workspace .attendance-tabs{border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-inline:0;display:grid;overflow:visible}.attendance-workspace .attendance-tabs button{text-align:left;white-space:normal;justify-content:flex-start;width:100%;min-width:0;min-height:44px;padding:8px 10px}.attendance-workspace .attendance-tabs button svg{flex:none}.attendance-register-panel .attendance-legend{flex-wrap:wrap;gap:4px;padding:10px 12px;overflow:visible}.attendance-register-panel .attendance-legend button{min-height:32px}.attendance-workspace .attendance-register-panel>.workspace-toolbar.compact{align-items:stretch}.attendance-workspace .workspace-toolbar.compact .segmented{width:100%}.attendance-workspace .workspace-toolbar.compact .segmented button{flex:1 1 0}.attendance-workspace .day-filter{width:100%;max-width:none}}@media (max-width:900px){.attendance-register-table.is-daily{height:auto;max-height:none;padding:0 12px 12px;overflow:visible}.attendance-register-table.is-daily .workspace-table,.attendance-register-table.is-daily .workspace-table tbody{min-width:0;display:block}.attendance-register-table.is-daily .workspace-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attendance-register-table.is-daily .workspace-table tbody{gap:10px;display:grid}.attendance-register-table.is-daily .workspace-table tbody tr{border:1px solid var(--line);background:var(--workspace-card,#fff);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px;display:grid}.attendance-register-table.is-daily .workspace-table tbody th{grid-column:1/-1;padding:0}.attendance-register-table.is-daily .workspace-table tbody td{border:0;gap:4px;padding:0;font-size:13px;display:grid}.attendance-register-table.is-daily .workspace-table tbody td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:650}.attendance-register-table.is-daily .workspace-table tbody .attendance-action-cell{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:10px;padding-top:10px;display:flex}.attendance-register-table.is-daily .workspace-table tbody .attendance-action-cell .text-button{background:color-mix(in srgb, var(--purple) 10%, var(--workspace-card,#fff));border-radius:8px;width:100%;min-height:40px}}@media (min-width:701px) and (max-width:900px){.attendance-register-table.is-daily .workspace-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.attendance-workspace .workspace-filters{padding:14px}.attendance-workspace .workspace-stats>div{min-height:0;padding:12px}.attendance-dashboard-stats{grid-template-columns:1fr 1fr}.attendance-register-table{height:52dvh}.attendance-register-table.is-daily .workspace-table{table-layout:auto}.attendance-register-table.is-daily .workspace-table th:first-child{width:auto}.attendance-daily-heading{align-items:flex-end}.attendance-daily-heading h2,.attendance-daily-heading .attendance-filter-field,.attendance-daily-filters .search-box,.attendance-daily-filters .attendance-filter-field{width:100%}.attendance-register-heading{align-items:flex-start}.attendance-register-summary{justify-content:flex-start;width:100%}}.hr-workspace .alert{margin:0}.panel>.alert{margin:16px 24px}.workspace-dialog textarea[readonly]{overflow-wrap:anywhere;min-height:90px;font-family:monospace}[data-theme=dark]{--workspace-card:#242132}[data-theme=dark] .attendance-cell.status-p{color:#8cdbc0;background:#203e36}[data-theme=dark] .attendance-cell.status-a,[data-theme=dark] .status-pill.danger{color:#efb8bc;background:#482c38}[data-theme=dark] .status-pill,[data-theme=dark] .step-number,[data-theme=dark] .slip-totals .net-pay{color:#c0a9ef;background:#39314f}[data-theme=dark] .workspace-dialog{background:#242132}@media (max-width:1100px){.workspace-filters{grid-template-columns:1fr 1fr}.workspace-toolbar{flex-wrap:wrap}.import-steps{grid-template-columns:1fr}.import-steps>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.workspace-stats{grid-template-columns:1fr 1fr}}@media (max-width:600px){.workspace-filters{grid-template-columns:1fr;gap:12px;padding:16px}.workspace-toolbar{padding:18px}.workspace-toolbar.compact{gap:12px;padding:14px}.workspace-toolbar .search-box{flex-basis:100%;max-width:none}.payroll-setup-form{grid-template-columns:1fr;gap:14px;padding:16px}.payroll-option-grid{grid-template-columns:1fr;padding:10px}.payroll-setup-form>.primary{width:100%}.payroll-setup-actions{padding:14px}.payroll-setup-actions .primary{width:100%}.payroll-editor-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.payroll-editor-body{max-height:calc(100dvh - 90px)}.workspace-tabs button{padding:13px 10px;font-size:12px}.workspace-stats{gap:10px}.workspace-stats>div{padding:16px}.workspace-stats strong{font-size:23px}.workspace-form-grid{grid-template-columns:1fr}.workspace-form-grid>div:empty{display:none}.slip-heading,.slip-person,.slip-columns,.slip-totals{flex-direction:column;display:flex}.slip-heading>div:first-child{max-width:100%}.salary-slip{padding:20px}.device-grid{grid-template-columns:1fr;padding:16px}}@media print{@page{size:A4;margin:15mm}body *{visibility:hidden!important}body:has(#salary-slip) .workspace-dialog:has(#salary-slip){width:100%;max-width:none;max-height:none;box-shadow:none;background:#fff;border:0;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:visible}#salary-slip,#salary-slip *{visibility:visible!important;color:#111!important}#salary-slip{background:#fff;width:100%;padding:0;font-size:11pt;position:absolute;top:0;left:0}#salary-slip .slip-heading{display:flex}#salary-slip .slip-person,#salary-slip .slip-totals{grid-template-columns:1fr 1fr 1fr;display:grid}#salary-slip .slip-columns{grid-template-columns:1fr 1fr;display:grid}#salary-slip .net-pay,#salary-slip .employer-contributions{background:#f5f5f5!important}dialog::backdrop{background:0 0}#salary-slip section,#salary-slip .slip-person,#salary-slip .slip-totals{break-inside:avoid}}.hr-workspace>*{min-width:0}.workspace-dialog[open]{flex-direction:column;padding:0;display:flex}.workspace-dialog>header,.workspace-dialog footer{flex-shrink:0}.workspace-dialog>form{flex:1;min-height:0}.workspace-dialog-body,.workspace-dialog>.salary-slip{overscroll-behavior:contain;min-height:0;overflow:auto}.workspace-dialog .workspace-dialog-body{flex:1}@media print{#salary-slip .salary-slip-actions{display:none!important}body:has(#salary-slip) :not(:has(#salary-slip)):not(#salary-slip):not(#salary-slip *){display:none!important}:is(body:has(#salary-slip),body:has(#salary-slip) :has(#salary-slip)){width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}#salary-slip{position:static!important}:is(body:has(#salary-slip),body:has(#salary-slip) :has(#salary-slip)){box-shadow:none!important;background:#fff!important;border:0!important}}.biometric-setup{gap:24px;display:grid}.setup-device{align-items:center;gap:14px;display:flex}.setup-device small{opacity:.75;margin-top:6px;display:block}.setup-checks{border:1px solid var(--border);border-radius:12px;gap:10px;padding:18px;display:grid}.setup-checks>div{align-items:center;gap:10px;display:flex}.setup-checks small{opacity:.75;white-space:nowrap;flex-shrink:0;margin-left:auto}.setup-checks svg{flex-shrink:0}.setup-checks span{min-width:0}.biometric-setup fieldset{border:1px solid var(--border);border-radius:12px;gap:14px;min-width:0;margin:0;padding:18px;display:grid}.biometric-setup legend{padding:0 8px;font-weight:600}.biometric-setup h3{margin:0 0 12px}.setup-help{opacity:.8;margin:0;font-size:13px;line-height:1.6}.setup-values{gap:12px;margin:18px 0;display:grid}.setup-values>div{grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;display:grid}.setup-values dt{opacity:.75}.setup-values dd{overflow-wrap:anywhere;margin:0}.setup-endpoint{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 0;display:block}.biometric-setup details{margin-top:18px}.biometric-setup summary{cursor:pointer;font-weight:600}.biometric-setup li{margin-bottom:10px;line-height:1.5}.device-card>.secondary{margin-bottom:12px}.lifecycle-workspace{gap:18px;min-width:0;display:grid}.lifecycle-panel{min-width:0;padding:20px}.lifecycle-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 16px;display:flex}.lifecycle-section-heading h2,.lifecycle-section-heading h3{color:var(--ink);margin:0}.lifecycle-section-heading h2{font-size:20px}.lifecycle-section-heading h3{font-size:16px}.lifecycle-section-heading p{color:var(--muted);margin:5px 0 0;line-height:1.45}.lifecycle-search{border:1px solid var(--line);background:var(--input);max-width:540px;min-height:46px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.lifecycle-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--purple) 14%, transparent)}.lifecycle-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.lifecycle-results{margin-top:12px}.lifecycle-empty{color:var(--muted);margin:0;padding:18px 0 0}.lifecycle-selected{gap:18px;margin-top:18px;display:grid}.lifecycle-person{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:5px;padding:16px;display:grid}.lifecycle-person strong{color:var(--ink)}.lifecycle-person span{color:var(--muted);font-size:13px;line-height:1.45}.lifecycle-subsection{border-top:1px solid var(--line);padding-top:18px}.lifecycle-subsection h3{color:var(--ink);margin:0 0 14px;font-size:16px}.lifecycle-form{margin-bottom:14px}.lifecycle-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:700px){.lifecycle-panel{padding:16px}.lifecycle-section-heading{margin-bottom:14px}.lifecycle-section-heading h2{font-size:18px}.lifecycle-search{max-width:none}.lifecycle-workspace .table-wrap table{min-width:0}.lifecycle-workspace .table-wrap thead{display:none}.lifecycle-workspace .table-wrap tbody,.lifecycle-workspace .table-wrap tr,.lifecycle-workspace .table-wrap td{width:100%;display:block}.lifecycle-workspace .table-wrap tr{border-bottom:1px solid var(--line);padding:12px 0}.lifecycle-workspace .table-wrap tr:last-child{border-bottom:0}.lifecycle-workspace .table-wrap td{border:0;padding:4px 0}.lifecycle-workspace .table-wrap td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:11px;font-weight:650;display:block}.lifecycle-workspace .table-wrap td.actions:before{display:none}.attendance-register-table.is-daily{height:auto;max-height:none}}.workspace-filters{gap:12px;padding:16px}.workspace-floating-field>input,.workspace-floating-field .select__control{min-height:44px}.workspace-floating-field>input{padding:15px 11px 4px}.workspace-floating-field .select__value-container{padding:14px 11px 2px}.workspace-form-grid{gap:14px 18px}.workspace-toolbar{padding:17px 20px}.workspace-toolbar.compact{padding:12px 20px}.attendance-visual-summary{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;padding:0 18px 14px;display:grid}.attendance-coverage,.attendance-status-chart{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.attendance-coverage-ring{border-radius:50%;flex:0 0 112px;width:112px;height:112px;padding:10px}.attendance-coverage-ring>div{text-align:center;background:var(--workspace-card,var(--card));border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.attendance-coverage-ring strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:23px;line-height:1.1}.attendance-coverage-ring span,.attendance-coverage-copy span{color:var(--muted);font-size:11px}.attendance-coverage-copy{gap:5px;min-width:0;display:grid}.attendance-coverage-copy strong,.attendance-status-chart>strong{color:var(--ink);font-size:13px}.attendance-status-chart{align-content:center;gap:9px;display:grid}.attendance-status-row{grid-template-columns:minmax(70px,110px) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:11px;display:grid}.attendance-status-row>span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.attendance-status-row b{color:var(--ink);font-variant-numeric:tabular-nums}.attendance-status-track{background:var(--workspace-card,var(--card));border-radius:999px;height:7px;overflow:hidden}.attendance-status-track>span{border-radius:inherit;background:var(--purple);min-width:2px;height:100%;display:block}.attendance-dashboard .attendance-operation-summary{padding-top:0}.shift-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.shift-roster-grid>.workspace-empty{grid-column:1/-1}.shift-roster-card{border:1px solid var(--line);background:var(--workspace-card,var(--card));border-radius:11px;min-width:0;padding:13px}.shift-roster-person{flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin-bottom:11px;display:flex}.shift-roster-person strong{min-width:0;color:var(--ink);overflow-wrap:anywhere}.shift-roster-person small{color:var(--muted)}.shift-roster-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.shift-roster-day{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:48px;color:var(--ink);cursor:pointer;border-radius:7px;align-content:center;justify-items:center;padding:4px 2px;display:grid}.shift-roster-day:hover,.shift-roster-day:focus-visible{border-color:var(--purple);background:var(--accent-soft);outline:none}.shift-roster-day span{color:var(--muted);white-space:nowrap;font-size:9px}.shift-roster-day strong{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.shift-management-panel>.workspace-toolbar:first-child{justify-content:flex-end;padding:12px 16px}.shift-management-panel .workspace-tabs{padding-inline:12px}.payroll-setup-panel .workspace-empty{margin:0;padding:18px 24px}@media (max-width:850px){.attendance-visual-summary,.shift-roster-grid{grid-template-columns:1fr}}@media (max-width:900px){.attendance-register-table.attendance-dashboard-table{height:auto;max-height:none;padding:0 12px 12px;overflow:visible}.attendance-dashboard-table .workspace-table,.attendance-dashboard-table .workspace-table tbody{width:100%;min-width:0;display:block}.attendance-dashboard-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attendance-dashboard-table tbody{gap:10px;display:grid!important}.attendance-dashboard-table tbody tr{border:1px solid var(--line);background:var(--workspace-card,var(--card));border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin-bottom:10px;padding:14px;display:grid}.attendance-dashboard-table tbody th,.attendance-dashboard-table tbody td{white-space:normal;overflow-wrap:anywhere;border:0;gap:3px;width:auto;min-width:0;padding:0;display:grid}.attendance-dashboard-table tbody th{grid-column:1/-1}.attendance-dashboard-table tbody td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:650}.shift-roster-grid{padding:12px}}.attendance-register-table.is-muster{height:auto;max-height:none;padding:0 12px 12px;overflow:visible}.is-muster .attendance-matrix{width:100%;min-width:0;display:block}.is-muster .attendance-matrix thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-muster .attendance-matrix tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.is-muster .attendance-matrix tbody tr{border:1px solid var(--line);background:var(--workspace-card,var(--card));border-radius:11px;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:8px 3px;padding:14px;display:grid}.is-muster .attendance-matrix tbody th:first-child{width:auto;min-width:0;box-shadow:none;text-align:left;background:0 0;grid-column:1/-1;padding:0 0 8px;position:static}.is-muster .attendance-matrix tbody td{border:0;place-items:center;width:auto;min-width:0;padding:0;display:grid}.is-muster .attendance-matrix tbody td[data-day]:before{content:attr(data-day);color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.is-muster .attendance-matrix tbody td[data-day] .attendance-cell{width:min(100%,36px);min-width:0}.is-muster .attendance-matrix tbody td[data-label]{background:var(--surface);border-radius:7px;grid-column:span 2;justify-items:start;gap:3px;padding:7px;font-size:12px;display:grid}.is-muster .attendance-matrix tbody td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:10px}@media (max-width:900px){.is-muster .attendance-matrix tbody{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.payroll-setup-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-inline:8px;display:grid;overflow:visible}.payroll-setup-tabs button{white-space:normal;text-align:center;justify-content:center;min-width:0;padding:11px 4px}.payroll-setup-tabs button:last-child{grid-column:1/-1}.shift-management-panel .workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-inline:8px;display:grid;overflow:visible}.shift-management-panel .workspace-tabs button{white-space:normal;text-align:center;justify-content:center;min-width:0;padding:11px 4px}.shift-roster-days{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-roster-day{min-height:44px}.attendance-coverage-ring{flex-basis:96px;width:96px;height:96px}.attendance-visual-summary{padding-inline:12px}.attendance-coverage,.attendance-status-chart{padding:12px}}