@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.grow-0{flex-grow:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--obsidian:#1a1a1a;--parchment:#faf7f2;--shell:#fff4ed;--terracotta:#e3581e;--terracotta-soft:#e3581e14;--steel:#2b4c7e;--steel-soft:#2b4c7e17;--green:#3e7d5b;--green-soft:#3e7d5b1f;--amber:#c4841d;--amber-soft:#c4841d24;--red:#b3352c;--red-soft:#b3352c1c;--heading:#1a1a1a;--muted:#2222229e;--hairline:#1a1a1a1f;--sidebar-w:248px;--header-h:72px;--radius:12px;--elev:0 4px 16px #1a1a1a0f, 0 1px 3px #1a1a1a0d;--bottomnav-h:calc(64px + env(safe-area-inset-bottom))}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--parchment);color:var(--heading);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.brand-word,.card-title,h1,h2,h3,.num{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:8px}.topbar{top:0;left:var(--sidebar-w);height:var(--header-h);background:var(--parchment);z-index:50;border-bottom:none;align-items:center;gap:24px;padding:0 30px;display:flex;position:fixed;right:0}.hamburger{width:38px;height:38px;color:var(--obsidian);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger:hover{background:var(--parchment)}.mobile-brand{flex-shrink:0;align-items:center;gap:9px;display:none}.mobile-brand .brand-mark{border-radius:8px;width:30px;height:30px}.mobile-brand .brand-word{color:var(--heading);font-size:16.5px}.brand-mark{background:var(--terracotta);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-word{letter-spacing:-.02em;font-size:19px;font-weight:700}.search-wrap{flex:1;justify-content:center;display:flex}.search-pill{width:100%;max-width:440px;color:var(--muted);background:#fff;border:1px solid #1a1a1a14;border-radius:999px;align-items:center;gap:12px;padding:10px 20px;display:flex}.search-pill input{width:100%;color:var(--heading);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.search-pill input::placeholder{color:var(--muted);opacity:.6}.search-icon-btn{border:1px solid var(--hairline);width:38px;height:38px;color:var(--obsidian);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:none}.header-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.icon-btn{width:38px;height:38px;color:var(--obsidian);background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--parchment)}.dot{background:var(--terracotta);border:1.5px solid var(--shell);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.admin-wrap{position:relative}.admin-btn{background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:4px;display:flex}.admin-btn:hover{background:var(--parchment)}.avatar{background:var(--obsidian);width:36px;height:36px;color:var(--shell);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:flex}.admin-name{white-space:nowrap;font-size:13.5px;font-weight:600}.admin-name span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.caret{border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);width:8px;height:8px;margin-left:2px;transform:rotate(45deg)}.dropdown{background:var(--shell);border:1px solid var(--hairline);min-width:210px;box-shadow:var(--elev);z-index:60;border-radius:12px;padding:10px;display:none;position:absolute;top:calc(100% + 12px);right:0}.dropdown.open{display:block}.dropdown a,.dropdown button.item{width:100%;color:var(--heading);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:11px 13px;font-size:13.5px;font-weight:500;display:flex}.dropdown a:hover,.dropdown button.item:hover{background:var(--parchment)}.dropdown hr{border:none;border-top:1px solid var(--hairline);margin:8px 4px}.dropdown .item.danger{color:var(--terracotta)}.filter-wrap{position:relative}.filter-select{appearance:none;color:var(--heading);background:#fff;border:1px solid #1a1a1a14;border-radius:9px;padding:10px 34px 10px 15px;font-family:inherit;font-size:13px;font-weight:600}.filter-wrap:after{content:"";border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-60%)rotate(45deg)}.custom-range{align-items:center;gap:8px;display:none}.custom-range.show{display:flex}.custom-range input{color:var(--heading);background:#fff;border:1px solid #1a1a1a14;border-radius:8px;padding:8px 9px;font-family:inherit;font-size:12px}.mobile-date-pill-row{display:none}.date-input-ph-wrap{flex:1;display:inline-block;position:relative}.date-input-ph-wrap input[type=date]{z-index:1;color:var(--heading);box-sizing:border-box;background:0 0;border:1px solid #1a1a1a14;border-radius:8px;width:100%;padding:8px 9px;font-family:inherit;font-size:12px;position:relative}.date-input-ph-wrap .date-ph{color:#9ca3af;pointer-events:none;z-index:2;font-family:inherit;font-size:12px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.date-input-ph-wrap input[type=date]:valid~.date-ph,.date-input-ph-wrap input[type=date][data-has-value=true]~.date-ph{display:none}.sidebar{width:var(--sidebar-w);background:var(--obsidian);z-index:55;flex-direction:column;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{height:var(--header-h);border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:11px;padding:0 24px;display:flex}.sidebar-brand .brand-word{color:#fff}.nav{flex-direction:column;gap:8px;padding:26px 16px;display:flex}.nav-item{color:#ffffff9e;border-radius:10px;align-items:center;gap:13px;padding:13px 16px;font-size:14px;font-weight:500;display:flex}.nav-item svg{flex-shrink:0;width:19px;height:19px}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--terracotta);color:#fff;font-weight:600}.nav-eyebrow{color:#ffffff52;letter-spacing:.12em;text-transform:uppercase;padding:16px 16px 6px;font-size:10.5px}.sidebar-foot{color:#ffffff52;border-top:1px solid #ffffff14;margin-top:auto;padding:20px 24px;font-size:11px}.drawer-overlay{z-index:35;background:#0d121680;display:none;position:fixed;inset:0}.drawer-overlay.show{display:block}.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:34px 36px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:23px;font-weight:700}.page-head p{color:var(--muted);margin-top:5px;font-size:13.5px}.page-head-filter{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin-top:2px;display:flex}.grid-4{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px;display:grid}.grid-2{grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:24px;display:grid}.grid-cal{grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:24px;display:grid}.card{border-radius:var(--radius);background:#fff;border:1px solid #1a1a1a0f;padding:26px;box-shadow:0 4px 20px #1a1a1a05,0 1px 3px #1a1a1a03}.card:last-child{margin-bottom:0}.stat-card{flex-direction:column;gap:18px;display:flex}.stat-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600;line-height:1.4}.stat-icon{background:var(--terracotta-soft);width:40px;height:40px;color:var(--terracotta);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:19px;height:19px}.stat-icon.steel{background:var(--steel-soft);color:var(--steel)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.red{background:var(--red-soft);color:var(--red)}.stat-num{letter-spacing:-.02em;font-size:31px;font-weight:700}.stat-num small{color:var(--muted);font-size:15px;font-weight:600}.stat-trend{color:var(--steel);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.stat-trend.flat{color:var(--muted);font-weight:500}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.card-title{font-size:15.5px;font-weight:700}.card-sub{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}.card-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.week-nav{background:#fff;border:1px solid #1a1a1a14;border-radius:9px;align-items:center;gap:6px;padding:4px;display:flex}.week-nav button{width:26px;height:26px;color:var(--obsidian);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.week-nav button:hover{background:var(--parchment)}.week-nav span{text-align:center;min-width:104px;padding:0 6px;font-size:12.5px;font-weight:600}.mini-select{appearance:none;color:var(--heading);background:#fff;border:1px solid #1a1a1a14;border-radius:8px;padding:7px 26px 7px 11px;font-family:inherit;font-size:12px;font-weight:600}.mini-select-wrap{position:relative}.mini-select-wrap:after{content:"";border-right:1.4px solid var(--muted);border-bottom:1.4px solid var(--muted);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:9px;transform:translateY(-70%)rotate(45deg)}.chart-box{height:220px;position:relative}.attendance-card{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:10px;display:flex}.att-date{color:var(--muted);font-size:12.5px;font-weight:600}.att-clock{letter-spacing:-.01em;margin:8px 0 4px;font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:700}.att-status{border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 15px;font-size:12.5px;font-weight:600;display:inline-flex}.att-status .dot-live{background:currentColor;border-radius:50%;width:7px;height:7px}.att-status.out{color:var(--muted);background:#1a1a1a0f}.att-status.in{background:var(--steel-soft);color:var(--steel)}.att-buttons{gap:14px;width:100%;max-width:340px;display:flex}.att-btn{border:1.6px solid;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:13.5px;font-weight:700;display:flex}.att-btn svg{width:16px;height:16px}.att-btn.checkin{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.att-btn.checkin:hover{background:#b8551f}.att-btn.checkout{border-color:var(--hairline);color:var(--muted);background:0 0}.att-btn.checkout:hover{border-color:var(--obsidian);color:var(--obsidian)}.att-btn:disabled{opacity:.4;cursor:not-allowed}.att-note{color:var(--muted);margin-top:16px;font-size:11.5px}.percent-wrap{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.percent-center{text-align:center;position:absolute}.percent-value{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.percent-caption{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:600}.btn{border:1.6px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn svg{flex-shrink:0;width:15px;height:15px}.btn.primary{background:var(--terracotta);color:#fff}.btn.primary:hover{background:#b8551f}.btn.ghost{border-color:var(--hairline);color:var(--heading);background:0 0}.btn.ghost:hover{border-color:var(--obsidian)}.btn.danger{color:var(--red);background:0 0;border-color:#b3352c59}.btn.danger:hover{background:var(--red-soft)}.btn.small{border-radius:8px;padding:7px 13px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-solid{background:var(--terracotta);color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn-solid:hover{background:#a94a1f}.btn-outline{border:1.4px solid var(--hairline);color:var(--heading);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn-outline:hover{border-color:var(--obsidian)}.btn-outline svg{width:15px;height:15px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.mobile-badge{display:none!important}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.steel{background:var(--steel-soft);color:var(--steel)}.badge.terra{background:var(--terracotta-soft);color:var(--terracotta)}.badge.gray{color:var(--muted);background:#1a1a1a12}.badge.approved{color:var(--steel);background:#2b4c7e1a}.badge.approved:before{display:none}.badge.pending{color:var(--terracotta);background:#d4622c1f}.badge.pending:before{display:none}.badge.rejected{color:var(--obsidian);background:#1a1a1a14}.badge.rejected:before{display:none}.badge.auto{color:var(--muted);background:#2222220f}.badge.auto:before{display:none}.badge.role-admin{color:var(--red);background:#b3352c1a}.badge.role-admin:before{display:none}.badge.role-manager{color:var(--steel);background:#2b4c7e1a}.badge.role-manager:before,.badge.role-employee:before,.badge.status-active:before,.badge.status-inactive:before{display:none}.badge.status-active-dot{background:var(--green-soft);color:var(--green)}.badge.status-inactive-dot{color:var(--muted);background:#1a1a1a12}.tabs{background:var(--parchment);border:1px solid var(--hairline);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:8px 16px;font-size:12.5px;font-weight:600}.tab:hover{color:var(--heading)}.tab.active{background:var(--obsidian);color:#fff}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--hairline);vertical-align:middle;white-space:nowrap;padding:14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--parchment)}.data-table .td-main{font-weight:600}.data-table .td-sub{color:var(--muted);white-space:normal;margin-top:3px;font-size:11.5px;font-weight:500;display:block}.table-actions{justify-content:flex-end;gap:8px;display:flex}.icon-action{border:1px solid var(--hairline);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-action:hover{border-color:var(--obsidian);color:var(--obsidian)}.icon-action svg{width:14px;height:14px}.empty-note{text-align:center;color:var(--muted);padding:28px;font-size:13px}@media (max-width:700px){.data-table thead{display:none}.data-table,.data-table tbody{width:100%;display:block}.data-table tbody tr{border:1px solid var(--hairline);background:var(--shell);border-radius:12px;margin-bottom:12px;padding:4px 16px;display:block}.data-table tbody tr:last-child{margin-bottom:0}.data-table tbody tr:hover{background:var(--shell)}.data-table td{border-bottom:1px dashed var(--hairline);white-space:normal;text-align:right;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.data-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0;font-size:11px;font-weight:600}.data-table tbody tr td:last-child{border-bottom:none}.data-table td.stack{text-align:left;flex-direction:column;align-items:flex-start;gap:6px}.data-table td.actions-cell{justify-content:flex-end;padding-top:13px}.data-table td.actions-cell:before{display:none}.data-table .td-sub{margin-top:0}}.list-item:last-of-type{border-bottom:none;padding-bottom:0}.list-item:first-of-type{padding-top:0}.person-sub{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;line-height:1.5;display:flex}.pill-btn{white-space:nowrap;background:0 0;border:1.4px solid;border-radius:999px;padding:7px 15px;font-size:11.5px;font-weight:700}.pill-btn.download{border-color:var(--steel);color:var(--steel)}.pill-btn.download:hover{background:var(--steel);color:#fff}.page-btn{border:1px solid var(--hairline);background:var(--shell);width:32px;height:32px;color:var(--heading);border-radius:8px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;display:flex}.filter-wrap.grow{flex:1;min-width:190px}.filter-wrap.grow-0{flex:none;min-width:0}.filter-select-wide{appearance:none;border:1px solid var(--hairline);background:var(--shell);width:100%;color:var(--heading);border-radius:9px;padding:11px 36px 11px 15px;font-family:inherit;font-size:13px;font-weight:600}.progress-meta{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.progress-meta .muted{color:var(--muted);font-weight:500}.progress-track{background:var(--parchment);border:1px solid var(--hairline);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--terracotta);border-radius:999px;height:100%;transition:width .3s}.field{margin-bottom:16px}.field label{margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field label .opt{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);border-radius:9px;outline:none;padding:11px 13px;font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terracotta)}.field textarea{resize:vertical;min-height:84px}.field-row{gap:14px;display:flex}.field-row .field{flex:1}.field-hint{color:var(--muted);margin-top:6px;font-size:11.5px}.form-foot{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.form-field{margin-bottom:16px}.form-label{margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.form-input{border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);border-radius:9px;outline:none;padding:11px 13px;font-family:inherit;font-size:13.5px}.form-input:focus{border-color:var(--terracotta)}.form-textarea{border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);resize:vertical;border-radius:9px;outline:none;min-height:84px;padding:11px 13px;font-family:inherit;font-size:13.5px}.form-textarea:focus{border-color:var(--terracotta)}.form-select-wrap{position:relative}.form-select{appearance:none;border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);border-radius:9px;outline:none;padding:11px 36px 11px 13px;font-family:inherit;font-size:13.5px}.form-select:focus{border-color:var(--terracotta)}.form-select-wrap:after{content:"";border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-60%)rotate(45deg)}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-check{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.btn-ghost{border:1px solid var(--hairline);color:var(--heading);background:0 0;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600}.btn-ghost:hover{background:var(--parchment)}.btn-primary{background:var(--terracotta);color:#fff;border:none;border-radius:9px;padding:11px 20px;font-size:13px;font-weight:700}.btn-primary:hover{background:#a94a1f}.btn-cancel{border:1px solid var(--hairline);color:var(--heading);background:0 0;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600}.btn-cancel:hover{background:var(--parchment)}.select-wrap select{appearance:none;border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);border-radius:9px;outline:none;padding:11px 36px 11px 13px;font-family:inherit;font-size:13px}.switch-row .sw-label{font-size:13px;font-weight:600}.switch-row .sw-sub{color:var(--muted);margin-top:3px;font-size:11.5px;font-weight:500;display:block}.switch{flex-shrink:0;width:42px;height:24px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.switch .track{background:#1a1a1a24;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1a1a1a40}.switch input:checked+.track:after{transform:translate(18px)}.modal{z-index:100;background:#1a1a1a73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-panel{background:var(--shell);box-shadow:var(--elev);border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:26px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.modal-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.modal-sub{color:var(--muted);margin-top:4px;font-size:12px}.modal-close{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--parchment);color:var(--obsidian)}.detail-list{flex-direction:column;gap:0;display:flex}.detail-list .row{border-bottom:1px solid var(--hairline);justify-content:space-between;gap:16px;padding:12px 2px;font-size:13px;display:flex}.detail-list .row:last-child{border-bottom:none}.detail-list .k{color:var(--muted);flex-shrink:0;font-weight:500}.detail-list .v{text-align:right;font-weight:600}.reason-box{background:var(--red-soft);color:var(--red);border-radius:10px;margin-top:16px;padding:14px 16px;font-size:12.5px;font-weight:500;line-height:1.5}.reason-box strong{margin-bottom:4px;font-weight:700;display:block}.modal-overlay{z-index:100;background:#1a1a1a73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-overlay .modal{box-shadow:var(--elev);background:var(--shell);width:100%;max-width:500px;max-height:90vh;inset:unset;border-radius:14px;padding:26px;display:block;position:static;overflow:auto}.cal-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.cal-dow{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:6px 0 10px;font-size:11px;font-weight:600}.cal-cell{border:1px solid var(--hairline);background:var(--shell);border-radius:10px;flex-direction:column;gap:6px;min-height:86px;padding:9px 10px;display:flex}.cal-cell .d{font-family:Space Grotesk,sans-serif;font-size:12.5px;font-weight:700}.cal-cell.dim{opacity:.38}.cal-cell.today{outline:2px solid var(--terracotta);outline-offset:-1px}.cal-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-self:flex-start;max-width:100%;padding:3px 8px;font-size:10.5px;font-weight:600;overflow:hidden}.cal-cell.present{background:var(--green-soft)}.cal-cell.present .cal-chip{color:var(--green);background:#3e7d5b2e}.cal-cell.holiday{background:var(--red-soft)}.cal-cell.holiday .cal-chip{color:var(--red);background:#b3352c29}.cal-cell.leave{background:var(--amber-soft)}.cal-cell.leave .cal-chip{color:var(--amber);background:#c4841d33}.cal-cell.halfday{background:var(--terracotta-soft)}.cal-cell.halfday .cal-chip{color:var(--terracotta);background:#d4622c2e}.cal-cell.absent{background:var(--steel-soft)}.cal-cell.absent .cal-chip{color:var(--steel);background:#2b4c7e26}.cal-cell.weekend{background:#1a1a1a0b}.cal-cell.weekend .cal-chip{color:var(--muted);background:#1a1a1a14}.holiday-list{flex-direction:column;display:flex}.holiday-item:last-child{border-bottom:none}.holiday-date{background:var(--red-soft);width:48px;height:48px;color:var(--red);border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.holiday-date .dd{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:1}.holiday-date .mm{text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:9.5px;font-weight:700}.holiday-item .h-name{font-size:13.5px;font-weight:600}.holiday-item .h-sub{color:var(--muted);margin-top:3px;font-size:11.5px}.setting-row:last-of-type{border-bottom:none;padding-bottom:0}.setting-info{flex:1}.setting-label{font-size:13.5px;font-weight:600}.setting-select{appearance:none;border:1px solid var(--hairline);color:var(--heading);background:var(--shell);border-radius:8px;outline:none;padding:8px 30px 8px 11px;font-family:inherit;font-size:13px}.num-input{border:1px solid var(--hairline);width:68px;color:var(--heading);background:var(--shell);text-align:center;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.time-input{border:1px solid var(--hairline);color:var(--heading);background:var(--shell);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.save-btn{background:var(--terracotta);color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:700;display:flex}.save-btn:hover{background:#a94a1f}.chip-box{border-bottom:1px solid var(--hairline);flex-wrap:wrap;gap:8px;margin-bottom:4px;padding-bottom:18px;display:flex}.chip-box.no-line{border-bottom:none;margin-bottom:0;padding-bottom:0}.chip{background:var(--parchment);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-remove{color:var(--muted);background:0 0;border:none;align-items:center;margin-left:2px;padding:0;display:flex}.chip-add{background:var(--parchment);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.chip-add input{color:var(--heading);background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:12.5px;font-weight:600}.chip-note{color:var(--muted);padding:12px 0 0;font-size:12px;line-height:1.6}.report-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:24px;display:grid}.report-card{flex-direction:column;gap:14px;display:flex}.report-desc{color:var(--muted);flex:1;font-size:13px;line-height:1.6}.report-meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.report-foot{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.generate-btn{background:var(--terracotta);color:#fff;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.generate-btn:hover{background:#a94a1f}.generate-btn svg{width:14px;height:14px}.spacer{flex:1}.toast{z-index:120;background:var(--shell);border:1px solid var(--hairline);box-shadow:var(--elev);color:var(--heading);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:11px;padding:14px 20px;font-size:13.5px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(14px)}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{background:var(--terracotta);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.toast-icon svg{width:12px;height:12px}.toast-msg{flex:1}.add-user-btn{background:var(--terracotta);color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;font-weight:700;display:flex}.add-user-btn:hover{background:#a94a1f}.mobile-search-panel{top:var(--header-h);background:var(--shell);z-index:49;border-bottom:1px solid var(--hairline);padding:12px 16px;display:none;position:fixed;left:0;right:0}.mobile-search-panel.show{display:block}.login-body{color:#111827;-webkit-font-smoothing:antialiased;z-index:1;background:#faf5f0;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes orangeShapeIn{0%{opacity:0;transform:translate(60px,-60px)rotate(45deg)}to{opacity:.8;transform:translate(0)rotate(45deg)}}@keyframes darkShapeIn{0%{opacity:0;transform:translate(-60px,60px)rotate(45deg)}to{opacity:.8;transform:translate(0)rotate(45deg)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:.8}}.login-body:before{content:"";z-index:-2;background:#e3581e;border-radius:96px;width:580px;height:580px;animation:.9s cubic-bezier(.16,1,.3,1) forwards orangeShapeIn;position:absolute;top:-240px;right:-240px;transform:rotate(45deg)}.login-body:after{content:"";z-index:-2;background:#252830;border-radius:96px;width:580px;height:580px;animation:.9s cubic-bezier(.16,1,.3,1) forwards darkShapeIn;position:absolute;bottom:-280px;left:-280px;transform:rotate(45deg)}.login-bg-shape-dark-line{pointer-events:none;z-index:-2;border-top:2.5px solid #e3581e;border-right:2.5px solid #e3581e;border-radius:96px;width:580px;height:580px;animation:.9s cubic-bezier(.16,1,.3,1) forwards darkShapeIn;position:absolute;bottom:-292px;left:-292px;transform:rotate(45deg)}.login-bg-outline-1{pointer-events:none;z-index:-3;border:1.8px solid #fff9;border-radius:96px;width:550px;height:550px;animation:1.2s forwards fadeInSoft;position:absolute;top:-180px;left:-180px;transform:rotate(45deg)}.login-bg-outline-2{pointer-events:none;z-index:-3;border:1.8px solid #fff9;border-radius:96px;width:550px;height:550px;animation:1.2s forwards fadeInSoft;position:absolute;bottom:-220px;right:-220px;transform:rotate(45deg)}.login-body-dots-left{z-index:-1;pointer-events:none;background-image:radial-gradient(#e3581e 2px,#0000 2.5px);background-size:16px 16px;width:78px;height:78px;animation:1.4s forwards fadeInSoft;position:absolute;top:40px;left:40px}.login-body-dots-right{z-index:-1;pointer-events:none;background-image:radial-gradient(#252830 2px,#0000 2.5px);background-size:16px 16px;width:78px;height:78px;animation:1.4s forwards fadeInSoft;position:absolute;bottom:40px;right:40px}.login-card{z-index:2;box-sizing:border-box;opacity:0;background:#fff;border:1px solid #00000005;border-radius:20px;width:100%;max-width:420px;padding:48px 40px 40px;animation:.7s cubic-bezier(.16,1,.3,1) .1s forwards cardFadeIn;box-shadow:0 12px 48px #220f050a,0 24px 96px #220f0514}.brand-row{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand-mark-square{background:#e3581e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.brand-row:hover .brand-mark-square{transform:rotate(6deg)scale(1.05)}.brand-word{color:#111827;letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:21px;font-weight:800}.card-title-login{color:#111827;text-align:center;letter-spacing:-.03em;margin-top:0;font-family:Inter,sans-serif;font-size:26px;font-weight:700}.card-sub-login{color:#6b7280;text-align:center;margin-top:8px;margin-bottom:28px;font-size:13px;line-height:1.5}.form-group{margin-top:20px}.form-label-login{color:#374151;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.input-icon-wrap{background:#f4f5f7;border:1px solid #e5e7eb;border-radius:8px;height:46px;transition:border-color .15s,box-shadow .15s,background-color .15s;position:relative}.input-icon-wrap:focus-within{background:#fff;border-color:#e3581e;box-shadow:0 0 0 3px #e3581e1f}.input-icon-wrap svg.leading-icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-wrap:focus-within svg.leading-icon{color:#e3581e}.form-input-login{color:#111827;box-sizing:border-box;border-radius:8px;outline:none;width:100%;height:100%;font-family:inherit;font-size:14px;background:0 0!important;border:none!important;padding:0 14px 0 42px!important}.form-input-login.has-toggle{padding-right:44px!important}.password-toggle{color:#9ca3af;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:#111827;background-color:#0000000a}.password-toggle svg{width:18px;height:18px}.checkbox-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.custom-checkbox{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.custom-checkbox input{opacity:0;z-index:-1;width:0;height:0;position:absolute}.check-box{background:#fff;border:1.5px solid #d1d5db;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.check-box svg{color:#fff;opacity:0;width:11px;height:11px;transition:opacity .15s}.custom-checkbox:hover .check-box{border-color:#e3581e}.custom-checkbox input:checked+.check-box{background:#e3581e;border-color:#e3581e}.custom-checkbox input:checked+.check-box svg{opacity:1}.forgot-link{color:#e3581e;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}.forgot-link:hover{color:#cc4914;text-decoration:underline}.btn-login{color:#fff;cursor:pointer;background:#e3581e;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:24px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background-color .15s,transform .1s,box-shadow .15s;display:flex}.btn-login:hover{background:#cc4914;box-shadow:0 4px 12px #e3581e33}.btn-login:active{transform:scale(.985)}.create-account{text-align:center;color:#6b7280;margin-top:24px;font-size:13px}.create-account a{color:#e3581e;font-weight:600;text-decoration:none;transition:color .15s}.create-account a:hover{color:#cc4914;text-decoration:underline}.form-error{background:var(--terracotta-soft);color:#e3581e;border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:11px 14px;font-size:12.5px;font-weight:600;display:none}.form-error.show{display:flex}.form-error svg{flex-shrink:0;width:16px;height:16px}@media (max-width:1180px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-admin,.grid-cal,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.report-grid{gap:18px}}@media (max-width:767px){:root{--sidebar-w:250px}.topbar{padding-left:18px;left:0}.hamburger{display:none!important}.mobile-brand{display:flex}.sidebar{display:none!important}.main{margin-left:0;padding-bottom:calc(var(--bottomnav-h) + 24px)!important}.search-wrap{display:none}.search-icon-btn{display:flex}.admin-name{display:none}.cal-cell{min-height:64px;padding:6px 7px}.cal-chip{padding:3px 6px;font-size:9.5px}.report-grid{grid-template-columns:1fr}.bottom-nav{display:block}.toast,.toast-reports{bottom:calc(var(--bottomnav-h) + 16px)!important}.topbar{gap:10px;padding:0 14px}.header-actions{gap:8px}.main{padding:20px 16px 40px}.card{padding:18px}.grid-4{grid-template-columns:1fr 1fr;gap:14px}.grid-3{grid-template-columns:1fr;gap:14px}.grid-2,.grid-cal{gap:16px}.stat-card{gap:12px}.stat-num{font-size:26px}.att-buttons{flex-direction:column}.page-head{gap:14px}.page-head-filter,.page-head-filter .filter-select{width:100%}.page-head-filter .filter-wrap,.page-head-filter .btn{flex:1}.custom-range{width:100%}.custom-range input{flex:1;min-width:0}.card-head>.btn,.card-controls{width:100%}.card-controls .tabs{width:100%;display:flex}.card-controls .tab{flex:1;padding:8px 6px}.card-controls .mini-select-wrap,.card-controls .mini-select{width:100%}.week-nav{justify-content:space-between;width:100%}.chart-box{height:190px}.att-clock{font-size:32px}.btn{padding:12px 16px}.btn.small{padding:8px 13px}.modal{align-items:flex-end;padding:0}.modal-panel{max-width:none;max-height:92vh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.form-foot{flex-direction:column-reverse;gap:10px}.form-foot .btn{width:100%}.field-row{flex-direction:column;gap:0}.cal-grid{gap:4px}.cal-cell{min-height:48px}.cal-chip{display:none}.cal-cell:after{content:"";border-radius:50%;width:7px;height:7px;margin-top:auto}.cal-cell.present:after{background:var(--green)}.cal-cell.holiday:after{background:var(--red)}.cal-cell.leave:after{background:var(--amber)}.cal-cell.halfday:after{background:var(--terracotta)}.cal-cell.absent:after{background:var(--steel)}.cal-cell.weekend:after{background:var(--muted)}.cal-holiday-name,.cal-weekend-label,.cal-cell.present .cal-avail,.cal-cell.absent .cal-avail,.cal-cell.leave .cal-avail,.cal-cell.halfday .cal-avail{display:none!important}.cal-avail{flex-wrap:wrap!important;justify-content:center!important;gap:2px 6px!important;width:100%!important;margin-top:4px!important;display:flex!important}.cal-avail-line{color:var(--heading)!important;align-items:center!important;gap:2px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.cal-avail-text{display:none!important}.filter-row{flex-direction:column;align-items:stretch}.filter-wrap.grow{width:100%}.list-item{background:var(--parchment);border:1px solid var(--hairline);border-bottom:none;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px;padding:16px}.list-item:last-of-type{margin-bottom:0}.row-actions{width:100%}.row-actions .pill-btn{flex:1}.settings-grid{gap:16px}.setting-row{flex-wrap:wrap}.toast{max-width:none;bottom:16px;left:16px;right:16px}.login-card{padding:32px 24px 26px}}@media (max-width:360px){.grid-4{grid-template-columns:1fr}}@media (min-width:640px){.login-card{padding:44px 40px 36px}}.grid-2-admin{grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:24px;display:grid}@media (max-width:1200px){.grid-2-admin{grid-template-columns:1fr}}.chart-box-tall{height:280px;position:relative}.list-item{border-bottom:1px solid var(--hairline);align-items:center;gap:14px;padding:16px 0;display:flex}.list-item:last-child{border-bottom:none;padding-bottom:0}.list-item:first-child{padding-top:0}.row-top{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.person-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:flex}.person-meta{flex:1;min-width:0}.person-name{color:var(--heading);font-size:13.5px;font-weight:600;line-height:1.3}.person-sub{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.row-actions{flex-shrink:0;gap:8px;display:flex}.pill-btn{white-space:nowrap;cursor:pointer;background:0 0;border:1.4px solid;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:11.5px;font-weight:700}.pill-btn.approve{border-color:var(--steel);color:var(--steel)}.pill-btn.approve:hover{background:var(--steel);color:#fff}.pill-btn.reject{border-color:var(--terracotta);color:var(--terracotta)}.pill-btn.reject:hover{background:var(--terracotta);color:#fff}.pill-btn.edit{border-color:var(--steel);color:var(--steel)}.pill-btn.edit:hover{background:var(--steel);color:#fff}.pill-btn.view{border-color:var(--hairline);color:var(--muted)}.pill-btn.view:hover{background:var(--obsidian);border-color:var(--obsidian);color:#fff}.pill-btn.fmt{border-color:var(--hairline);color:var(--muted);padding:5px 12px;font-size:11px}.pill-btn.fmt:hover{background:var(--obsidian);border-color:var(--obsidian);color:#fff}.limit-tag{background:var(--terracotta-soft);color:var(--terracotta);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:10.5px;font-weight:700;display:flex}.limit-tag svg{flex-shrink:0;width:11px;height:11px}.type-icon{color:var(--muted);flex-shrink:0;display:inline-flex}.type-icon svg{width:13px;height:13px;display:block}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--hairline);background:var(--shell);width:32px;height:32px;color:var(--heading);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.page-btn.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.page-btn:hover:not(.active){background:var(--parchment)}.page-btn.arrow{color:var(--muted)}.page-btn.arrow svg{width:13px;height:13px}.report-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (max-width:900px){.report-grid{grid-template-columns:1fr}}.report-card{flex-direction:column;display:flex}.doc-chip{background:var(--terracotta-soft);width:38px;height:38px;color:var(--terracotta);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-chip svg{width:20px;height:20px}.report-desc{color:var(--muted);flex:1;margin-bottom:14px;font-size:13px;line-height:1.6}.report-meta{color:var(--muted);align-items:center;gap:7px;margin-bottom:18px;font-size:11.5px;font-weight:600;display:flex}.report-meta svg{flex-shrink:0;width:13px;height:13px}.report-foot{align-items:center;gap:8px;display:flex}.report-foot .spacer{flex:1}.generate-btn{background:var(--terracotta);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .18s;display:flex}.generate-btn svg{flex-shrink:0;width:15px;height:15px}.generate-btn:hover{opacity:.88}.settings-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (max-width:900px){.settings-grid{grid-template-columns:1fr}}.span-2{grid-column:1/-1}.setting-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;display:flex}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-of-type{padding-top:18px}.setting-info{flex:1;min-width:0}.setting-label{color:var(--heading);font-size:13.5px;font-weight:600;line-height:1.4}.setting-desc{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5}.setting-subctl{align-items:center;gap:8px;margin-top:10px;display:flex}.setting-ctl{flex-shrink:0;align-items:center;gap:8px;display:flex}.num-input{border:1px solid var(--hairline);width:62px;color:var(--heading);background:var(--shell);text-align:center;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600}.num-input:focus{border-color:var(--terracotta)}.unit{color:var(--muted);font-size:12px;font-weight:600}.computed{color:var(--heading);font-size:13px;font-weight:700}.select-wrap{position:relative}.setting-select{appearance:none;border:1px solid var(--hairline);background:var(--shell);color:var(--heading);border-radius:8px;outline:none;padding:9px 28px 9px 12px;font-family:inherit;font-size:13px;font-weight:600}.setting-select:focus{border-color:var(--terracotta)}.select-wrap:after{content:"";border-right:1.4px solid var(--muted);border-bottom:1.4px solid var(--muted);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:10px;transform:translateY(-70%)rotate(45deg)}.time-input{border:1px solid var(--hairline);color:var(--heading);background:var(--shell);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600}.time-input:focus{border-color:var(--terracotta)}.chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:700}.chip-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.5}.chip-box{background:var(--parchment);border:1px solid var(--hairline);border-radius:10px;flex-wrap:wrap;gap:8px;min-height:48px;margin-bottom:20px;padding:12px;display:flex}.chip{background:var(--shell);border:1px solid var(--hairline);color:var(--heading);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-remove{width:16px;height:16px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.chip-remove svg{width:11px;height:11px}.chip-remove:hover{color:var(--terracotta)}.chip-add{align-items:center;display:inline-flex}.chip-add input{color:var(--heading);background:0 0;border:none;outline:none;width:80px;min-width:40px;font-family:inherit;font-size:12.5px;font-weight:600}.chip-add input::placeholder{color:var(--muted)}.save-btn{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:opacity .18s;display:flex}.save-btn svg{width:17px;height:17px}.save-btn:hover{opacity:.88}.mobile-custom-date-block{display:none}.toast{background:var(--obsidian);color:#fff;z-index:200;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.show{opacity:1;pointer-events:auto}.toast-check{background:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.toast-check svg{width:12px;height:12px}.modal-overlay{z-index:100;opacity:0;pointer-events:none;background:#1a1a1a6b;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-overlay .modal{background:var(--shell);border-radius:16px;flex-direction:column;gap:0;width:100%;max-width:460px;padding:30px;display:flex;box-shadow:0 12px 40px #1a1a1a2e}.modal-overlay .modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-overlay .modal-title{color:var(--heading);font-size:16px;font-weight:700}.modal-overlay .modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal-overlay .modal-close:hover{background:var(--parchment)}.modal-overlay .modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.btn-primary{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:700;transition:opacity .18s}.btn-primary:hover{opacity:.88}.btn-cancel{color:var(--muted);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:10px;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:600}.btn-cancel:hover{background:var(--parchment);color:var(--heading)}.badge.status-active{background:var(--green-soft);color:var(--green)}.badge.status-inactive{color:var(--muted);background:#1a1a1a14}.badge.role-admin{background:var(--terracotta-soft);color:var(--terracotta)}.badge.role-manager{background:var(--steel-soft);color:var(--steel)}.badge.role-employee{color:var(--muted);background:#1a1a1a0f}.add-user-btn,.btn-solid{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:opacity .18s;display:flex}.btn-solid svg{width:17px;height:17px}.btn-solid:hover{opacity:.88}.page-head-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.track{cursor:pointer;background:var(--hairline);border-radius:999px;transition:background .2s;position:absolute;inset:0}.track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--terracotta)}.switch input:checked+.track:before{transform:translate(18px)}.switch input:disabled+.track{opacity:.45;cursor:default}.switch-row{justify-content:space-between;align-items:center;gap:20px;padding:4px 0;display:flex}.sw-label{color:var(--heading);font-size:13.5px;font-weight:600}.sw-sub{color:var(--muted);margin-top:2px;font-size:12px}.add-holiday-btn{background:var(--terracotta);color:#fff;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:12.5px;font-weight:700;display:flex}.add-holiday-btn:hover{background:#bc5423}.form-group{margin-bottom:16px}.form-group label{color:var(--heading);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--hairline);background:var(--parchment);width:100%;color:var(--heading);border-radius:9px;outline:none;padding:11px 13px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--terracotta)}.form-group textarea{resize:vertical;min-height:70px}.btn-save{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:10px 20px;font-size:12.5px;font-weight:700}.btn-save:hover{background:#bc5423}.toast-reports{z-index:80;background:var(--shell);border:1px solid var(--hairline);box-shadow:var(--elev);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:12px;max-width:360px;padding:14px 18px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.toast-reports.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-reports .toast-icon{background:var(--terracotta-soft);width:32px;height:32px;color:var(--terracotta);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-reports .toast-icon svg{width:15px;height:15px}.toast-reports .toast-msg{color:var(--heading);font-size:12.5px;font-weight:600;line-height:1.5}@media print{.no-print,.sidebar,.topbar,.topbar *,.drawer-overlay,.toast,.toast-reports,.modal-overlay,main>:not(#printArea){display:none!important}body,html,main{color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}#printArea{position:absolute;top:0;left:0;visibility:visible!important;z-index:9999999!important;width:100%!important;display:block!important}#printArea *{visibility:visible!important}}.modal-backdrop{z-index:200;background:#1a1a1a73;justify-content:center;align-items:center;padding:20px;animation:.18s forwards modalBackdropIn;display:flex;position:fixed;inset:0}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--shell);border:1px solid var(--hairline);border-radius:14px;outline:none;flex-direction:column;width:100%;max-height:90vh;animation:.18s forwards modalBoxIn;display:flex;overflow-y:auto;box-shadow:0 4px 16px #1a1a1a0f,0 1px 3px #1a1a1a0d}.modal-sm{max-width:360px}.modal-md{max-width:520px}.modal-lg{max-width:720px}@keyframes modalBoxIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 26px 0;display:flex}.modal-title{color:var(--heading);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:1.3}.modal-sub{color:var(--muted);margin-top:4px;font-family:Inter,sans-serif;font-size:12px}.modal-close-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close-btn:hover{background:var(--parchment);color:var(--obsidian)}.modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 26px;display:flex}.modal-description{color:#2222229e;margin:0;font-family:Inter,sans-serif;font-size:13.5px;line-height:1.6}.modal-footer{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:0 26px 24px;display:flex}.modal-footer-stacked{flex-direction:column-reverse}.modal-footer-stacked .btn{justify-content:center;width:100%}.modal-icon-chip{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-icon-chip.danger{background:var(--red-soft);color:var(--red)}.modal-icon-chip.warn{background:var(--amber-soft);color:var(--amber)}.modal-icon-chip.info{background:var(--steel-soft);color:var(--steel)}.modal-icon-chip.success{background:var(--green-soft);color:var(--green)}.modal-icon-chip svg{width:18px;height:18px}.btn.danger-outline{border:1.5px solid var(--red);color:var(--red);background:0 0;font-weight:700}.btn.danger-outline:hover:not(:disabled){background:var(--red-soft)}.btn.danger-outline:disabled{opacity:.45;cursor:not-allowed}.modal-inline-error{background:var(--red-soft);color:var(--red);border-radius:9px;align-items:flex-start;gap:8px;padding:11px 14px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.modal-inline-error svg{flex-shrink:0;margin-top:1px}.modal-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.btn.danger-outline .modal-spinner{border-color:#b3352c4d;border-top-color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.confirm-text-field{flex-direction:column;gap:7px;display:flex}.confirm-text-label{color:var(--heading);font-size:12.5px;font-weight:600}.confirm-text-input{border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);border-radius:9px;outline:none;padding:11px 13px;font-family:Inter,sans-serif;font-size:13.5px;transition:border-color .15s}.confirm-text-input:focus{border-color:var(--terracotta)}.confirm-textarea{border:1px solid var(--hairline);width:100%;color:var(--heading);background:var(--parchment);resize:vertical;border-radius:9px;outline:none;min-height:80px;padding:11px 13px;font-family:Inter,sans-serif;font-size:13.5px;transition:border-color .15s}.confirm-textarea:focus{border-color:var(--terracotta)}.modal-form-body{flex-direction:column;gap:0;padding:20px 26px;display:flex}@media (max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-box{border-radius:18px 18px 0 0;width:100%;max-height:92vh;animation:.22s forwards modalSheetIn;max-width:none!important}.modal-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column-reverse}.modal-footer .btn{justify-content:center;width:100%}.modal-footer-stacked{flex-direction:column-reverse}@keyframes modalSheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-box,.modal-spinner{animation:none}}@media print{.modal-backdrop{display:none!important}}.spinner-svg{animation:.85s linear infinite spin}.skeleton-shimmer{background-color:#1a1a1a0f;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#fff6 20%,#fff9 60%,#fff0 100%);animation:1.4s linear infinite shimmerSweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmerSweep{to{transform:translate(100%)}}.desktop-table-skeleton{display:block}.mobile-cards-skeleton{display:none}@media (max-width:640px){.desktop-table-skeleton{display:none}.mobile-cards-skeleton{display:block}}@media (prefers-reduced-motion:reduce){.spinner-svg{animation:1.5s ease-in-out infinite spinnerPulse}.skeleton-shimmer:after{animation:none}.skeleton-shimmer{animation:1.8s ease-in-out infinite skeletonPulse}}@keyframes spinnerPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.bottom-nav{height:var(--bottomnav-h);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#1a1a1a;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-list{justify-content:space-around;align-items:center;width:100%;height:64px;margin:0;padding:0;list-style:none;display:flex}.bottom-nav-item{flex:1;height:100%}.bottom-nav-link{color:#ffffff9e;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;min-height:44px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .15s;display:flex}.bottom-nav-link svg{color:currentColor;width:20px;height:20px}.bottom-nav-link:active{opacity:.85;transform:scale(.96)}.bottom-nav-link.active,.bottom-nav-link.active svg{color:var(--terracotta)}.more-sheet-backdrop{z-index:101;opacity:0;background:#1a1a1a80;animation:.22s forwards fadeIn;position:fixed;inset:0}.more-sheet{z-index:102;padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:#1a1a1a;border-top:1px solid #ffffff14;border-radius:18px 18px 0 0;animation:.22s forwards slideUp;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.more-sheet-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.more-sheet-title{color:#fff;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.more-sheet-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.more-sheet-close:hover{color:#fff}.more-sheet-list{flex-direction:column;gap:6px;display:flex}.more-sheet-item{color:#ffffffbf;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.more-sheet-item svg{width:18px;height:18px}.more-sheet-item:hover,.more-sheet-item:active{color:#fff;background:#ffffff0d}.more-sheet-item.active{background:var(--terracotta-soft);color:var(--terracotta)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}html,body{max-width:100%!important;overflow-x:hidden!important}.stat-trend{white-space:normal!important;flex-wrap:wrap!important}@media (max-width:767px){input,select,textarea,.form-group input,.form-group select,.form-group textarea,.field input,.field select,.field textarea,.form-input,.form-textarea,.form-select,.filter-select,.filter-select-wide,.mini-select,.form-input-login,.time-input,.num-input{font-size:16px!important}.list-item .badge{align-self:flex-start!important}.settings-tabs{flex-wrap:wrap!important;gap:4px!important;width:100%!important;display:flex!important}.settings-tabs button{text-align:center!important;flex:auto!important;padding:9px 8px!important;font-size:12px!important}.week-nav button{position:relative}.week-nav button:before{content:"";position:absolute;inset:-9px}.report-preview-table thead{display:none!important}.report-preview-table,.report-preview-table tbody{width:100%!important;display:block!important}.report-preview-table tbody tr{border:1px solid var(--hairline)!important;background:var(--shell)!important;border-radius:12px!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important;margin-bottom:12px!important;padding:6px 14px!important;display:grid!important}.report-preview-table tbody tr:last-child{margin-bottom:0!important}.report-preview-table td{border-bottom:1px dashed var(--hairline)!important;white-space:normal!important;text-align:right!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 0!important;font-size:12px!important;display:flex!important}.report-preview-table tbody tr>:first-child,.report-preview-table tbody tr>:nth-child(2){grid-column:span 2!important}.report-preview-table td:before{content:attr(data-label)!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important;text-align:left!important;flex-shrink:0!important;font-size:10.5px!important;font-weight:600!important}.report-preview-table tbody tr>:last-child,.report-preview-table tbody tr>:nth-last-child(2){border-bottom:none!important}.dropdown.open{top:calc(var(--header-h) + 4px)!important;z-index:105!important;width:auto!important;min-width:0!important;position:fixed!important;left:12px!important;right:12px!important;transform:none!important;box-shadow:0 10px 25px #0000001a!important}.page-head-filter,.page-head-actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-top:10px!important}.page-head-filter .filter-select,.page-head-filter .filter-wrap,.page-head-filter .btn,.page-head-filter input,.page-head-actions .btn,.page-head-actions .btn-solid,.page-head-actions .btn-outline{justify-content:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.modal-actions{flex-direction:column-reverse!important;gap:10px!important;width:100%!important;margin-top:20px!important}.modal-actions button,.modal-actions .btn,.modal-actions .btn-primary,.modal-actions .btn-cancel{justify-content:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.chart-box-tall{height:220px!important}.cal-holiday-name,.cal-weekend-label,.cal-avail{display:none!important}.page-btn.arrow{position:relative}.page-btn.arrow:before{content:"";position:absolute;inset:-6px}}.timesheet-top-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px;display:grid}.mobile-only-card{display:none!important}@media (max-width:767px){:root{--header-h:60px!important;--bottomnav-h:64px!important}.topbar{height:var(--header-h)!important;border-bottom:1px solid var(--hairline)!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0 16px!important;display:flex!important;left:0!important}.mobile-brand{align-items:center!important;gap:8px!important;display:flex!important}.search-wrap{display:none!important}.search-icon-btn{justify-content:center!important;align-items:center!important;display:flex!important}.admin-name,.caret{display:none!important}.admin-btn{padding:4px!important}.header-actions{gap:12px!important}.stat-label{letter-spacing:.02em!important;margin-right:4px!important;font-size:10.5px!important;line-height:1.35!important}.stat-top{gap:8px!important}.stat-icon{width:32px!important;height:32px!important}.stat-icon svg{width:15px!important;height:15px!important}.mobile-search-panel{top:var(--header-h)!important;z-index:105!important;background:var(--shell)!important;border-bottom:1px solid var(--hairline)!important;padding:10px 16px!important;position:fixed!important;left:0!important;right:0!important;box-shadow:0 4px 10px #0000000f!important}.mobile-search-panel.show{display:block!important}.mobile-search-panel .search-pill{width:100%!important;max-width:none!important}.sidebar{display:none!important}.main{padding:16px 16px calc(var(--bottomnav-h) + 24px)!important;margin-left:0!important}.bottom-nav{display:block!important}.grid-4,.timesheet-top-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.grid-3.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:20px!important}.grid-3,.grid-2,.grid-2-admin,.grid-cal{grid-template-columns:1fr!important;gap:16px!important}.chart-box,.chart-box-tall{width:100%!important;height:170px!important;position:relative!important;overflow:hidden!important}#donutChart{max-width:100%!important;margin:0 auto!important;display:block!important}.chart-box canvas{max-width:100%!important;height:170px!important}.legend-row{flex-flow:wrap!important;align-items:center!important;gap:10px 16px!important;margin-top:12px!important;display:flex!important}.card-head{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.card-controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.card-controls .mini-select-wrap,.card-controls .week-nav,.card-controls .mini-select{width:100%!important}.week-nav{justify-content:space-between!important;width:100%!important}.data-table thead{display:none!important}.data-table,.data-table tbody{width:100%!important;display:block!important}.data-table tbody tr{border:1px solid var(--hairline)!important;background:var(--shell)!important;border-radius:12px!important;margin-bottom:12px!important;padding:8px 16px!important;display:block!important}.data-table tbody tr:last-child{margin-bottom:0!important}.data-table td{border-bottom:1px dashed var(--hairline)!important;white-space:normal!important;text-align:right!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:11px 0!important;display:flex!important}.data-table td:before{content:attr(data-label)!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important;text-align:left!important;flex-shrink:0!important;font-size:11px!important;font-weight:600!important}.data-table tbody tr td:last-child{border-bottom:none!important}.data-table td.stack{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.data-table td.actions-cell{justify-content:flex-end!important;padding-top:13px!important}.data-table td.actions-cell:before{display:none!important}.data-table .td-sub{margin-top:0!important}.list-item{background:var(--parchment)!important;border:1px solid var(--hairline)!important;border-bottom:none!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:10px!important;padding:14px 16px!important;display:flex!important}.list-item:last-child,.list-item:last-of-type{margin-bottom:0!important}.list-item>.person-avatar+.person-meta{grid-area:1/2!important}.list-item{grid-template-rows:auto auto!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px 12px!important;display:grid!important}.list-item>.person-avatar{grid-area:1/1!important;align-self:center!important}.list-item>.person-meta{grid-area:1/2!important;min-width:0!important}.list-item>.row-actions,.list-item>.badge{grid-area:2/1/auto/-1!important}.row-actions{gap:8px!important;width:100%!important;display:flex!important}.row-actions button,.row-actions .pill-btn{text-align:center!important;white-space:nowrap!important;flex:1 1 0!important;justify-content:center!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important;overflow:visible!important}.list-item>.badge{place-self:flex-start start!important}section.grid-3{gap:16px!important;margin-bottom:0!important}.modal-backdrop,.modal{z-index:200!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important;position:fixed!important;inset:0!important}.modal-box,.modal-panel{width:100%!important;max-width:none!important;height:100%!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important}.modal-body{flex:1!important;padding:20px 16px!important;overflow-y:auto!important}.modal-footer{background:var(--shell)!important;border-top:1px solid var(--hairline)!important;flex-direction:column-reverse!important;gap:10px!important;padding:16px!important}.modal-footer .btn,.modal-footer button{justify-content:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.modal-footer-stacked{flex-direction:column-reverse!important}input,select,textarea,button.btn,button.btn-solid,button.btn-outline,button.pill-btn{min-height:44px!important}.field-row,.form-row{flex-direction:column!important;gap:16px!important}.form-group,.field{width:100%!important}.filter-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filter-row .filter-wrap,.filter-row .filter-select{width:100%!important}.filter-row .btn{justify-content:center!important;width:100%!important;margin-top:4px!important;margin-left:0!important}.timesheet-top-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:16px!important}.mobile-only-card{display:flex!important}.desktop-only-progress{display:none!important}.countdown,.timer,.expiry,.att-clock{text-align:center!important;white-space:nowrap!important;width:auto!important;max-width:100%!important;margin:12px auto!important;font-size:28px!important}.password-toggle{z-index:5!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;padding:0!important;right:4px!important}.brand-row{text-align:center!important;flex-direction:column!important;gap:8px!important;margin-bottom:20px!important}.card-title-login{font-size:22px!important}.login-card{padding:36px 24px 32px!important}.login-bg-outline-1,.login-bg-outline-2,.login-body-dots-left,.login-body-dots-right{opacity:.45!important}}.skeleton-box{background-color:#1a1a1a14;border-radius:6px;position:relative;overflow:hidden}.skeleton-box:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#fff9 20%,#fffc 60%,#fff0 100%);animation:1.8s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.attendance-filter-row,.timesheet-filter-row,.leaves-filter-row,.reports-filter-row{gap:8px;width:100%;margin-bottom:16px;display:flex}.attendance-filter-row .filter-wrap,.timesheet-filter-row .filter-wrap,.leaves-filter-row .filter-wrap,.reports-filter-row .filter-wrap{flex:1;min-width:0;position:relative}.attendance-filter-row .filter-select,.timesheet-filter-row .filter-select,.leaves-filter-row .filter-select,.reports-filter-row .filter-select{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--heading);appearance:none;background:#fff;border:1px solid #1a1a1a14;border-radius:9px;font-weight:600;overflow:hidden;padding:10px 22px 10px 32px!important;font-size:11.5px!important}.attendance-filter-row .filter-wrap:after,.timesheet-filter-row .filter-wrap:after,.leaves-filter-row .filter-wrap:after,.reports-filter-row .filter-wrap:after{right:10px}.attendance-filter-row .leading-icon-select,.timesheet-filter-row .leading-icon-select,.leaves-filter-row .leading-icon-select,.reports-filter-row .leading-icon-select{width:14px;height:14px;color:var(--muted);pointer-events:none;z-index:10;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.custom-date-container{align-items:center;gap:12px;width:100%;margin-top:14px;display:flex}.custom-date-field{flex:1;position:relative}.field-label{color:#9ca3af;z-index:10;text-transform:uppercase;letter-spacing:.02em;background:#fff;padding:0 4px;font-size:9px;font-weight:600;position:absolute;top:-7px;left:10px}.input-with-icon{background:#fff;border:1px solid #1a1a1a14;border-radius:8px;align-items:center;gap:8px;height:44px;padding:10px 12px;display:flex}.input-with-icon svg{color:#9ca3af;flex-shrink:0;width:15px;height:15px}.input-with-icon input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12.5px;font-weight:500}.date-separator{color:#9ca3af;font-weight:600}.quick-date-row{scrollbar-width:none;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-date-row::-webkit-scrollbar{display:none}.quick-date-btn{color:var(--muted);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #1a1a1a14;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.quick-date-btn.active{color:#e3581e;background:#fff;border-color:#e3581e}.request-card{background:#fff;border:1px solid #1a1a1a0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex;box-shadow:0 1px 2px #00000003}.request-card:last-child{margin-bottom:0}.worked-hours-label{color:var(--muted);margin-top:3px;font-family:Inter,sans-serif;font-size:11.5px}.request-card .pill-btn{cursor:pointer;background:0 0;border:1px solid #1a1a1a1f;border-radius:999px;justify-content:center;align-items:center;padding:6px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.request-card .pill-btn.approve{color:#2b4c7e;border-color:#2b4c7e}.request-card .pill-btn.approve:hover{background:#2b4c7e0d}.request-card .pill-btn.reject{color:#e3581e;border-color:#e3581e}.request-card .pill-btn.reject:hover{background:#e3581e0d}@media (max-width:767px){.attendance-filter-row,.timesheet-filter-row,.leaves-filter-row,.reports-filter-row{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.attendance-filter-row .filter-wrap,.timesheet-filter-row .filter-wrap,.leaves-filter-row .filter-wrap,.reports-filter-row .filter-wrap{width:100%!important}.attendance-filter-row .att-date-filter-wrap,.timesheet-filter-row .date-filter-wrap,.leaves-filter-row .date-filter-wrap,.reports-filter-row .date-filter-wrap{grid-column:span 2!important;display:block!important}.attendance-filter-row .filter-select,.timesheet-filter-row .filter-select,.leaves-filter-row .filter-select,.reports-filter-row .filter-select{box-sizing:border-box!important;width:100%!important;height:38px!important;color:var(--heading)!important;appearance:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;background:#fff!important;border:1px solid #1a1a1a14!important;border-radius:8px!important;padding:8px 34px 8px 32px!important;font-size:13px!important;font-weight:500!important;display:block!important;overflow:hidden!important}.attendance-filter-row .filter-wrap:after,.timesheet-filter-row .filter-wrap:after,.leaves-filter-row .filter-wrap:after,.reports-filter-row .filter-wrap:after{content:""!important;border-right:1.5px solid var(--muted)!important;border-bottom:1.5px solid var(--muted)!important;pointer-events:none!important;z-index:5!important;width:7px!important;height:7px!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)rotate(45deg)!important}.reports-filter-row .spacer{display:none!important}.reports-filter-row .generate-btn{box-sizing:border-box!important;grid-column:span 1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 8px!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important}.grid-3.stat-grid .stat-card .stat-trend{color:var(--terracotta)!important;font-weight:600!important}.custom-date-container{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;margin-top:12px!important}.custom-date-container .date-separator{display:none!important}.custom-date-field{width:100%!important}.custom-date-field .input-with-icon input{box-sizing:border-box!important;width:100%!important;height:38px!important}.quick-date-row{display:none!important}.card-head{grid-template-rows:auto auto!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:4px 8px!important;margin-bottom:14px!important;display:grid!important}.card-head>div{display:contents!important}.card-head .card-title{grid-area:1/1!important;margin-bottom:0!important}.card-head .badge{grid-area:1/2!important;justify-self:start!important;margin-left:0!important}.card-head .card-sub{grid-area:2/1/auto/-1!important;margin-top:0!important}.request-card{background:#fff!important;border:1px solid #1a1a1a0f!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;padding:12px 14px!important;display:flex!important}.request-card .row-top{flex:1!important;align-items:flex-start!important;gap:12px!important;width:100%!important;display:flex!important}.request-card .person-meta{flex-direction:column!important;flex:1!important;gap:4px!important;min-width:0!important;display:flex!important}.request-card .person-avatar{flex-shrink:0!important;align-self:flex-start!important}.request-card .person-name{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.mobile-badge{display:inline-flex!important}.desktop-badge{display:none!important}.request-card .person-sub-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:4px 12px!important;width:100%!important;display:flex!important}.request-card .person-sub{color:var(--muted)!important;align-items:center!important;gap:4px!important;margin-top:0!important;font-size:11.5px!important;display:flex!important}.request-card .worked-hours-label{color:var(--muted)!important;margin-top:0!important;font-size:12px!important;font-weight:500!important}.request-card .row-actions{gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.request-card .row-actions button,.request-card .row-actions .pill-btn{flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;height:38px!important;padding:0!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.request-card .reject-container{align-items:center!important;gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.request-card .reject-container input{box-sizing:border-box!important;background:#fff!important;border:1px solid #1a1a1a14!important;border-radius:8px!important;flex:auto!important;min-width:0!important;height:38px!important;padding:8px 12px!important}.request-card .reject-container button{flex:none!important;justify-content:center!important;align-items:center!important;height:38px!important;padding:0 12px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.list-item{background:var(--parchment)!important;border:1px solid var(--hairline)!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;padding:12px 14px!important;display:flex!important}.list-item .row-top{align-items:flex-start!important;gap:12px!important;width:100%!important;display:flex!important}.list-item .person-meta{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.list-item .person-avatar{flex-shrink:0!important;align-self:flex-start!important}.list-item .person-name{width:100%!important;color:var(--heading)!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;font-weight:700!important;display:flex!important}.list-item .person-sub{color:var(--muted)!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin-top:0!important;font-size:11px!important;display:block!important;overflow:hidden!important}.list-item .person-sub .type-icon{vertical-align:middle!important;margin-right:4px!important;display:inline-flex!important}.grid-3.stat-grid>*{grid-column:span 1!important}.grid-3.stat-grid>:nth-child(odd):last-child{grid-column:span 2!important}.list-item .desktop-badge{display:none!important}.list-item .mobile-badge{display:inline-flex!important}.list-item .limit-tag{align-self:flex-start!important;margin-top:4px!important;margin-bottom:0!important}.list-item .row-actions{flex-wrap:wrap!important;gap:8px!important;width:100%!important;margin-top:6px!important;display:flex!important}.list-item .row-actions .pill-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.list-item .row-actions .pill-btn.view{flex:100%!important;order:1!important;width:100%!important}.list-item .row-actions .pill-btn.approve,.list-item .row-actions .pill-btn.reject{flex:calc(50% - 4px)!important;order:2!important;width:calc(50% - 4px)!important}.section-footer .pagination{justify-content:center!important;width:100%!important;margin:8px auto!important}.page-btn{border-radius:10px!important;width:40px!important;height:40px!important;font-size:14px!important}.page-btn.arrow svg{width:16px!important;height:16px!important}.header-actions{align-items:center!important;gap:12px!important;display:flex!important}.header-actions .admin-wrap{display:block!important}.header-actions .admin-wrap>.admin-btn{background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:flex!important}.header-actions .admin-wrap>.admin-btn .avatar{background:var(--obsidian)!important;width:34px!important;height:34px!important;color:var(--shell)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:12.5px!important;font-weight:700!important;display:flex!important}.page-head-filter .filter-wrap,.mini-select-wrap{width:100%!important;display:block!important;position:relative!important}.page-head-filter .filter-select,.mini-select{box-sizing:border-box!important;width:100%!important;height:38px!important;color:var(--heading)!important;appearance:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;background:#fff!important;border:1px solid #1a1a1a14!important;border-radius:8px!important;padding:8px 34px 8px 12px!important;font-size:13px!important;font-weight:500!important;display:block!important;overflow:hidden!important}.page-head-filter .filter-wrap:after,.mini-select-wrap:after{content:""!important;border-right:1.5px solid var(--muted)!important;border-bottom:1.5px solid var(--muted)!important;pointer-events:none!important;z-index:5!important;width:7px!important;height:7px!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)rotate(45deg)!important}.week-nav{box-sizing:border-box!important;background:#fff!important;border:1px solid #1a1a1a14!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:38px!important;padding:4px 8px!important;display:flex!important}.week-nav button{width:28px!important;height:28px!important;color:var(--obsidian)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.week-nav button:hover{background:var(--parchment)!important}.week-nav span{color:var(--heading)!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;padding:0 8px!important;font-size:13px!important;font-weight:500!important;overflow:hidden!important}.date-filter-wrap,.filter-row .custom-range,.filter-row .mobile-custom-range{display:none!important}.mobile-date-pill-row{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;margin-bottom:4px!important;padding:0 2px 4px!important;display:flex!important;overflow-x:auto!important}.mobile-date-pill-row::-webkit-scrollbar{display:none!important}.mobile-date-pill-row .mobile-date-pill{white-space:nowrap!important;color:var(--muted)!important;cursor:pointer!important;background:#fff!important;border:1px solid #1a1a1a1a!important;border-radius:999px!important;flex-shrink:0!important;padding:8px 16px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1!important;transition:border-color .15s,color .15s!important}.mobile-date-pill-row .mobile-date-pill.active{color:#e3581e!important;background:#fff9f7!important;border-color:#e3581e!important}.mobile-custom-date-block{display:none}.mobile-custom-date-block.open{flex-direction:column!important;gap:10px!important;width:100%!important;margin-bottom:8px!important;display:flex!important}.date-input-ph-wrap{flex:1!important;align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.date-input-ph-wrap input[type=date]{width:100%!important;height:44px!important;color:var(--heading)!important;box-sizing:border-box!important;z-index:1!important;appearance:none!important;background:#fff!important;border:1px solid #1a1a1a1f!important;border-radius:10px!important;padding:0 12px!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;position:relative!important}.date-input-ph-wrap .date-ph{color:#9ca3af!important;pointer-events:none!important;z-index:2!important;font-family:inherit!important;font-size:13px!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.date-input-ph-wrap input[type=date]:valid~.date-ph,.date-input-ph-wrap input[type=date][data-has-value=true]~.date-ph{display:none!important}.mobile-custom-date-block .mcd-field-label{text-transform:uppercase!important;letter-spacing:.06em!important;color:#9ca3af!important;margin-bottom:4px!important;font-size:10px!important;font-weight:700!important;display:block!important}}.cal-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1180px){.cal-layout{grid-template-columns:1fr}}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px;display:grid}.cal-weekday{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;padding:8px 0 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.cal-cell{background:var(--parchment);border:1px solid var(--hairline);border-radius:8px;flex-direction:column;gap:6px;min-height:86px;padding:8px 9px;font-size:11.5px;display:flex;overflow:hidden}.cal-cell.empty{background:0 0;border-color:#0000;min-height:0}.cal-cell.weekend{color:var(--muted);background:#1a1a1a0b}.cal-cell.holiday{background:var(--terracotta-soft);border-color:#e3581e4d}.cal-daynum{font-family:Space Grotesk,sans-serif;font-size:12.5px;font-weight:700;line-height:1}.cal-cell.weekend .cal-daynum{color:#1a1a1a73}.cal-cell.holiday .cal-daynum{color:var(--terracotta)}.cal-holiday-name{color:var(--terracotta);font-size:10.5px;font-weight:700;line-height:1.35}.cal-weekend-label{color:#1a1a1a59;font-size:10px;font-weight:600}.cal-avail{flex-direction:column;gap:4px;margin-top:auto;display:flex}.cal-avail-line{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.legend-row{flex-wrap:wrap;gap:22px;margin-top:20px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.add-holiday-btn{background:var(--terracotta);color:#fff;white-space:nowrap;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:10px 16px;font-size:12.5px;font-weight:700;display:flex}.add-holiday-btn:hover{opacity:.88}.add-holiday-btn svg{width:14px;height:14px}.holiday-item{border-bottom:1px solid var(--hairline);align-items:center;gap:14px;padding:15px 0;display:flex}.holiday-item:last-of-type{border-bottom:none}.date-chip{background:var(--terracotta-soft);width:46px;height:46px;color:var(--terracotta);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;display:flex}.date-chip .d{font-size:15px;font-weight:700;line-height:1}.date-chip .m{text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:9.5px;font-weight:700}.holiday-meta{flex:1;min-width:0}.holiday-name{font-size:13.5px;font-weight:600;line-height:1.3}.holiday-meta .badge{margin-top:6px;padding:4px 10px;font-size:10px;display:inline-block}.holiday-actions{flex-shrink:0;gap:8px;display:flex}.mini-icon-btn{border:1px solid var(--hairline);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.mini-icon-btn svg{width:13px;height:13px}.mini-icon-btn.edit:hover{border-color:var(--steel);color:var(--steel);background:var(--steel-soft)}.mini-icon-btn.del:hover{border-color:var(--terracotta);color:var(--terracotta);background:var(--terracotta-soft)}.section-footer{border-top:1px solid var(--hairline);justify-content:center;align-items:center;margin-top:4px;padding-top:20px;display:flex}.view-all{color:var(--terracotta);font-size:12.5px;font-weight:700}.view-all:hover{text-decoration:underline}@media (max-width:767px){.cal-layout{width:100%;max-width:100%;display:block!important}.cal-layout>.card{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:18px;display:block}.cal-layout>.card:last-child{margin-bottom:0}.cal-layout .card-head{flex-direction:column;align-items:stretch;gap:10px;display:flex}.cal-layout .card-controls{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.cal-layout .filter-wrap,.cal-layout .filter-wrap.grow-0{flex:none;width:100%;min-width:0}.cal-layout .filter-select{width:100%}.cal-layout .week-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;display:flex}.cal-layout .week-nav span{text-align:center;flex:1;min-width:0}.cal-layout .cal-grid{box-sizing:border-box;gap:3px;margin-top:12px;overflow:hidden}.cal-layout .cal-weekday{letter-spacing:0;padding:4px 0 6px;font-size:9px}.cal-layout .cal-cell{box-sizing:border-box;border-radius:6px;gap:3px;min-height:44px;padding:5px 3px;overflow:hidden}.cal-layout .cal-daynum{font-size:10.5px}.cal-layout .cal-avail,.cal-layout .cal-holiday-name,.cal-layout .cal-weekend-label{display:none!important}.cal-layout .cal-cell.holiday:after{content:"";background:var(--terracotta);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:auto;display:block}.cal-layout .legend-row{flex-wrap:wrap;gap:8px 14px;margin-top:14px}.cal-layout .legend-item{gap:6px;font-size:11px}.cal-layout .add-holiday-btn{white-space:normal;justify-content:center;width:100%;display:flex}.cal-layout .section-footer{margin-top:4px;padding-top:14px}}.add-user-btn{background:var(--terracotta);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.add-user-btn:hover{opacity:.88}.add-user-btn svg{width:15px;height:15px}.person-name-row{flex-wrap:wrap;align-items:center;gap:6px;line-height:1.3;display:flex}.um-badge-inline{display:none}.um-badge-desktop{display:inline-flex}.desktop-actions{flex-wrap:wrap;gap:8px;display:flex}.mobile-actions{display:none}@media (max-width:767px){.filter-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-wrap{width:100%!important;min-width:0!important}.filter-select{box-sizing:border-box;width:100%!important}.add-user-btn{justify-content:center;width:100%!important}.list-item{border:1px solid var(--hairline)!important;border-bottom:1px solid var(--hairline)!important;background:#fff!important;border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:10px!important;padding:14px!important}.list-item:last-of-type{margin-bottom:0!important}.list-item:first-child{padding-top:14px!important}.row-top{align-items:flex-start!important;gap:10px!important}.person-meta{flex:1!important;min-width:0!important}.person-name-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:3px;display:flex}.person-name{line-height:1.3;font-size:13.5px!important;font-weight:700!important}.um-badge-inline{white-space:nowrap;flex-shrink:0;border-radius:999px!important;padding:2px 8px!important;font-size:10px!important;display:inline-flex!important}.um-badge-desktop{display:none!important}.person-email{line-height:1.4;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;color:var(--muted)!important;font-size:11.5px!important;display:block!important;overflow:hidden!important}.list-item .desktop-actions{display:none!important}.mobile-actions{align-items:center;gap:8px;position:relative;display:flex!important}.mobile-primary-btn{text-align:center;flex:1!important;justify-content:center!important;padding:10px 14px!important;font-size:12.5px!important;display:flex!important}.overflow-menu-btn{border:1.4px solid var(--hairline);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.overflow-menu-btn:hover{background:var(--parchment);color:var(--obsidian);border-color:#1a1a1a4d}.overflow-dropdown{border:1px solid var(--hairline);z-index:100;background:#fff;border-radius:12px;min-width:170px;padding:6px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #1a1a1a21,0 2px 6px #1a1a1a12}.overflow-item{text-align:left;width:100%;color:var(--heading);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:block}.overflow-item+.overflow-item{border-top:1px solid var(--hairline);border-radius:0}.overflow-item:first-child{border-radius:8px 8px 0 0}.overflow-item:last-child{border-radius:0 0 8px 8px}.overflow-item:only-child{border-radius:8px}.overflow-item:hover{background:var(--parchment)}.overflow-item.danger{color:var(--terracotta)}.overflow-item.danger:hover{background:var(--terracotta-soft)}.section-footer{margin-top:8px!important;padding-top:16px!important}.pagination{gap:8px!important}.page-btn{border-radius:10px!important;width:42px!important;height:42px!important;font-size:13.5px!important}.settings-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px!important;flex-wrap:nowrap!important;gap:2px!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab-bar button{white-space:nowrap!important;flex-shrink:0!important;padding:9px 14px!important;font-size:12.5px!important}.save-btn{margin-bottom:2px;z-index:30!important;border-radius:10px!important;justify-content:center!important;width:100%!important;padding:12px 20px!important;font-size:13.5px!important;position:sticky!important;top:0!important;box-shadow:0 4px 16px #d4622c2e!important}.page-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.settings-grid{grid-template-columns:1fr!important;gap:14px!important}.setting-row{align-items:center!important;gap:10px!important;padding:14px 0!important}.setting-label{font-size:13px!important}.setting-desc{font-size:11.5px!important}.setting-ctl{flex-shrink:0!important}.computed{white-space:nowrap;font-size:12.5px!important}.setting-select,.select-wrap{width:100%!important}.setting-row:has(.select-wrap){flex-wrap:wrap!important}.setting-row:has(.select-wrap) .setting-ctl{width:100%!important}.active-day-pill{justify-content:center!important;min-width:40px!important;min-height:40px!important;padding:8px 10px!important;font-size:12px!important}.wfh-note-box{word-break:break-word;overflow-wrap:break-word;border-radius:9px!important;padding:12px 13px!important;font-size:12px!important;line-height:1.55!important}.dropdown.open,#adminDropdown.open{box-sizing:border-box!important;z-index:200!important;width:max-content!important;min-width:200px!important;max-width:min(280px,100vw - 16px)!important;position:fixed!important;inset:72px 8px auto auto!important}.dropdown a,.dropdown button.item{white-space:nowrap!important;align-items:center!important;min-height:44px!important;padding:10px 13px!important}.dropdown hr{margin:6px 4px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}