@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#f6f7fb;--surface:#fff;--surface-soft:#f9fafc;--text:#222534;--muted:#858998;--line:#eceef3;--purple:#7552e8;--purple-hover:#6240d6;--purple-soft:#f0ebff;--green:#269c76;--green-soft:#eaf8f1;--amber:#b57b29;--amber-soft:#fff5e6;--red:#ce5262;--red-soft:#fff0f1;--shadow:0 5px 22px #28203f04;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14151c;--surface:#1d1f29;--surface-soft:#232631;--text:#ececf4;--muted:#a0a4b5;--line:#30323e;--purple:#a28af4;--purple-hover:#b5a0ff;--purple-soft:#302745;--green:#76d4ac;--green-soft:#1c3c33;--amber:#e5b66e;--amber-soft:#3c3023;--red:#f3909d;--red-soft:#40272e;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b7a2ff}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:32px;font-weight:800;line-height:1.3}h2{letter-spacing:-.45px;font-size:18px;font-weight:750}h3{font-size:16px;font-weight:700;line-height:1.5}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;max-width:100%;padding:11px 13px;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:var(--muted)}label{font-size:14px;font-weight:600;display:block}label>input,label>textarea,label>select{margin-top:8px}form>label{margin-bottom:18px}svg{flex-shrink:0}strong{font-weight:700}small{font-size:12px}progress{appearance:none;background:var(--line);border:0;border-radius:9px;width:100%;height:5px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line);border-radius:9px}progress::-webkit-progress-value{background:var(--purple);border-radius:9px}progress::-moz-progress-bar{background:var(--purple)}.muted{color:var(--muted)}.small-text{font-size:13px}.eyebrow{letter-spacing:1.3px;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:800}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 8px #7552e818}.primary:hover:not(:disabled){background:var(--purple-hover)}.secondary{background:var(--surface);border-color:var(--line)}.secondary:hover:not(:disabled){background:var(--surface-soft);border-color:#d3c9f3}.ghost{color:var(--muted);background:0 0}.ghost:hover{background:var(--surface-soft);color:var(--text)}.white{color:#6541d0;background:#fff}.white:hover{background:#f5f1ff}.danger-outline{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}.compact{min-height:36px;padding:8px 12px;font-size:13px}.full{width:100%}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--purple);background:var(--purple-soft)}.text-link{color:var(--purple);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link.muted{color:var(--muted)}.icon-tile{background:var(--purple-soft);color:var(--purple);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.icon-tile.warm{color:var(--amber);background:var(--amber-soft)}.avatar{color:#7453c0;letter-spacing:.2px;background:#efeafa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:inline-flex}.avatar.small{width:34px;height:34px;font-size:11px}.avatar.large{width:50px;height:50px;font-size:15px}.admin-avatar{color:#536797;background:#e9edf8}.badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.status-todo{color:#858a9b;background:var(--surface-soft)}.status-in_progress,.status-pending{background:var(--amber-soft);color:var(--amber)}.status-completed,.status-approved{background:var(--green-soft);color:var(--green)}.status-skipped,.status-rejected{background:var(--red-soft);color:var(--red)}.status-cancelled,.status-withdrawn{background:var(--surface-soft);color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:23px 25px;display:flex}.panel-heading p{color:var(--muted);margin-top:4px;font-size:13px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:45px 24px;display:flex}.empty-icon{background:var(--purple-soft);width:54px;height:54px;color:var(--purple);border-radius:18px;justify-content:center;align-items:center;margin-bottom:5px;display:flex}.empty strong{font-size:15px}.empty p{color:var(--muted);max-width:340px;font-size:14px}.app-shell{min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:240px;padding:32px 20px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1px;align-items:center;gap:12px;padding-left:11px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.brand-mark{background:var(--purple);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:39px;height:43px;font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:800;display:flex;box-shadow:0 5px 10px #7552e825}.brand-sub{letter-spacing:2.6px;color:var(--muted);margin-top:5px;padding-left:1px;font-size:8px;font-weight:800;display:block}.location-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;margin-top:34px;margin-bottom:29px;padding:12px 10px;display:flex}.location-icon{color:var(--purple);background:var(--surface);border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.location-card strong{font-size:12px;display:block}.location-card small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.nav-label{color:var(--muted);letter-spacing:1.4px;margin-bottom:12px;padding:0 13px;font-size:9px;font-weight:800}.nav-item{color:var(--muted);border-radius:10px;align-items:center;gap:12px;min-height:46px;margin-bottom:5px;padding:12px 13px;font-size:13px;font-weight:600;display:flex}.nav-item svg{stroke-width:1.6px}.nav-item.active{background:var(--purple-soft);color:var(--purple);font-weight:750}.nav-item:hover{background:var(--surface-soft);color:var(--purple)}.nav-item.active:hover{background:var(--purple-soft)}.nav-count{background:var(--surface-soft);min-width:20px;height:20px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:10px;display:flex}.active .nav-count{background:var(--surface);color:var(--purple)}.admin-label{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:24px}.demo-notice{color:var(--muted);padding:0 12px 20px;font-size:11px}.demo-notice small{margin-top:3px;padding-left:13px;font-size:10px;display:block}.demo-dot{vertical-align:middle;background:#bba3f2;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.sidebar-user{border-top:1px solid var(--line);align-items:center;gap:9px;padding-top:18px;display:flex}.sidebar-user strong{white-space:nowrap;font-size:11px;display:block}.sidebar-user small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.sidebar-user .icon-button{width:27px;margin-left:auto}.main-shell{margin-left:240px}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 38px;display:flex}.breadcrumb{align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb>span,.breadcrumb>svg{color:var(--muted)}.breadcrumb strong{font-size:12px;font-weight:600}.top-actions{align-items:center;gap:13px;display:flex}.top-date{color:var(--muted);margin-right:6px;font-size:12px}.notification-button{position:relative}.notification-button i{background:var(--purple);width:5px;height:5px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:6px;right:8px}.workspace{max-width:1550px;margin:0 auto;padding:34px 38px 22px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading h1{align-items:center;gap:12px;display:flex}.page-heading>div>p{color:var(--muted);margin-top:7px;font-size:14px}.greeting-sun{color:#dca546;display:inline-flex}.daily-summary{background:var(--surface);border:1px solid var(--line);border-radius:15px;align-items:center;gap:30px;margin-bottom:25px;padding:21px 24px;display:flex}.summary-heading{flex:1.25;align-items:center;gap:13px;min-width:185px;display:flex}.summary-icon{background:var(--purple-soft);width:43px;height:43px;color:var(--purple);border-radius:13px;justify-content:center;align-items:center;display:flex}.summary-heading strong{font-size:14px;display:block}.summary-heading span:not(.summary-icon){color:var(--muted);margin-top:2px;font-size:11px;display:block}.summary-stat{border-left:1px solid var(--line);flex:1;padding-left:24px}.summary-stat>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.summary-stat>div>span{color:var(--muted);white-space:nowrap;font-size:12px}.summary-stat strong{white-space:nowrap;font-size:20px;font-weight:800}.summary-stat strong small{color:var(--muted);font-size:14px;font-weight:500}.summary-alert{border-left:1px solid var(--line);color:var(--amber);align-items:center;gap:7px;padding-left:24px;display:flex}.summary-alert strong{font-size:18px}.summary-alert span{max-width:65px;color:var(--muted);font-size:11px;line-height:1.4}.dashboard-grid{grid-template-columns:minmax(0,1fr) 295px;gap:25px;display:grid}.dashboard-main,.dashboard-side{flex-direction:column;gap:23px;min-width:0;display:flex}.next-task{border-radius:var(--radius);color:#fff;background:linear-gradient(110deg,#7955e6,#6944d7);border:1px solid #825eeb;justify-content:space-between;align-items:center;gap:15px;min-height:224px;padding:29px 30px;display:flex;position:relative;overflow:hidden}.next-task-content{z-index:1;flex:1;position:relative}.next-eyebrow{letter-spacing:1.5px;color:#e7ddff;align-items:center;gap:7px;margin-bottom:13px;font-size:10px;font-weight:750;display:flex}.next-dot{background:#cfbaff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #ffffff13}.next-task h2{letter-spacing:-.7px;max-width:430px;font-size:24px;font-weight:750;line-height:1.4}.next-task p{color:#e1d7fc;max-width:365px;margin-top:8px;font-size:12px;line-height:1.8}.next-task-bottom{align-items:center;gap:19px;margin-top:23px;display:flex}.next-task-bottom>.button{min-height:39px;padding:10px 15px;font-size:12px}.next-task-bottom>span{color:#eee6ff;align-items:center;gap:6px;font-size:11px;display:flex}.next-task-symbol{color:#dfd2ff;background:#ffffff0a;border:1px solid #ffffff17;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;width:116px;height:129px;margin-right:8px;display:flex;transform:rotate(9deg);box-shadow:12px 13px #ffffff04}.task-row{text-align:left;border-top:1px solid var(--line);align-items:center;gap:13px;width:100%;padding:17px 24px;transition:background .15s;display:flex}.task-row:hover{background:var(--surface-soft)}.task-check{border:1px solid var(--line);color:#a1a4b3;background:var(--surface);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.task-check.checked{background:var(--green-soft);color:var(--green);border-color:#0000}.task-name{flex:1;min-width:0;display:block}.task-name>strong{font-size:13px;font-weight:650;line-height:1.5;display:block}.task-name>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.task-name i{margin:0 2px;font-style:normal}.task-name em{color:var(--amber);margin-left:3px;font-size:10px;font-style:normal}.task-row.completed .task-name>strong{color:var(--muted)}.task-row-end{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.due-time{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.due-time.late{color:var(--red)}.row-chevron{color:#b3b7c3;margin-left:3px}.checklist-grid{grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 24px;display:grid}.checklist-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:13px;padding:18px;transition:border-color .15s}.checklist-card:hover{border-color:#cab8ff}.checklist-card-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.checklist-card .icon-tile{color:#d5a03b;background:#fff6e7;border-radius:12px;width:39px;height:39px}.checklist-card.closing .icon-tile{background:var(--purple-soft);color:var(--purple)}.checklist-card h3{margin-bottom:14px;font-size:14px}.checklist-card-progress{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:10px;display:flex}.checklist-card-progress strong{color:var(--purple);font-size:10px}.checklist-card-bottom{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;display:flex}.checklist-card-bottom svg{color:var(--purple)}.day-plan{padding-bottom:10px}.day-plan .panel-heading{padding-bottom:23px}.timeline{padding:0 24px}.timeline-item{text-align:left;gap:15px;width:100%;padding:0 0 24px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";border-left:1px dashed var(--line);position:absolute;top:16px;bottom:0;left:7px}.timeline-node{background:var(--surface);width:16px;height:16px;color:var(--purple);border:1px solid #d9d2ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;display:flex}.timeline-node>span{background:#c6b7ed;border-radius:50%;width:5px;height:5px}.timeline-item.done .timeline-node{color:var(--green);background:var(--green-soft);border-color:#0000}.timeline-item>span:last-child{display:block}.timeline-item small{color:var(--muted);font-size:11px}.timeline-item strong{margin-top:1px;font-size:12px;font-weight:650;display:block}.timeline-status{color:var(--muted);margin-top:4px;font-size:10px;display:block}.timeline-item.done .timeline-status{color:var(--green)}.leave-promo{border-radius:var(--radius);color:#343043;background:#f0edfa;border:1px solid #e5def7;padding:22px 24px}.promo-heading{color:#a08ac8;justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.promo-heading .icon-tile{color:#8b70b8;background:#fff8;width:42px;height:42px}.leave-promo h2{letter-spacing:-.5px;font-size:20px;font-weight:750;line-height:1.5}.leave-promo p{color:#96909f;margin-top:8px;margin-bottom:21px;font-size:11px}.leave-promo p strong{color:#765bb0;font-weight:750}.leave-promo .button{color:#7459ac;background:#fff8;border-color:#e5ddf3;justify-content:space-between;font-size:12px}.pending-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-items:center;gap:12px;padding:15px 18px;display:flex}.pending-card .icon-tile{width:38px;height:38px}.pending-card>div{flex:1}.pending-card strong{font-size:12px;display:block}.pending-card small{color:var(--muted);font-size:10px}.pending-card>svg{color:var(--muted)}.update-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.workspace-footer{border-top:1px solid var(--line);color:#a7aab7;justify-content:space-between;margin-top:34px;padding-top:18px;font-size:10px;display:flex}.workspace-footer span:first-child{font-weight:700}.menu-toggle,.mobile-nav{display:none}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:21px 24px;display:flex}.segmented{background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:6px;padding:8px 14px;font-size:12px;font-weight:650}.segmented button.selected{background:var(--surface);color:var(--purple);box-shadow:0 1px 5px #00000008}.search-field{color:var(--muted);align-items:center;gap:8px;max-width:240px;display:flex}.search-field input{background:0 0;border:0;margin:0;padding:8px 0;font-size:12px}.table-label{background:var(--surface-soft);border-top:1px solid var(--line);letter-spacing:1px;color:var(--muted);justify-content:space-between;padding:13px 26px;font-size:9px;font-weight:750;display:flex}.leave-balances{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:22px;margin-bottom:26px;padding:24px;display:flex}.balance-main{flex:1.5;align-items:center;gap:15px;display:flex;position:relative}.balance-main>div>span{color:var(--muted);font-size:11px;display:block}.balance-main strong{letter-spacing:-1px;color:var(--purple);font-size:31px;font-weight:800;line-height:1.3;display:block}.balance-main strong small{letter-spacing:0;font-size:13px;font-weight:500}.balance-year{color:var(--muted);font-size:11px;position:absolute;bottom:5px;right:14px}.balance-stat{border-left:1px solid var(--line);flex-direction:column;flex:1;justify-content:center;gap:4px;padding-left:24px;display:flex}.balance-stat>span{color:var(--muted);font-size:11px}.balance-stat>strong{font-size:24px;font-weight:750}.balance-stat small{color:var(--muted);font-size:12px;font-weight:500}.balance-note{margin-top:-8px!important;margin-bottom:22px!important}.leave-layout{grid-template-columns:minmax(0,1fr) 265px;gap:25px;margin-bottom:25px;display:grid}.calendar-controls{align-items:center;gap:1px;display:flex}.month-heading:first-letter{text-transform:uppercase}.calendar-weekdays{border-top:1px solid var(--line);background:var(--surface-soft);text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);padding:9px 15px;font-size:11px;font-weight:700;display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));padding:0 15px 5px;display:grid}.calendar-day{border-top:1px solid var(--line);flex-direction:column;gap:3px;min-height:80px;padding:7px 5px;display:flex}.calendar-day:not(:nth-child(7n)){border-right:1px solid var(--line)}.calendar-number{border-radius:7px;justify-content:center;align-self:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.calendar-day.today .calendar-number{background:var(--purple);color:#fff;font-weight:800}.calendar-day.outside{opacity:.35}.calendar-leave{background:var(--green-soft);color:var(--green);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:4px;min-width:0;padding:3px;font-size:9px;overflow:hidden;opacity:1!important}.calendar-leave.pending{background:var(--amber-soft);color:var(--amber)}.calendar-day small{text-align:center;color:var(--muted);font-size:9px}.calendar-legend{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;padding:15px 23px;font-size:10px;display:flex}.calendar-legend>span{align-items:center;gap:6px;display:flex}.legend-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.legend-dot.pending{background:var(--amber)}.leave-help{height:fit-content;padding:25px}.leave-help h2{margin-top:18px;margin-bottom:10px;font-size:17px}.leave-help p{color:var(--muted);font-size:12px;line-height:1.85}.leave-help h3{margin-bottom:7px;font-size:13px}.help-separator{background:var(--line);height:1px;margin:20px 0}.weekday-chips,.weekday-picker{gap:5px;margin:15px 0;display:flex}.weekday-chips span{background:var(--surface-soft);width:26px;height:27px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;font-size:10px;display:flex}.weekday-chips span.selected{background:var(--purple-soft);color:var(--purple);font-weight:750}.small-select{width:auto;padding:8px 32px 8px 12px;font-size:12px}.leave-request{border-top:1px solid var(--line);align-items:center;gap:15px;padding:18px 24px;display:flex}.leave-date-icon{background:var(--surface-soft);border:1px solid var(--line);width:42px;height:44px;color:var(--muted);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.leave-request-main{flex:1;min-width:0}.leave-request-main strong{font-size:13px;display:block}.leave-request-main>span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.leave-request-main small{color:var(--amber);margin-top:5px;font-size:11px;display:block}.leave-request>.badge{margin-right:8px}.audit-row{border-top:1px solid var(--line);align-items:flex-start;gap:15px;padding:20px 25px;display:flex}.audit-icon{background:var(--purple-soft);width:35px;height:35px;color:var(--purple);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audit-row>div{flex:1}.audit-row strong{font-size:13px}.audit-row p{margin-top:3px;font-size:12px}.audit-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.audit-row time{color:var(--muted);white-space:nowrap;font-size:11px}.alerts-list{flex-direction:column;gap:14px;display:flex}.alert-card{text-align:left;align-items:center;gap:17px;padding:22px 25px;display:flex}.alert-card:hover{border-color:#ccb9f5}.alert-card>div{flex:1}.alert-card h3{font-size:15px}.alert-card p{color:var(--muted);margin-top:4px;font-size:13px}.alert-card>svg{color:var(--muted)}.team-grid,.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.team-card,.template-card{padding:24px}.team-card-top,.template-card-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.team-card h2,.template-card h2{font-size:17px}.team-card>p,.template-card>p{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:12px}.team-role{color:var(--purple);align-items:center;gap:6px;margin:17px 0 24px;font-size:12px;display:flex}.team-detail{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:11px;display:flex}.team-detail span{color:var(--muted)}.team-detail strong{text-align:right;font-size:11px}.team-actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.team-actions .button{min-height:35px;padding:9px 12px;font-size:11px}.template-card>p{min-height:38px}.template-meta{color:var(--muted);gap:18px;margin:19px 0;font-size:11px;display:flex}.template-meta>span{align-items:center;gap:5px;display:flex}.template-days{gap:5px;margin-bottom:20px;display:flex}.template-days>span{background:var(--surface-soft);width:28px;height:28px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex}.template-days>span.active{color:var(--purple);background:var(--purple-soft);font-weight:750}.template-footer{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;padding-top:18px;font-size:11px;display:flex}.template-footer>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-footer .text-link,.template-footer .button{font-size:11px}.modal{border:1px solid var(--line);background:var(--surface);width:min(570px,100vw - 30px);max-height:90dvh;color:var(--text);border-radius:22px;padding:0;box-shadow:0 24px 100px #16102635}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15122565}.wide-modal{width:min(690px,100vw - 30px)}.modal-head{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 27px 20px;display:flex;position:sticky;top:0}.modal-head h2{font-size:20px;line-height:1.5}.modal-head p{color:var(--muted);margin-top:5px;font-size:12px}.modal-head .icon-button{margin-top:-3px;margin-right:-7px}.modal-content{padding:24px 27px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.form-grid.three{grid-template-columns:1fr 1fr 1fr;gap:12px}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.form-error{background:var(--red-soft);color:var(--red);border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px}.optional{color:var(--muted);font-size:12px;font-weight:400}.detail-intro>p{color:var(--muted);margin:15px 0 20px;font-size:14px;line-height:1.8}.inline-warning,.inline-note{background:var(--amber-soft);color:var(--amber);border-radius:10px;align-items:center;gap:9px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.7;display:flex}.inline-note{background:var(--purple-soft);color:var(--purple)}.detail-items{flex-direction:column;gap:14px;display:flex}.detail-item{border:1px solid var(--line);border-radius:13px;padding:17px}.detail-item.done{background:var(--surface-soft)}.detail-item-title{align-items:flex-start;gap:11px;display:flex}.item-number{background:var(--purple-soft);width:28px;height:28px;color:var(--purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:flex}.item-number.done{color:var(--green);background:var(--green-soft)}.detail-item-title strong{font-size:14px;line-height:1.6;display:block}.item-requirements{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.item-requirements i{font-style:normal}.item-inputs{margin-top:15px;padding-left:39px}.item-inputs textarea{min-height:75px;font-size:13px}.visually-labeled{color:var(--muted);font-size:12px}.item-action-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.item-tools{align-items:center;gap:5px;display:flex}.photo-input{color:var(--muted);cursor:pointer;align-items:center;gap:6px;max-width:190px;padding:8px 6px;font-size:11px;display:flex;position:relative}.photo-input input{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}.photo-input.uploaded{color:var(--green)}.completion-info{margin-top:11px;padding-left:39px}.completion-info>span{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.completion-info p{color:var(--muted);margin:9px 0;font-size:13px}.attachment-link{color:var(--purple);align-items:center;gap:6px;margin-top:9px;font-size:12px;display:inline-flex}.detail-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.action-reason{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.action-reason h3{margin-bottom:15px}.leave-day-count{border:1px solid var(--line);background:var(--surface-soft);color:var(--purple);border-radius:12px;align-items:center;gap:12px;margin:5px 0 23px;padding:16px;display:flex}.leave-day-count strong{font-size:15px;display:block}.leave-day-count span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.review-person{align-items:center;gap:14px;display:flex}.review-person h3{font-size:16px}.review-person p{color:var(--muted);margin-top:5px;font-size:12px}.review-summary{justify-content:space-between;align-items:center;margin:22px 0;display:flex}.review-summary strong{font-size:18px}.request-note{border-left:3px solid var(--purple);background:var(--surface-soft);color:var(--muted);margin:18px 0 22px;padding:13px 17px;font-size:14px}.field-label{margin-top:5px;font-size:13px;font-weight:650}.weekday-picker{gap:8px;margin:12px 0 24px}.weekday-picker label{cursor:pointer;position:relative}.weekday-picker input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.weekday-picker span{background:var(--surface-soft);border:1px solid var(--line);min-width:39px;height:39px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.weekday-picker input:checked+span{background:var(--purple-soft);color:var(--purple);border-color:#c6b5fa}.weekday-picker input:focus-visible+span{outline-offset:3px;outline:3px solid #b7a2ff}.check-label{cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.check-label input{appearance:auto;width:16px;height:16px;accent-color:var(--purple);cursor:pointer;flex-shrink:0;margin:0}.assignee-picker{background:var(--surface-soft);border-radius:10px;margin-bottom:22px;padding:15px}.assignee-picker>p{margin:5px 0 13px}.assignee-picker>.check-label{margin-top:9px}.editor-section-heading{justify-content:space-between;align-items:center;margin:23px 0 13px;display:flex}.editor-items{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.editor-item{border:1px solid var(--line);border-radius:11px;padding:12px}.editor-item-line{align-items:center;gap:8px;display:flex}.editor-item-line>input{padding:9px 10px;font-size:13px}.editor-item-line>.icon-button{flex-shrink:0;width:29px;height:29px}.editor-item-options{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;padding-left:36px;display:flex}.editor-item-options .check-label{font-size:10px}.editor-item-options input{width:14px;height:14px}.toast{z-index:100;background:var(--surface);max-width:min(540px,100vw - 30px);color:var(--green);border:1px solid #cfe9db;border-radius:12px;align-items:center;gap:10px;padding:15px 17px;font-size:13px;display:flex;position:fixed;bottom:25px;right:27px;box-shadow:0 8px 40px #10132926}.toast>span{color:var(--text)}.toast.error{color:var(--red);border-color:#efbfc6}.toast>button{color:var(--muted);align-items:center;margin-left:7px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{color:#302940;background:#f0ecfb;flex-direction:column;justify-content:space-between;gap:55px;padding:54px 70px;display:flex}.login-story .brand{padding:0}.login-story .eyebrow{color:#9177bb;letter-spacing:2px;margin-bottom:22px;font-size:11px}.login-story h1{letter-spacing:-2px;font-size:49px;font-weight:800;line-height:1.23}.login-story h1 span{color:#7552e8}.login-story>div>p{color:#8a809c;max-width:360px;margin-top:22px;font-size:16px;line-height:1.9}.login-points{color:#79698c;flex-direction:column;gap:17px;margin-top:34px;font-size:13px;display:flex}.login-points>span{align-items:center;gap:10px;display:flex}.login-points svg{color:#9878c4}.login-location{color:#9a8caa;font-size:11px}.login-location span{margin:0 7px}.login-panel{background:var(--surface);justify-content:center;align-items:center;padding:55px 45px;display:flex}.login-form{width:100%;max-width:360px}.login-form>h2{letter-spacing:-1px;margin-top:22px;font-size:30px}.login-form>p{margin-top:6px;margin-bottom:30px;font-size:14px}.login-form label{font-size:13px}.login-form .primary{margin-top:8px}.demo-login{margin-top:35px}.divider-label{letter-spacing:1.2px;color:var(--muted);align-items:center;gap:12px;font-size:8px;font-weight:750;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--line);flex:1;height:1px}.demo-login>p{color:var(--muted);margin:14px 0;font-size:11px}.demo-buttons{flex-direction:column;gap:9px;display:flex}.demo-buttons button{text-align:left;border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;font-size:12px;display:flex}.demo-buttons button:hover{background:var(--surface-soft);border-color:#cbbaf7}.demo-buttons small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.demo-buttons button>svg{color:var(--muted);margin-left:auto}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:30px;display:flex}.error-page p{color:var(--muted)}.nav-item,.task-name>strong,.task-row-end .due-time,.timeline-item strong,.checklist-card h3,.leave-request-main strong,.audit-row strong,.team-detail,.team-role,.template-meta{font-size:14px}.nav-label,.eyebrow,.next-eyebrow{font-size:11px}.task-name>span,.timeline-status,.timeline-item small,.summary-heading span:not(.summary-icon),.summary-stat>div>span,.summary-alert span,.checklist-card-progress,.checklist-card-bottom,.top-date,.breadcrumb,.breadcrumb strong,.badge,.leave-request-main>span,.calendar-number,.calendar-weekdays,.calendar-legend,.balance-stat>span,.balance-main>div>span,.audit-row small,.audit-row time,.team-detail strong,.template-footer,.location-card strong,.sidebar-user strong{font-size:12px}.panel-heading p,.due-time,.next-task p,.next-task-bottom>span,.leave-promo p,.next-task-bottom>.button,.leave-promo .button,.timeline-item strong,.leave-help p,.leave-help h3,.leave-request-main small,.template-card>p,.team-card>p{font-size:13px}.calendar-leave{font-size:11px}.leave-help .small-text{font-size:12px}.segmented button,.search-field input,.small-select,.template-footer .text-link,.template-footer .button{font-size:13px}.summary-stat{min-width:150px}.team-card h2,.template-card h2{line-height:1.6}.photo-input,.item-requirements,.completion-info>span,.check-label,.editor-item-options .check-label,.item-inputs textarea{font-size:12px}.calendar-day{min-height:90px}.login-form label,.demo-buttons button,.demo-login>p,.login-points{font-size:14px}.demo-buttons small{font-size:12px}@media (min-width:1600px){.workspace{padding-top:44px}.next-task{min-height:240px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.next-task h2{font-size:27px}.next-task p{font-size:14px}}@media (max-width:1250px){.sidebar{width:218px;padding-left:15px;padding-right:15px}.main-shell{margin-left:218px}.workspace{padding:29px 27px 22px}.topbar{padding:0 27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.daily-summary{gap:19px;padding:19px}.summary-heading{min-width:155px}.summary-stat{min-width:125px;padding-left:18px}.summary-heading strong{font-size:12px}.summary-alert{display:none}.next-task{padding:25px}.next-task-symbol{display:none}.next-task-bottom{flex-wrap:wrap;gap:13px}.checklist-grid{gap:12px;padding:0 19px 20px}.checklist-card{padding:15px}.task-row{padding-left:20px;padding-right:20px}.task-row-end .badge{font-size:10px}.team-grid,.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.leave-balances{gap:16px;padding:22px 18px}.balance-stat{padding-left:17px}.balance-main .icon-tile,.balance-year{display:none}.balance-stat>span{font-size:11px}.leave-help{padding:21px}.calendar-panel .panel-heading{padding:21px 18px}}@media (max-width:1050px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main-shell{margin-left:205px}.nav-item{gap:9px;padding:12px;font-size:12px}.workspace{padding:26px 22px 20px}.topbar{height:72px;padding:0 22px}.top-date{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.day-plan .timeline{grid-template-columns:1fr 1fr;gap:12px;padding:0 20px;display:grid}.timeline-item{gap:9px;padding-bottom:15px}.timeline-item:before{display:none}.timeline-item strong{font-size:12px}.dashboard-side .update-note{grid-column:1/-1}.next-task-symbol{display:flex}.daily-summary{gap:15px}.summary-stat{padding-left:15px}.summary-heading{min-width:150px}.daily-summary .summary-icon{display:none}.leave-layout{grid-template-columns:minmax(0,1fr)}.leave-help{display:none}.leave-balances{flex-wrap:wrap;gap:20px}.balance-main{border-bottom:1px solid var(--line);flex:100%;padding-bottom:17px}.balance-main .icon-tile{display:flex}.balance-main strong{font-size:27px}.balance-main>div{flex:1;justify-content:space-between;align-items:center;gap:15px;display:flex}.balance-stat:first-of-type{border:0}.balance-stat{padding-left:14px}.page-heading h1{font-size:28px}.page-heading>div>p{font-size:13px}.page-heading .button{font-size:12px}.list-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.search-field{width:100%;max-width:100%}.task-row-end{min-width:87px}.login-story{padding:45px}.login-story h1{font-size:40px}.login-panel{padding:40px}.templates-grid,.team-grid{gap:17px}.template-card,.team-card{padding:20px}.template-footer>div{flex-wrap:wrap}.leave-request{flex-wrap:wrap;gap:12px}.leave-request-main{min-width:180px}}@media (max-width:760px){.sidebar{z-index:50;width:250px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar .nav-item{font-size:14px}.nav-scrim{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16132265;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{z-index:20;height:65px;padding:0 18px;position:sticky;top:0}.menu-toggle{display:flex}.breadcrumb{gap:8px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:13px}.top-actions{gap:5px}.top-actions>.avatar{margin-left:4px}.workspace{padding:25px 19px 90px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading .eyebrow{letter-spacing:1px;font-size:9px}.page-heading>div>p{max-width:270px;font-size:13px}.page-heading>.button{min-height:39px;margin-top:22px;padding:9px 12px;font-size:11px}.page-heading>.button>svg{width:15px}.greeting-sun svg{width:24px}.daily-summary{flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:17px}.summary-heading{border-bottom:1px solid var(--line);flex:100%;padding-bottom:13px}.daily-summary .summary-icon{width:34px;height:34px;display:flex}.summary-heading strong{font-size:13px}.summary-heading span:not(.summary-icon){font-size:11px}.summary-stat{border:0;padding:0}.summary-stat:nth-of-type(3){border-left:1px solid var(--line);padding-left:18px}.summary-stat>div>span{font-size:12px}.summary-stat strong{font-size:22px}.dashboard-main{gap:20px}.next-task{min-height:230px;padding:24px}.next-task h2{font-size:23px}.next-task p{max-width:310px;font-size:13px}.next-task-symbol{display:none}.next-task-bottom{gap:16px;margin-top:22px}.next-task-bottom>.button{font-size:12px}.next-task-bottom>span{font-size:11px}.panel-heading{padding:21px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:12px}.task-row{gap:10px;padding:17px 18px}.task-name>strong{font-size:13px}.task-name>span{gap:4px;font-size:11px}.task-check{border-radius:9px;width:33px;height:33px}.row-chevron{display:none}.task-row-end .due-time{font-size:12px}.task-row-end .badge{font-size:10px}.task-row-end{min-width:74px}.checklist-grid{gap:11px;padding:0 18px 20px}.checklist-card{padding:14px}.checklist-card h3{min-height:38px;font-size:13px}.checklist-card-progress,.checklist-card-bottom,.checklist-card-progress strong{font-size:10px}.checklist-card .icon-tile{width:36px;height:36px}.dashboard-side{grid-template-columns:1fr}.day-plan .timeline{grid-template-columns:1fr 1fr}.leave-promo{padding:24px}.leave-promo h2{font-size:22px}.leave-promo h2 br{display:none}.leave-promo .promo-heading{margin-bottom:15px}.leave-promo p,.leave-promo .button{font-size:13px}.mobile-nav{z-index:25;border-top:1px solid var(--line);background:var(--surface);padding:9px 5px max(10px,env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>a{min-width:68px;color:var(--muted);flex-direction:column;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:flex}.mobile-nav>a.active{color:var(--purple);font-weight:750}.mobile-nav svg{stroke-width:1.7px;width:21px;height:21px}.workspace-footer{gap:15px;font-size:9px}.toast{font-size:12px;bottom:88px;right:15px}.team-grid,.templates-grid{grid-template-columns:1fr}.team-card,.template-card{padding:25px}.team-actions{justify-content:space-between}.team-actions .button{min-height:40px;font-size:12px}.balance-stat{flex:calc(50% - 20px)}.balance-stat:nth-child(2),.balance-stat:nth-child(4){border:0;padding-left:0}.balance-stat>span{font-size:12px}.balance-main>div{flex-direction:column;align-items:flex-start;gap:1px}.balance-year{display:inline;top:5px;bottom:auto;right:0}.balance-stat strong{font-size:25px}.leave-balances{margin-bottom:20px}.calendar-panel .panel-heading{padding:18px 15px}.calendar-panel h2{font-size:16px}.calendar-controls .button{padding:6px;font-size:12px}.calendar-controls .icon-button{width:28px}.calendar-day{min-height:76px;padding:5px 2px}.calendar-grid{padding:0 8px 4px}.calendar-weekdays{padding:8px;font-size:11px}.calendar-leave{padding:3px 1px;font-size:9px}.calendar-number{font-size:11px}.calendar-legend{gap:15px;padding:14px;font-size:11px}.leave-request{gap:11px;padding:17px}.leave-request-main{min-width:170px}.leave-request-main strong{font-size:13px}.leave-request-main>span{font-size:11px}.leave-request>.badge{margin-left:53px;font-size:11px}.leave-request>.button,.leave-request>.text-link{margin-left:auto;font-size:11px}.leave-requests .panel-heading{flex-wrap:wrap;gap:12px}.leave-requests .panel-heading h2{font-size:16px}.list-toolbar{padding:18px}.segmented{width:100%}.segmented button{flex:1;padding:8px 10px;font-size:12px}.table-label{letter-spacing:.5px;padding:11px 18px;font-size:8px}.audit-row{gap:10px;padding:18px}.audit-row time{white-space:normal;text-align:right;max-width:80px;font-size:10px}.audit-row p{overflow-wrap:anywhere;font-size:12px}.audit-icon{width:30px;height:30px}.alert-card{gap:12px;padding:18px}.alert-card h3{font-size:14px}.alert-card p{font-size:12px}.alert-card>.icon-tile{width:38px;height:38px}.modal{border-radius:18px;width:calc(100vw - 22px);max-height:92dvh}.modal-head{padding:21px 19px 17px}.modal-head h2{font-size:19px}.modal-content{padding:20px}.form-grid{gap:12px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>label:last-child{grid-column:1/-1}.detail-item{padding:14px}.item-inputs{padding-left:0}.item-action-row{gap:5px}.item-tools{gap:1px}.photo-input{padding:7px 3px;font-size:10px}.completion-info{padding-left:0}.item-requirements{font-size:10px}.item-action-row .button{font-size:12px}.detail-item-title strong,.form-footer .button{font-size:13px}.weekday-picker{gap:5px}.weekday-picker span{min-width:35px;font-size:11px}.editor-item-options{gap:8px;padding-left:0}.editor-item-options .check-label{font-size:10px}.editor-item-options input{width:15px;height:15px}.editor-item{padding:10px}.login-layout{flex-direction:column;display:flex}.login-story{gap:35px;padding:28px 25px 30px}.login-story>.brand{font-size:25px}.login-story>.brand .brand-mark{width:33px;height:37px;font-size:30px}.login-story .eyebrow{margin-bottom:12px;font-size:9px}.login-story h1{letter-spacing:-1.4px;font-size:35px}.login-story h1 br,.login-story>div>p,.login-points,.login-location{display:none}.login-panel{padding:30px 25px 45px}.login-form{max-width:100%}.login-form>.icon-tile{display:none}.login-form>h2{margin-top:0;font-size:26px}.login-form>p{margin-bottom:25px}.demo-login{margin-top:28px}.login-form input,input,textarea,select{font-size:16px}.editor-item-line>input{font-size:14px}.small-select{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.sidebar{visibility:hidden;pointer-events:none}.sidebar.is-open{visibility:visible;pointer-events:auto}.page-heading{flex-wrap:wrap}.page-heading>.button{margin-top:0}}