.home-connected-grid,.home-people-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.home-extra-card{min-width:0;padding:26px}.home-data-note{display:inline-block;padding:4px 9px;background:#eef3fc;color:#617497;border:1px dashed #ccd8ed;border-radius:20px;font-size:11px;font-weight:500}.home-preview-row{display:flex;align-items:center;gap:14px;padding:19px 0}.home-preview-row+.home-preview-row{border-top:1px solid var(--line)}.home-preview-row strong{font-size:14px;font-weight:600}.home-preview-row p{margin:5px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.5}.home-preview-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:linear-gradient(140deg,#f6f9ff,#e6eeff);color:#5c7ab6}.home-preview-person{border-radius:50%}.home-calendar-eyebrow{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.home-month-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px}.home-month-grid th{font-size:11px;color:var(--ink-soft);font-weight:500;height:30px}.home-month-grid abbr{text-decoration:none}.home-month-grid td{text-align:center;height:38px;font-size:13px}.home-month-grid td span{display:grid;place-items:center;width:34px;height:34px;margin:auto;border-radius:11px}.home-month-grid .outside-month{color:#aeb9cf}.home-month-grid .is-today{background:var(--primary);color:#fff;font-weight:600}.home-calendar-legend{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.home-calendar-legend span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-soft)}.home-calendar-legend i{width:7px;height:7px;border-radius:50%;background:#efae5b}.home-calendar-legend .calendar-key-0{background:var(--primary)}.home-calendar-legend .calendar-key-1{background:#9aafe0}.home-calendar-legend .calendar-key-2{background:#91b7a4}.home-calendar-note{font-size:11px;color:var(--ink-soft);margin:14px 0 0;line-height:1.5}.home-shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.home-shift-stats span{display:block;font-size:12px;color:var(--ink-soft)}.home-shift-stats strong{display:block;font-size:20px;margin-top:6px}.home-target-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-soft)}.home-target-track{height:6px;background:#edf2fb;border-radius:6px;margin:10px 0}.home-attendance-summary{margin-bottom:24px}.home-attendance-summary p{font-size:12px;line-height:1.5}.home-extra-actions{display:flex;flex-direction:column;gap:9px}.home-extra-actions .btn{justify-content:flex-start;white-space:normal;text-align:left}.home-screen .home-summary-additions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.home-summary-additions .statcard{min-height:150px}@media(max-width:1100px){.home-connected-grid,.home-people-grid{grid-template-columns:1fr}}@media(max-width:600px){.home-extra-card{padding:20px}.home-month-grid{border-spacing:0}.home-month-grid td span{width:30px;height:30px}.home-shift-stats{gap:8px}}.home-screen .home-summary-additions .statcard{display:flex;flex-direction:column;align-items:flex-start}.home-summary-additions .home-data-note{white-space:nowrap}.home-data-note.is-error{color:var(--danger)}.home-when{margin-left:auto;flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--ink-faint);white-space:nowrap}.home-when.is-today{color:var(--primary)}.home-holiday-list{display:flex;flex-direction:column}.home-person-group+.home-person-group{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.home-group-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.home-person-row{display:flex;align-items:center;gap:12px;padding:8px 0}.home-person-row .grow{min-width:0}.home-person-row strong{display:block;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.home-person-row p{margin-top:2px;color:var(--ink-faint);font-size:12px;overflow-wrap:anywhere}.home-person-avatar{display:grid;place-items:center;width:34px;height:34px;min-width:34px;flex-shrink:0;border-radius:50%;background:var(--primary-tint);color:var(--primary);font-size:11.5px;font-weight:800;letter-spacing:.02em}.home-month-grid span{position:relative}.home-month-grid span.has-leave:after,.home-month-grid span.has-holiday:after,.home-month-grid span.has-event:after{content:"";position:absolute;left:50%;bottom:-3px;transform:translate(-50%);width:5px;height:5px;border-radius:50%}.home-month-grid span.has-leave:after{background:var(--primary)}.home-month-grid span.has-holiday:after{background:var(--success)}.home-month-grid span.has-event:after{background:var(--accent)}.home-calendar-legend i.key-today{background:var(--ink)}.home-calendar-legend i.key-leave{background:var(--primary)}.home-calendar-legend i.key-holiday{background:var(--success)}.home-calendar-legend i.key-event{background:var(--accent)}.announcement-filters{padding:24px}.announcement-filter-heading,.announcement-results,.announcement-feed-top,.announcement-feed-footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.announcement-filter-heading{margin-bottom:20px}.announcement-filter-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.announcement-filter-fields .input{width:100%}.announcement-filter-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px}.announcement-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.announcement-filter-tabs .chip{display:inline-flex;align-items:center;gap:8px;min-height:38px}.announcement-filter-count{background:#ffffffb0;border-radius:20px;padding:1px 6px;font-size:11px}.announcement-files-filter{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-soft);cursor:pointer}.announcement-files-filter input{width:17px;height:17px;accent-color:var(--primary)}.announcement-filter-error{color:var(--danger);font-size:13px}.announcement-results{color:var(--ink-soft);font-size:12px}.announcement-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.announcement-feed-card{display:flex;flex-direction:column;gap:16px;padding:26px;color:inherit;text-decoration:none;min-width:0;transition:box-shadow .16s,border-color .16s}.announcement-feed-card.needs-ack{border-top:3px solid #759ae2}.announcement-feed-card:hover{border-color:#9db6e5;box-shadow:var(--shadow-md)}.announcement-feed-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--primary);background:var(--primary-tint);flex-shrink:0}.announcement-feed-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--ink-soft);font-size:12px}.announcement-feed-card h2{font-size:19px;line-height:1.4;margin:0;overflow-wrap:anywhere}.announcement-preview{margin:0;font-size:14px;line-height:1.65;color:var(--ink-soft);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.announcement-feed-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px;flex-wrap:wrap}.announcement-feed-footer>span{display:flex;align-items:center;gap:7px;color:var(--ink-soft)}.announcement-feed-footer>span:last-child{color:var(--primary)}.announcement-detail-card{padding:32px;width:100%;max-width:1000px}.announcement-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px}.announcement-detail-card .article-body{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.announcement-detail-card .article-body img{max-height:600px;object-fit:contain}@media(max-width:1100px){.announcement-feed{grid-template-columns:1fr}}@media(max-width:600px){.announcement-filter-fields{grid-template-columns:1fr 1fr}.announcement-filter-fields>:first-child{grid-column:1/-1}.announcement-filters,.announcement-feed-card,.announcement-detail-card{padding:20px}.announcement-feed-top{align-items:flex-start}.announcement-feed-top .badge{white-space:normal;text-align:right}.announcement-filter-tabs .chip{font-size:12px}}.announcement-filter-tabs{align-items:center;max-width:100%}.announcement-filter-tabs .chip{height:auto;min-height:44px;max-width:100%;padding:9px 14px;gap:10px;background:var(--surface,#fff);border:1px solid var(--line-strong);color:var(--ink-soft);line-height:1.4;text-align:left;cursor:pointer}.announcement-filter-tabs .chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary,#fff)}.announcement-filter-tabs .announcement-filter-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:22px;height:22px;padding:0 6px;background:var(--bg-2);color:var(--ink-soft);line-height:1;font-variant-numeric:tabular-nums}.announcement-filter-tabs .chip.on .announcement-filter-count{background:#ffffff26;color:inherit}@media(hover:hover){.announcement-filter-tabs .chip:not(.on):hover{background:var(--primary-tint);border-color:#9db6e5}}button.policy-row{border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}@media(hover:hover){button.policy-row:hover{background:var(--surface-hover,#f8fafc)}}.policy-preview{min-width:0}.policy-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:13px}.policy-preview-toolbar label{display:flex;align-items:center;gap:8px;margin-left:auto}.policy-preview-toolbar select{padding:8px;border:1px solid var(--border,#dde3ee);border-radius:10px;background:#fff;color:inherit}.policy-preview-viewport{overflow:auto;max-height:65dvh;background:#edf0f5;border-radius:12px}.policy-preview-viewport:empty{display:none}.policy-preview-viewport canvas{display:block;margin:12px auto;background:#fff}.policy-preview-viewport img{display:block;max-width:100%;height:auto;margin:auto}.policy-preview-text{margin-top:12px;font-size:14px;line-height:1.6}.policy-preview-text summary{cursor:pointer}.policy-preview-text p{white-space:pre-wrap;overflow-wrap:anywhere}@media print{.policy-preview{display:none!important}}.task-open{color:inherit;text-decoration:none}.task-row{position:relative}.task-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.task-row .task-check{position:relative;z-index:1}.task-open:focus-visible{outline:none}.task-open:focus-visible:after{outline:3px solid #537fd1;outline-offset:3px}.task-row:has(.task-open:hover){border-color:#afc0da;box-shadow:var(--shadow-sm)}.task-open-arrow{color:var(--ink-soft);display:inline-flex}.task-detail-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:22px 26px}.task-detail-status,.task-detail-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.task-detail-reference{color:var(--ink-soft);font-size:12px;margin-right:8px}.task-managed-note{font-size:12px}.task-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px;align-items:start}.task-detail-grid>*{min-width:0}.task-detail-panel{padding:26px;min-width:0}.task-detail-panel>.h3{margin-bottom:20px}.task-detail-panel>p{font-size:14px;line-height:1.6}.task-description{font-size:14px;overflow-wrap:anywhere}.task-description pre{white-space:pre-wrap}.task-description a,.task-detail-properties a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.task-embedded-note{color:var(--ink-soft);padding-top:16px;border-top:1px solid var(--line);font-size:12px!important}.task-detail-properties dl{margin:0}.task-detail-properties dl>div{padding:14px 0;border-bottom:1px solid var(--line)}.task-detail-properties dl>div:last-child{border-bottom:0;padding-bottom:0}.task-detail-properties dt{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.task-detail-properties dd{margin:0;font-size:14px;overflow-wrap:anywhere}.task-subtask-scope{margin-top:-8px;font-size:12px!important}.task-subtask{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}.task-subtask .grow{min-width:0;overflow-wrap:anywhere}.task-subtask strong{display:block;font-size:14px}.task-subtask small{display:block;font-size:12px;color:var(--ink-soft);margin-top:5px}.task-subtask:hover strong{color:var(--primary)}@media(max-width:1100px){.task-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.task-detail-panel,.task-detail-summary{padding:20px}.task-subtask{flex-wrap:wrap}.task-subtask .grow{flex-basis:calc(100% - 40px)}}.task-file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.task-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.task-file .grow{min-width:0;display:flex;flex-direction:column;gap:2px}.task-file strong{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.task-file small{color:var(--ink-faint);font-size:12px}.task-description img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}@media(hover:hover){.task-file:hover{border-color:var(--line-strong);background:#f8fafc}}.task-filters{padding:22px 24px}.task-filter-heading,.task-project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.task-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.task-filter-grid .input,.task-filter-grid .select{width:100%}.task-closed-filter{display:flex;align-items:flex-end;padding-bottom:2px}.task-range{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:18px}.task-range p{color:var(--danger);font-size:13px}.task-result-summary{color:var(--ink-soft);font-size:13px}.task-project-group{padding:0;overflow:hidden;flex-shrink:0}.task-project-heading{padding:20px 24px;margin:0;border-bottom:1px solid var(--line)}.task-table-scroll{overflow-x:auto;max-width:100%}.task-table{width:100%;min-width:740px;border-collapse:collapse;text-align:left;font-size:13px}.task-table th{background:#f7f9fe;color:var(--ink-soft);font-size:11px;font-weight:600;padding:13px 16px}.task-table td{padding:18px 16px;border-top:1px solid var(--line);vertical-align:middle}.task-table th:first-child,.task-table td:first-child{padding-left:24px}.task-table td:first-child{width:34%;min-width:210px}.task-table tbody tr:hover{background:#f9fbff}.task-table-title{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:600}.task-table-title span{overflow-wrap:anywhere}.task-table-title svg{flex-shrink:0;color:var(--ink-soft)}.task-table-title:hover{color:var(--primary)}.task-table-id{display:block;margin-top:6px;font-size:11px;color:var(--ink-soft)}.task-overdue{color:var(--danger)}.task-table td small{display:block;font-size:10px;margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.task-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.task-filters{padding:18px}.task-filter-grid{gap:14px}.task-filter-grid>:first-child{grid-column:1/-1}.task-project-heading{padding:18px}}.task-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:4px 0;font-size:13px}.task-pagination-controls{display:flex;align-items:center;gap:12px}.task-pagination-controls>span{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:600px){.task-pagination-controls{width:100%;justify-content:space-between;gap:8px}}.hr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hr-summary-card{padding:20px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;color:inherit}.hr-summary-card span{color:var(--ink-soft);font-size:13px}.hr-summary-card strong{font-size:30px;letter-spacing:-.04em}.hr-summary-card.selected{background:linear-gradient(140deg,#fff,#eaf1ff);border-color:#a7bfe8}.hr-filter-card{padding:24px}.hr-filter-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.hr-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.hr-filter-grid .input,.hr-filter-grid .select{width:100%}.hr-results{font-size:13px;color:var(--ink-soft)}.hr-request-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px}.hr-request-main{display:flex;gap:18px;min-width:0;flex:1}.hr-request-main .grow{min-width:0}.hr-request-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--primary-tint);color:var(--primary);flex-shrink:0}.hr-request-title{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;background:none;color:var(--ink);text-align:left;font-size:16px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}.hr-request-title:hover{color:var(--primary)}.hr-request-title svg{flex-shrink:0}.hr-request-preview{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.hr-request-alert,.hr-request-update{font-size:12px;margin:10px 0 0}.hr-request-alert{color:var(--danger)}.hr-request-update{color:var(--primary)}.hr-request-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.hr-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.hr-detail-dates{display:flex;gap:30px;padding:16px 0;border-block:1px solid var(--line)}.hr-detail-dates dt{color:var(--ink-soft);font-size:12px}.hr-detail-dates dd{margin:6px 0 0;font-size:14px}.hr-detail-section{margin-top:24px}.hr-detail-section p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:var(--ink-soft)}.hr-rejection{padding:16px;border-radius:16px;background:#fff4f3}.hr-rejection p{color:var(--danger)}.hr-detail-submit{border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:13px}.hr-type-guidance{font-size:13px;line-height:1.6;padding:12px 14px;border-radius:12px;background:var(--primary-tint);color:var(--ink-soft);margin:0}@media(max-width:1100px){.hr-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hr-summary{grid-template-columns:1fr 1fr;gap:12px}.hr-summary-card,.hr-filter-card,.hr-request-card{padding:18px}.hr-filter-grid>:first-child{grid-column:1/-1}.hr-request-card{flex-direction:column}.hr-request-side{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.hr-request-main{gap:12px}}:root{--font-display: "Sora", ui-sans-serif, system-ui, sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--bg: #F5F6FA;--bg-2: #EAEDF4;--surface: #FFFFFF;--ink: #1A1C22;--ink-soft: #4C5261;--ink-faint: #939598;--line: #E3E6EE;--line-strong: #C9CEDC;--primary: #02246D;--primary-600: #011B53;--primary-700: #01133C;--primary-tint: #E4E9F6;--on-primary: #FFFFFF;--accent: #C97716;--accent-tint: #FAEFDD;--danger: #C24238;--danger-tint: #F8E5E2;--success: #2F8F5B;--success-tint: #E4F1E9;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(2, 36, 109, .05), 0 1px 3px rgba(20, 23, 30, .04);--shadow-md: 0 8px 24px rgba(2, 36, 109, .1);--shadow-lg: 0 20px 50px rgba(2, 36, 109, .18);--app-max: 480px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{height:100%;max-width:var(--app-max);margin:0 auto;background:var(--bg);position:relative;display:flex;flex-direction:column}@media(min-width:520px){html,body{overflow:hidden}.app-shell{height:min(880px,calc(100vh - 32px));margin:16px auto;border-radius:30px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid rgba(255,255,255,.6)}body{background:radial-gradient(1200px 600px at 20% -10%,#E7ECF8 0%,transparent 60%),radial-gradient(900px 500px at 120% 10%,var(--primary-tint) 0%,transparent 55%),var(--bg-2)}}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.h1{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1.08}.h2{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.015em}.h3{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.tnum{font-variant-numeric:tabular-nums}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(18px + var(--safe-t)) 18px calc(24px + var(--safe-b))}.screen>*{flex-shrink:0}.stack{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.row{display:flex;align-items:center}.between{justify-content:space-between}.grow{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.card.tight{padding:14px}.card.flush{padding:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 20px;border-radius:var(--r-pill);border:1px solid transparent;background:var(--surface);font-weight:600;font-size:15.5px;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 18px #02246d40}.btn-primary:active{background:var(--primary-600)}.btn-ghost{background:var(--primary-tint);color:var(--primary-700)}.btn-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn-block{width:100%}.btn-sm{height:38px;padding:0 14px;font-size:14px}.label{display:block;font-weight:600;font-size:13.5px;color:var(--ink-soft);margin:0 0 7px 3px}.input,.textarea,.select{width:100%;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:14px 15px;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.textarea{resize:vertical;min-height:92px;line-height:1.45}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;background:var(--bg-2);color:var(--ink-soft);border:1px solid var(--line)}.chip.on{background:var(--primary);color:var(--on-primary);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;letter-spacing:.01em}.badge.ok{background:var(--success-tint);color:var(--success)}.badge.warn{background:var(--accent-tint);color:#b45e1e}.badge.neutral{background:var(--bg-2);color:var(--ink-soft)}.badge.bad{background:var(--danger-tint);color:var(--danger)}.listrow{display:flex;align-items:center;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:none}.listrow .lead{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700);font-weight:700;flex:none}.avatar{width:46px;height:46px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex:none}.brandmark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-family:var(--font-display);font-weight:800;font-size:30px;box-shadow:0 10px 24px #02246d4d}.wordmark{color:var(--primary)}.wordmark svg{display:block;width:100%;height:auto}img.wordmark{display:block;height:auto}.btn-sso{justify-content:flex-start;gap:12px;padding:0 18px}.btn-sso .grow-label{flex:1;text-align:center;margin-right:28px}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.topbar{padding:calc(20px + var(--safe-t)) 18px 6px}.bottomnav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + var(--safe-b));background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line)}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--ink-faint);font-size:11px;font-weight:600;border-radius:12px}.navitem svg{width:23px;height:23px}.navitem.on{color:var(--primary)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{text-align:center;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink-faint);padding:4px 0;text-transform:uppercase}.cal-day{height:38px;border:none;background:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}.cal-day.out{color:var(--ink-faint);opacity:.5}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.cal-day.mid{background:var(--primary-tint)}.cal-day.edge{background:var(--primary);color:var(--on-primary)}.empty{text-align:center;padding:44px 20px;color:var(--ink-soft)}.empty .emoji{font-size:34px}.empty-icon{width:62px;height:62px;border-radius:20px;margin:0 auto;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-hero{position:relative;overflow:hidden;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:var(--on-primary);box-shadow:var(--shadow-md)}.home-hero:before{content:"";position:absolute;right:-60px;top:-80px;width:210px;height:210px;border-radius:50%;background:#ffffff12}.home-hero:after{content:"";position:absolute;left:-40px;bottom:-90px;width:160px;height:160px;border-radius:50%;background:#ffffff0d}.iconbox{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700);flex:none}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.statcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;cursor:pointer;text-align:left;width:100%;transition:transform .12s ease,box-shadow .15s ease}.statcard:hover{box-shadow:var(--shadow-md)}.statcard:active{transform:scale(.98);background:var(--bg-2)}.stat-num{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.02em;color:var(--primary);margin-top:8px;line-height:1.1}.chartgrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.chartgrid{grid-template-columns:1fr 1fr}}.bal-bar{display:flex;height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}.bal-bar>i{display:block;height:100%}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.att-plot{position:relative;height:118px}.att-8h{position:absolute;left:0;right:0;z-index:1;border-top:1.5px dashed var(--line-strong);pointer-events:none}.att-8h span{position:absolute;right:0;top:-18px;font-size:10px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.att-bars{display:flex;align-items:flex-end;gap:5px;height:100%}.att-bar{flex:1;background:var(--primary);border-radius:5px 5px 2px 2px;min-height:3px;opacity:.92}.att-labels{display:flex;gap:5px;margin-top:6px}.att-labels span{flex:1;text-align:center;font-size:9.5px;color:var(--ink-faint)}.rowbtn{width:100%;border:none;background:var(--surface);cursor:pointer;text-align:left}.rowbtn:active{background:var(--bg-2)}.rowbtn:disabled{opacity:.7;cursor:default}.chart-card{height:264px;display:flex;flex-direction:column}.chart-card>.stack{flex:1;min-height:0}.chart-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}body:has(.auth-shell){background-color:var(--bg-2);background-image:radial-gradient(var(--line-strong) 1.1px,transparent 1.5px);background-size:24px 24px}body:has(.auth-shell):before,body:has(.auth-shell):after{content:"";position:fixed;z-index:0;border-radius:50%;background:var(--primary-tint);filter:blur(70px);pointer-events:none}body:has(.auth-shell):before{width:440px;height:440px;top:-130px;right:-130px;opacity:.85;animation:blobFloat 16s ease-in-out infinite alternate}body:has(.auth-shell):after{width:400px;height:400px;bottom:-140px;left:-150px;opacity:.7;animation:blobFloat 20s ease-in-out infinite alternate-reverse}body:has(.auth-shell) #root{position:relative;z-index:1}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-52px,38px) scale(1.18)}}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hub-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:20px;cursor:pointer;text-align:left;width:100%;transition:transform .12s ease,box-shadow .15s ease}.hub-card>.iconbox{margin-bottom:6px}.hub-card:hover{box-shadow:var(--shadow-md)}.hub-card:active{transform:scale(.98);background:var(--bg-2)}.article-body iframe.kb-embed{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;margin:12px 0;background:var(--bg-2)}.article-body a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.article-body a.kb-file{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px;text-decoration:none}.article-body a.kb-file:before{content:"↓";font-weight:800;color:var(--primary)}.article-body a.kb-file:hover{box-shadow:var(--shadow-md)}.article-body ul.o_checklist{list-style:none;padding-left:2px;margin:10px 0}.article-body ul.o_checklist>li{position:relative;padding-left:30px;margin:6px 0}.article-body ul.o_checklist>li:before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border:1.5px solid var(--line);border-radius:5px;background:var(--surface);box-sizing:border-box}.article-body ul.o_checklist>li.o_checked:before{content:"✓";color:#fff;font-size:12px;font-weight:800;line-height:15px;text-align:center;border-color:var(--primary);background:var(--primary)}.article-body ul.o_checklist>li.o_checked{color:var(--muted);text-decoration:line-through}@media(min-width:640px)and (max-width:979px){.app-shell{max-width:720px}.screen,.topbar{padding-left:28px;padding-right:28px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#090f2173;z-index:40;animation:fade .18s ease}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--app-max);z-index:41;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 18px calc(22px + var(--safe-b));box-shadow:var(--shadow-lg);animation:rise .26s cubic-bezier(.2,.9,.25,1);max-height:92vh;overflow-y:auto}.sheet .grabber{width:42px;height:5px;border-radius:3px;background:var(--line-strong);margin:4px auto 14px}.sheet.sheet-wide{padding-left:22px;padding-right:22px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translate(-50%,22px);opacity:.4}to{transform:translate(-50%);opacity:1}}@keyframes riseIn{0%{transform:translateY(22px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.rise-in{animation:riseIn .4s cubic-bezier(.2,.9,.25,1) both}.fade-in{animation:fade .4s ease both}.stagger>*{animation:pop .42s cubic-bezier(.2,.9,.25,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--primary-tint);border-top-color:var(--primary);animation:spin .7s linear infinite}.spinner.on-primary{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{flex:1;display:grid;place-items:center;min-height:60vh}.skel{position:relative;overflow:hidden;background:var(--bg-2);border-radius:var(--r-sm)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}}.msg-bubble{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.article-body{line-height:1.65;color:var(--ink);overflow-wrap:anywhere}.article-body>*:first-child{margin-top:0}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:20px 0 8px}.article-body h1{font-size:24px}.article-body h2{font-size:20px}.article-body h3{font-size:17px}.article-body p{margin:10px 0}.article-body ul,.article-body ol{margin:10px 0;padding-left:22px}.article-body li{margin:4px 0}.article-body a{color:var(--primary);text-decoration:underline}.article-body img{max-width:100%;height:auto;border-radius:var(--r-sm);margin:12px 0}.article-body table{border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto;max-width:100%}.article-body th,.article-body td{border:1px solid var(--line);padding:8px 10px;text-align:left}.article-body th{background:var(--bg-2);font-weight:700}.article-body pre{background:var(--bg-2);padding:12px 14px;border-radius:var(--r-sm);overflow-x:auto}.article-body code{background:var(--bg-2);padding:1px 5px;border-radius:6px;font-size:.92em}.article-body pre code{background:none;padding:0}.article-body blockquote{border-left:3px solid var(--line-strong);margin:12px 0;padding:4px 14px;color:var(--ink-soft)}.article-body hr{border:none;border-top:1px solid var(--line);margin:18px 0}@keyframes modalIn{0%{transform:translate(-50%,-46%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media(min-width:980px){:root{--app-max: 1240px}body{background:var(--bg)}.app-shell:has(.bottomnav){display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav topbar" "nav screen";max-width:none;height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.app-shell:has(.bottomnav)>.topbar{grid-area:topbar}.app-shell:has(.bottomnav)>.screen{grid-area:screen}.bottomnav{grid-area:nav;position:static;bottom:auto;grid-template-columns:1fr;align-content:start;gap:4px;height:100%;padding:26px 16px;border-top:none;border-right:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.navitem{flex-direction:row;justify-content:flex-start;gap:13px;font-size:14.5px;padding:12px 14px}.navitem svg{width:20px;height:20px}.navitem.on{background:var(--primary-tint)}.screen{padding:26px 44px 44px;min-height:0}.app-shell:has(.bottomnav)>.topbar{padding:34px 44px 6px}.app-shell:has(.bottomnav)>.topbar,.app-shell:has(.bottomnav)>.screen{max-width:none;width:100%}.app-shell:not(:has(.bottomnav))>.topbar,.app-shell:not(:has(.bottomnav))>.screen{max-width:780px;margin-inline:auto;width:100%}.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.sheet{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);max-width:460px;border-radius:var(--r-lg);padding:22px 22px 24px;max-height:86vh;animation:modalIn .2s cubic-bezier(.2,.9,.25,1)}.sheet.sheet-wide{max-width:620px;padding:26px 28px 28px}.sheet .grabber{display:none}}.navbadge{position:absolute;top:-5px;left:11px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:10px;font-weight:800;line-height:1;border-radius:var(--r-pill);border:2px solid var(--surface);box-sizing:content-box}:root{--bg: #f5f6f8;--bg-2: #edf0f4;--ink: #202b3d;--ink-soft: #576477;--ink-faint: #69768a;--line: #e3e7ee;--line-strong: #ccd3de;--primary-tint: #edf2fa;--success: #24704b;--accent: #a66312;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 2px 4px rgb(24 39 64 / 2%);--shadow-md: 0 6px 20px rgb(24 39 64 / 7%);--shadow-lg: 0 20px 60px rgb(24 39 64 / 16%)}body{font-size:15px}.h1{font-size:clamp(24px,2.2vw,30px);line-height:1.25;letter-spacing:-.045em}.h2{letter-spacing:-.035em;line-height:1.35}.h3{font-size:15px;letter-spacing:-.025em}.eyebrow{font-size:10px;letter-spacing:.12em}.grow{min-width:0}.gap-4{gap:4px}:where(button,a,[role=button],input,select,textarea):focus-visible{outline:3px solid #537abb;outline-offset:3px}.btn{height:44px;border-radius:9px;font-size:14px;padding-inline:17px}.btn-primary{box-shadow:0 2px 3px #02246d1a}.btn-sm{height:38px;font-size:13px;padding-inline:13px}.btn:active{transform:translateY(1px)}.input,.textarea,.select{border-width:1px;padding:11px 13px;border-radius:9px}.label{margin-left:0;font-size:13px}.badge{font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;white-space:nowrap}.badge.warn{color:#945616}.chip{border-radius:7px}.chip.on{background:var(--primary-tint);color:var(--primary);border-color:#d2dced}.iconbox,.listrow .lead{width:40px;height:40px;border-radius:10px}.listrow{gap:14px;padding:18px 20px}.listrow .grow{overflow-wrap:anywhere}.card.tight{padding:16px}.card.flush{padding:0}.empty{border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);padding:48px 20px}.empty-icon{width:52px;height:52px;border-radius:14px}.center-fill{min-height:220px}.stagger>*{animation:none}.app-shell:has(.bottomnav){max-width:none;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.topbar{gap:16px}.app-shell:has(.bottomnav)>.topbar{padding:calc(24px + var(--safe-t)) 20px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar>.row{min-width:0}.topbar>.row>div{min-width:0}.topbar .h1{overflow-wrap:anywhere}.topbar>.btn,.topbar>.badge{flex-shrink:0}.app-shell:has(.bottomnav)>.screen{padding:24px 20px 32px}.bottomnav{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:6px}.navitem{position:relative;color:var(--ink-soft);border-radius:8px;font-size:10px}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.navitem>.navbadge{top:2px;left:calc(50% + 5px)}.navitem-extra{display:none}.nav-group{display:contents}.nav-more{border:0;background:transparent;cursor:pointer;font:inherit;font-size:10px;font-weight:600}.more-navigation{display:grid;gap:4px}.more-navigation .workspace-nav-label{display:block;padding:16px 14px 6px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.more-navigation .navitem{flex-direction:row;justify-content:flex-start;gap:14px;padding:14px;font-size:14px}.more-navigation .badge{margin-left:auto}.feature-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.feature-placeholder-icon{width:56px;height:56px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary);border-radius:14px}.feature-placeholder-icon svg{width:28px;height:28px}.feature-placeholder p{max-width:440px}.navitem.on{background:var(--primary-tint);color:var(--primary)}.workspace-brand,.workspace-nav-label,.workspace-nav-footer{display:none}.home-screen{gap:28px}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:142px;padding:24px;border:1px solid #d9e2ef;background:#edf2f9;color:var(--ink);box-shadow:none}.home-hero:before,.home-hero:after{display:none}.home-identity{min-width:0}.home-avatar{width:52px;height:52px;border-radius:14px;background:var(--primary);color:#fff}.home-identity-label{margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--primary)}.home-job{margin-top:3px;font-size:14px;color:var(--ink-soft)}.home-company{gap:6px;margin-top:6px;color:var(--ink-soft)}.home-welcome{display:none}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading>span{font-size:12px;color:var(--ink-faint)}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.statcard{position:relative;gap:6px;padding:18px;box-shadow:none}.statcard .iconbox{width:34px;height:34px;background:transparent;color:var(--ink-faint);justify-items:start}.stat-num{font-size:30px;color:var(--ink);margin-top:4px;letter-spacing:-.05em}.statcard>.muted{max-width:160px}.statcard:active{transform:translateY(1px)}.statcard:last-child:nth-child(odd){grid-column:1 / -1}.chartgrid{gap:18px;grid-template-columns:minmax(0,1fr)}.chart-card{padding:22px;height:280px;min-width:0;box-shadow:none}.chart-card>.row:first-child{padding-bottom:14px;border-bottom:1px solid var(--line)}.bal-bar{height:7px}.att-bar{background:#42679e;border-radius:3px 3px 0 0}.att-labels span{font-size:10px}.hub-grid{gap:18px}.hub-card{position:relative;min-height:174px;padding:24px;gap:8px;box-shadow:none}.hub-card:after{content:"↗";position:absolute;top:22px;right:24px;color:var(--ink-faint);font-size:20px}.hub-card>.iconbox{margin-bottom:14px}.sheet{border-radius:18px 18px 0 0}.sheet .grabber{width:32px;height:4px}.cal-day{min-height:40px}.scrim{background:#111c2f66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body:has(.auth-shell){background:#f1f4f8}body:has(.auth-shell):before,body:has(.auth-shell):after{display:none}.auth-shell{background:var(--surface)}.auth-shell>.screen{width:100%;max-width:440px;margin-inline:auto}@media(hover:hover){.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-outline:hover:not(:disabled),.rowbtn:hover:not(:disabled),button.listrow:hover{background:#f5f7fa}.btn-ghost:hover:not(:disabled){background:#dfe8f6}.btn-danger:hover:not(:disabled){background:#f1d5d2}.navitem:hover{color:var(--primary);background:var(--primary-tint)}.statcard:hover,.hub-card:hover,.card[role=button]:hover{border-color:#afc0da;box-shadow:var(--shadow-md)}.cal-day:hover:not(:disabled):not(.edge){background:var(--primary-tint)}}@media(min-width:640px){.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.app-shell:has(.bottomnav)>.topbar{padding:28px 32px 22px}.app-shell:has(.bottomnav)>.screen{padding:28px 32px 40px}.home-welcome{display:flex;gap:18px;align-items:center;flex-shrink:0;padding-right:8px;font-size:14px;line-height:1.7;color:var(--ink-soft)}.home-welcome strong{color:var(--primary);font-weight:600}.home-welcome-rule{height:44px;width:1px;background:#cbd6e7}.statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.statcard:last-child:nth-child(odd){grid-column:auto}.chartgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{max-width:480px;height:min(740px,calc(100dvh - 64px));margin:32px auto;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-md)}.auth-shell>.screen{padding:36px}}@media(min-width:980px){.app-shell:has(.bottomnav){grid-template-columns:232px minmax(0,1fr)}.app-shell:has(.bottomnav)>.topbar{padding:28px 40px 24px}.app-shell:has(.bottomnav)>.screen{padding:32px 40px 48px}.bottomnav{display:flex;flex-direction:column;gap:3px;padding:24px 18px 22px;overflow-y:auto;min-height:0}.bottomnav .navitem-extra{display:flex}.bottomnav .nav-more{display:none}.nav-group{display:flex;flex-direction:column;gap:3px;margin-bottom:14px;flex-shrink:0}.workspace-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0 12px 22px;margin-bottom:18px;border-bottom:1px solid var(--line);flex-shrink:0}.workspace-brand img{display:block;width:200px;height:auto}.workspace-brand>span{color:var(--ink-faint);font-size:11px}.workspace-nav-label{display:block;padding:0 14px 8px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.navitem{position:relative;min-height:44px;flex-shrink:0;padding:10px 14px;gap:12px;font-size:13px;border-radius:8px}.nav-icon{width:24px;height:24px}.navitem svg{width:21px;height:21px}.navitem.on{font-weight:700}.navitem.on:after{content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.bottomnav .navitem>.navbadge{min-width:18px;height:18px;padding-inline:4px;font-size:10px;top:50%;left:auto;right:10px;transform:translateY(-50%);border:0}.navitem.on:has(.navbadge):after{display:none}.workspace-nav-footer{display:flex;align-items:center;gap:10px;padding:20px 4px 0;margin-top:auto;border-top:1px solid var(--line)}.workspace-footer-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-family:var(--font-display);font-size:14px;color:var(--primary)}.workspace-nav-footer strong{display:block;font-size:11px;font-weight:600}.workspace-nav-footer div>span{display:block;margin-top:2px;color:var(--ink-faint);font-size:10px}.home-hero{padding:28px}.sheet{border-radius:16px}.listrow{padding:20px 24px}.input,.textarea,.select{font-size:14px}}@media(min-width:1200px){.statgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.statcard{min-height:168px}}@media(max-width:639px){.home-screen{gap:24px}.home-hero{padding:20px;min-height:124px}.home-avatar{width:44px;height:44px;border-radius:12px}.home-hero .h2{font-size:19px}.home-identity{gap:12px}.statcard{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px}.statcard .iconbox{grid-column:2;grid-row:1;width:28px;height:32px;justify-items:end}.statcard .stat-num,.statcard .skel{grid-column:1;grid-row:1}.statcard>.muted{grid-column:1 / -1;min-height:34px}.statcard:last-child:nth-child(odd)>.muted{min-height:0;max-width:none}}@media(max-width:379px){.app-shell:has(.bottomnav)>.topbar{padding-inline:16px}.app-shell:has(.bottomnav)>.screen{padding-inline:16px}.home-hero{padding:18px}.section-heading>span{font-size:10px}.statcard{padding:14px}.listrow{padding:14px 12px;gap:10px}}.page-description{margin-top:7px;color:var(--ink-soft);font-size:13px;line-height:1.5}.topbar>.btn{margin-top:4px}.records-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.records-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.records-toolbar-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.records-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.records-meta{color:var(--ink-faint);font-size:12px;font-variant-numeric:tabular-nums}.records-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.records-filters{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:14px 0}.records-filters>.input{flex:1 1 240px;width:auto;min-width:0}.records-filters .select{height:100%;min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.attendance-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13px}.attendance-table thead th{background:#f8f9fb;color:var(--ink-soft);font-size:11px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}.attendance-table tbody th,.attendance-table td{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.attendance-table tbody tr:last-child>*{border-bottom:0}.attendance-table tbody th:first-child,.attendance-table thead th:first-child{padding-left:20px}.attendance-date{white-space:nowrap;font-weight:600;width:12%}.attendance-date span{color:var(--ink-soft);font-weight:400}.attendance-time,.attendance-hours{white-space:nowrap;font-variant-numeric:tabular-nums}.attendance-time{width:14%}.attendance-hours{font-weight:600;width:14%}.attendance-location{overflow-wrap:anywhere}.attendance-location small{display:block;color:var(--ink-faint);font-size:12px;margin-top:3px}.attendance-mode{width:12%}.attendance-mode .badge{white-space:normal}.records-loading{overflow:hidden}.records-loading-row{display:grid;grid-template-columns:80px 1fr 100px;gap:24px;padding:24px 20px;border-bottom:1px solid var(--line)}.records-loading-row:last-child{border:0}.records-loading-row .skel{height:15px}.document-records>.records-toolbar{padding:20px;border-bottom:1px solid var(--line)}.document-record{padding:18px 20px}.document-record .lead{background:#f2f5f9;border:1px solid var(--line);border-radius:8px}.download-action{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:600;flex-shrink:0}.leave-columns,.leave-record{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) minmax(90px,.65fr) minmax(110px,.7fr) 16px;align-items:center;gap:16px;padding:18px 20px}.leave-columns{border-radius:12px 12px 0 0;background:#f8f9fb;padding-block:12px;font-size:11px;color:var(--ink-soft);font-weight:600}.leave-record{border-top:1px solid var(--line);font-size:13px;cursor:pointer}.leave-record:last-child{border-radius:0 0 12px 12px}.leave-record-title{font-weight:600;overflow-wrap:anywhere}.leave-record-dates,.leave-record-duration{color:var(--ink-soft);font-size:12px}.leave-record-arrow{color:var(--ink-faint);display:flex}.leave-records>.btn{margin:16px;width:calc(100% - 32px)}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-actions button{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;text-align:left}.quick-actions button>svg{flex-shrink:0}.quick-actions button>span:last-child{margin-left:auto}.sheet>.row:first-of-type{border-bottom:1px solid var(--line);padding-bottom:16px}@media(hover:hover){.attendance-table tbody tr:hover{background:#f8fafc}.leave-record:hover{background:#f5f8fc}.quick-actions button:hover{background:var(--primary-tint);border-color:#becde3}.document-record:hover .download-action{text-decoration:underline;text-underline-offset:3px}}@media(max-width:1199px){.attendance-table,.attendance-table tbody{display:block}.attendance-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.attendance-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:18px 20px;border-bottom:1px solid var(--line)}.attendance-table tbody tr:last-child{border:0}.attendance-table tbody th,.attendance-table td,.attendance-table tbody th:first-child{padding:0;border:0;width:auto}.attendance-date{grid-column:1 / 3;grid-row:1;align-self:center}.attendance-mode{grid-column:3;grid-row:1;text-align:right}.attendance-time,.attendance-hours{grid-row:2}.attendance-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:var(--ink-faint);margin-bottom:4px}.attendance-location{grid-column:1 / -1;grid-row:3;color:var(--ink-soft);font-size:12px}.attendance-location small{display:inline;margin-left:8px}.leave-columns{display:none}.leave-record{grid-template-columns:minmax(0,1fr) auto 16px;gap:8px 12px}.leave-record:first-of-type{border-top:0}.leave-record-title{grid-column:1;grid-row:1}.leave-record-status{grid-column:2;grid-row:1}.leave-record-arrow{grid-column:3;grid-row:1 / 4}.leave-record-dates{grid-column:1 / 3;grid-row:2}.leave-record-duration{grid-column:1 / 3;grid-row:3}}@media(max-width:639px){.quick-actions{grid-template-columns:1fr;gap:8px}.quick-actions button{padding:12px 16px}.app-shell:has(.bottomnav)>.topbar{flex-wrap:wrap;gap:12px;padding-bottom:18px}.topbar>.btn{margin-top:0}.page-description{font-size:12px;max-width:330px}.records-screen{gap:18px}.records-section-heading,.document-records>.records-toolbar{padding:16px}.records-section-heading{gap:6px}.records-section-heading .records-meta{width:100%}.attendance-table tbody tr,.leave-record{padding:16px}.download-action>span{display:none}.document-record{padding:16px;gap:12px}.records-loading-row{grid-template-columns:40px 1fr 50px;gap:16px}.records-filters>div{flex:1 1 auto!important}.records-filters>div>button{width:100%!important}.records-toolbar-heading{gap:6px 12px}}.policy-row,.card.policy-row{display:flex;align-items:center;gap:18px;padding:20px;width:100%;text-decoration:none;color:inherit;border-radius:12px}.policy-row.is-static{cursor:default}.policy-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--primary-tint);color:var(--primary);flex-shrink:0}.policy-title{font-size:15px;font-weight:600;overflow-wrap:anywhere}.policy-summary{margin-top:5px;color:var(--ink-soft);font-size:13px;line-height:1.55}.policy-open{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:12px;font-weight:600;flex-shrink:0}@media(hover:hover){a.policy-row:hover{background:#f8fafc}}.pulse-card.is-pending{border-left:3px solid var(--primary)}.card .pulse-head{display:flex;align-items:center;gap:16px;padding:20px}.pulse-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--bg);color:var(--ink-soft);flex-shrink:0}.is-pending .pulse-symbol{background:var(--primary-tint);color:var(--primary)}.pulse-title{font-size:15px;font-weight:600;overflow-wrap:anywhere}.pulse-body{padding:0 20px 20px 78px}.pulse-intro{color:var(--ink-soft);font-size:13px;line-height:1.6;margin-bottom:12px}.pulse-anon{display:flex;align-items:center;gap:8px;color:var(--success);font-size:12px;font-weight:600;margin-bottom:14px}.pulse-cta{display:inline-flex;gap:8px;width:auto;text-decoration:none}.card.task-row{display:flex;align-items:flex-start;gap:14px;padding:18px 20px}.task-row.is-done .task-title{color:var(--ink-faint);text-decoration:line-through}.task-check{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;flex-shrink:0;border:1.8px solid var(--line-strong);border-radius:7px;background:var(--surface);color:transparent;cursor:pointer}.task-check.on{background:var(--success);border-color:var(--success);color:#fff}.task-check.is-locked{border-style:dashed;cursor:default}.task-check:disabled{cursor:progress}.task-title{font-size:14.5px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;color:var(--ink-faint);font-size:12px}.task-meta .is-bad{color:var(--danger);font-weight:600}.task-meta .is-warn{color:var(--accent);font-weight:600}.task-tags{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.card.request-row{display:flex;align-items:flex-start;gap:18px;padding:20px}.card.request-row>.grow,.card.task-row>.grow,.policy-row>.grow,.pulse-head>.grow{min-width:0}.request-title{font-size:15px;font-weight:600}.request-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;color:var(--ink-faint);font-size:12px}.request-detail{margin-top:9px;color:var(--ink-soft);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.request-detail.is-bad{color:var(--danger)}.request-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.ts-day{display:flex;flex-direction:column;gap:8px}.ts-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}.ts-day-total{font-variant-numeric:tabular-nums;color:var(--primary)}.card.ts-row{display:flex;align-items:flex-start;gap:16px;padding:16px 20px}.card.ts-row>.grow{min-width:0}.ts-project{font-size:14px;font-weight:600;overflow-wrap:anywhere}.ts-task{color:var(--ink-faint);font-weight:400}.ts-desc{margin:5px 0 8px;color:var(--ink-soft);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.ts-side{display:flex;align-items:center;gap:14px;flex-shrink:0}.ts-hours{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:639px){.policy-row,.card.policy-row,.card .pulse-head{padding:16px;gap:12px}.pulse-body{padding:0 16px 16px}.card.request-row,.card.task-row,.card.ts-row{padding:16px;gap:12px}.card.request-row,.card.ts-row{flex-wrap:wrap}.request-side,.ts-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}.pulse-form-card{padding:24px}.pulse-anon-box{display:flex;gap:13px;padding:15px 16px;margin:16px 0 4px;background:var(--success-tint);border-radius:10px}.pulse-anon-mark{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--success);color:#fff}.pulse-anon-box strong{font-size:13.5px}.pulse-anon-box p{margin-top:3px;color:var(--ink-soft);font-size:12.5px;line-height:1.6}.pulse-form{display:flex;flex-direction:column;gap:26px;margin-top:24px}.pq{border:0;padding:0;margin:0}.pq-label{padding:0;margin-bottom:11px;font-size:14.5px;font-weight:600;line-height:1.5}.pq-required{color:var(--danger)}.pq-optional{color:var(--ink-faint);font-weight:400;font-size:12.5px}.pq-options{display:flex;flex-direction:column;gap:8px}.pq-option{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px}.pq-option.on{border-color:var(--primary);background:var(--primary-tint);font-weight:600}.pq-option.is-inline{flex:1 1 0;justify-content:center}.pq-options:has(.is-inline){flex-direction:row}.pq-option input{accent-color:var(--primary);width:17px;height:17px;flex-shrink:0}.pulse-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--line)}.pulse-done{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}@media(hover:hover){.pq-option:hover{border-color:var(--line-strong)}}@media(max-width:639px){.pulse-form-card{padding:18px}.pulse-form-actions>.btn{width:100%}}.announcement-card{box-shadow:none}.announcement-card.is-unread{border-left:3px solid var(--primary)}.announcement-trigger{display:flex;align-items:center;gap:18px;padding:22px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:12px}.announcement-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--bg);color:var(--ink-soft);flex-shrink:0}.is-unread .announcement-symbol{color:var(--primary);background:var(--primary-tint)}.announcement-title{font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.announcement-status{display:flex;align-items:center;gap:20px;flex-shrink:0}.announcement-chevron{display:flex;color:var(--ink-faint);transition:transform .15s}.is-open .announcement-chevron{transform:rotate(90deg)}.announcement-content{border-top:1px solid var(--line);padding:12px 28px 24px 82px}.announcement-content>.article-body{max-width:880px;font-size:14px;line-height:1.8}.announcement-content>.article-body img{max-height:560px;object-fit:contain}.announcement-attachment{max-width:720px;text-align:left}.announcement-receipt{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.announcement-receipt-hint{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.signin-shell.auth-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);height:100dvh;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.signin-intro{display:flex;flex-direction:column;padding:44px clamp(32px,5vw,84px);background:#08265d;color:#fff;overflow-y:auto}.signin-intro-top{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.02em}.signin-intro-logo{width:190px;height:auto;display:block}.signin-intro-copy{margin-block:auto;padding-block:54px;max-width:480px}.signin-kicker{font-size:10px;font-weight:600;letter-spacing:.16em;color:#b6c7e7}.signin-intro h2{font-family:var(--font-display);font-size:clamp(32px,3.3vw,52px);line-height:1.2;letter-spacing:-.045em;margin:20px 0;font-weight:600}.signin-intro-copy>p{color:#c3d0e7;font-size:15px;line-height:1.8;max-width:360px}.signin-features{margin-top:40px;display:grid;gap:24px}.signin-features>div{display:flex;gap:16px;align-items:flex-start}.signin-features>div>span{color:#a3b8da;border-top:1px solid #45618d;padding-top:6px;font-size:11px;min-width:28px}.signin-features strong{font-size:13px;font-weight:600}.signin-features p{margin-top:4px;color:#b6c7e7;font-size:12px;line-height:1.6}.signin-intro-footer{font-size:11px;color:#b6c7e7;border-top:1px solid #34517f;padding-top:20px}.signin-shell>.signin-main{display:flex;flex-direction:column;max-width:none!important;width:100%;padding:40px;background:var(--surface);overflow-y:auto}.signin-form-wrap{width:100%;max-width:400px;margin:auto;padding-block:12px}.signin-logo{width:260px;margin-bottom:48px}.signin-heading{margin-bottom:28px}.signin-heading .h1{margin:10px 0;font-size:30px}.signin-heading>p{font-size:14px}.signin-main .btn{min-height:48px;height:auto;padding-block:12px}.signin-main .input{min-height:48px;font-size:16px}.signin-main .btn-sso{border-color:var(--line)}.signin-help{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:12px;line-height:1.7}@media(hover:hover){.announcement-trigger:hover{background:#f8fafc}}@media(max-width:979px){.signin-shell.auth-shell{grid-template-columns:1fr}.signin-intro{display:none}.signin-shell>.signin-main{padding:32px}}@media(max-width:979px){.signin-logo{margin-inline:auto}.signin-heading{text-align:center}}@media(max-width:639px){.announcement-trigger{padding:16px;gap:12px;flex-wrap:wrap}.announcement-trigger .grow{flex-basis:calc(100% - 60px)}.announcement-title{font-size:14px}.announcement-status{width:100%;justify-content:space-between;padding-left:54px}.announcement-content{padding:8px 16px 20px}.announcement-attachment{padding:12px;gap:10px}.announcement-receipt>.btn{width:100%}.signin-shell>.signin-main{padding:calc(28px + var(--safe-t)) 24px calc(28px + var(--safe-b))}.signin-logo{margin-bottom:36px;width:230px}.signin-heading .h1{font-size:28px}}.cwd{position:absolute;right:3%;top:50%;transform:translateY(-50%);height:88%;aspect-ratio:560/340;width:auto;max-width:46%;pointer-events:none}.cwd:before{content:"";position:absolute;top:-38%;right:-30%;bottom:-38%;left:-30%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side at 56% 48%,#96baff6b,#a8c7ff33 46%,#cee2ff00 74%);filter:blur(18px)}.cwd-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cwd-links .lk{fill:none;stroke:url(#linkGrad);stroke-linecap:round;stroke-width:1.3;opacity:0;animation:linkBreathe 17s var(--ease) infinite;filter:drop-shadow(0 0 3px rgba(150,190,255,.85))}.cwd-links .lk.l2{animation-delay:-6s}.cwd-links .lk.l3{animation-delay:-11.5s}@keyframes linkBreathe{0%,to{opacity:0}16%{opacity:.9}56%{opacity:.62}78%{opacity:0}}.cwd-links .mote{fill:#eaf2ff;filter:url(#moteGlow)}.node{position:absolute;transform:translate(-50%,-50%)}.orb{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;isolation:isolate;--orb-layers: radial-gradient(closest-side at 30% 22%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 17%, rgba(255,255,255,0) 45%), radial-gradient(closest-side at 50% 50%, rgba(255,255,255,0) 54%, rgba(255,255,255,.46) 80%, rgba(255,255,255,.88) 92%, rgba(168,199,255,.55) 99%, rgba(255,255,255,.3) 100%), radial-gradient(closest-side at 74% 84%, rgba(96,146,246,.62) 0%, rgba(112,158,250,.16) 48%, rgba(126,169,255,0) 68%), radial-gradient(closest-side at 22% 74%, rgba(60,104,200,.2) 0%, rgba(60,104,200,0) 58%), linear-gradient(158deg, rgba(255,255,255,.46) 0%, rgba(219,234,255,.16) 52%, rgba(255,255,255,.28) 100%);background-image:var(--orb-layers);box-shadow:0 26px 50px -18px #02246d66,0 0 38px #7ea9ff57,inset 0 -18px 28px -12px #4072d699,inset 0 14px 24px -8px #fffffffa,inset 0 0 0 1px #ffffffb8;-webkit-backdrop-filter:blur(2px) saturate(125%);backdrop-filter:blur(2px) saturate(125%)}.orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 188deg,#fff0,#fff 34deg,#ffffff59 76deg,#fff0 104deg,#fff0 300deg,#ffffff8c 336deg,#fff0 360deg);-webkit-mask:radial-gradient(closest-side,transparent 76%,#000 88%);mask:radial-gradient(closest-side,transparent 76%,#000 88%);filter:blur(.4px)}.orb:after{content:"";position:absolute;left:16%;top:12%;width:36%;height:26%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fffffff2,#fff0 72%);filter:blur(3px);transform:rotate(-24deg)}.orb>svg{width:38%;height:38%;stroke:#02246d57;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.75));opacity:.9;transform:translateY(2%)}.node-hub{width:32%;aspect-ratio:1}.node-hub .orb{box-shadow:0 50px 96px -30px #02246d70,0 0 90px #78a3ff66,inset 0 -34px 56px -22px #4072d69e,inset 0 26px 48px -14px #fff,inset 0 0 0 1px #fffc}.node-hub .orb:after{left:18%;top:13%;width:30%;height:22%}.node-hub .orb{background-image:radial-gradient(closest-side at 50% 50%,#e8f1ffd9,#a8c7ff61,#78a3ff00 60%),var(--orb-layers)}.hub-mark{position:absolute;width:64%;height:64%;pointer-events:none;filter:drop-shadow(0 0 12px rgba(140,178,255,.95)) drop-shadow(0 0 30px rgba(70,116,220,.55))}.hub-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none}.hub-sheen i{position:absolute;top:-30%;bottom:-30%;width:34%;background:linear-gradient(100deg,#fff0,#ffffff8c,#fff0);filter:blur(9px);transform:rotate(12deg);animation:hubSheen 14s var(--ease) infinite}@keyframes hubSheen{0%{left:-42%;opacity:0}18%{opacity:.9}62%{opacity:.55}to{left:112%;opacity:0}}.orb{will-change:transform;animation:drift1 13s ease-in-out infinite}.n1 .orb{animation:drift1 13s ease-in-out -.4s infinite}.n2 .orb{animation:drift2 16s ease-in-out -5.2s infinite}.n3 .orb{animation:drift3 11.5s ease-in-out -8.1s infinite}.n4 .orb{animation:drift4 14.5s ease-in-out -2.7s infinite}.n5 .orb{animation:drift5 9.5s ease-in-out -6.4s infinite}.n6 .orb{animation:drift6 15.5s ease-in-out -10.9s infinite}.node-hub .orb{animation:driftHub 19s ease-in-out infinite}@keyframes drift1{0%,to{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(4px,-11px,0) rotate(.8deg) scale(1.012)}66%{transform:translate3d(-3px,-4px,0) rotate(-.5deg) scale(.994)}}@keyframes drift2{0%,to{transform:translateZ(0) rotate(0) scale(1)}40%{transform:translate3d(-6px,9px,0) rotate(-.9deg) scale(1.015)}72%{transform:translate3d(3px,4px,0) rotate(.4deg) scale(.992)}}@keyframes drift3{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(-5px,-13px,0) rotate(1deg) scale(1.01)}}@keyframes drift4{0%,to{transform:translateZ(0) rotate(0) scale(1)}28%{transform:translate3d(7px,-6px,0) rotate(.6deg) scale(.99)}64%{transform:translate3d(-4px,-14px,0) rotate(-.7deg) scale(1.014)}}@keyframes drift5{0%,to{transform:translateZ(0) rotate(0) scale(1)}45%{transform:translate3d(5px,-8px,0) rotate(-.6deg) scale(1.016)}}@keyframes drift6{0%,to{transform:translateZ(0) rotate(0) scale(1)}37%{transform:translate3d(-4px,7px,0) rotate(.5deg) scale(1.008)}70%{transform:translate3d(6px,-5px,0) rotate(-.8deg) scale(.995)}}@keyframes driftHub{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2px,-5px,0) scale(1.006)}}:root{--ease: cubic-bezier(.22,.68,.32,1);--font-display: "Sora", ui-sans-serif, system-ui, sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--bg: #f8faff;--bg-2: #eef4ff;--surface: #fff;--ink: #11162b;--ink-soft: #687189;--ink-faint: #737e96;--line: rgba(17,22,43,.08);--line-strong: rgba(17,22,43,.16);--primary: #02246d;--primary-tint: #edf3ff;--success: #1e7a54;--success-tint: #e8f2ed;--accent: #a5651a;--accent-tint: #f8f0e3;--r-sm: 10px;--r-md: 14px;--r-lg: 26px;--shadow-sm: 0 2px 10px rgba(2,36,109,.05), 0 1px 2px rgba(2,36,109,.04);--shadow-md: 0 10px 30px rgba(2,36,109,.07), 0 2px 6px rgba(2,36,109,.04);--shadow-lg: 0 26px 70px rgba(2,36,109,.11), 0 6px 18px rgba(2,36,109,.05)}body{letter-spacing:-.008em;font-variation-settings:"opsz" 17}.h1,.h2,.h3,.designer-greeting,.designer-editorial h3,.stat-num{font-variation-settings:"opsz" 28;word-spacing:.035em}.h1{font-size:40px;letter-spacing:-.032em;line-height:1.1}.h2{font-size:24px}.h3{font-size:17px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:.17em}.page-description{margin-top:10px;font-size:15px;max-width:62ch}.app-shell:has(.bottomnav){background:radial-gradient(1100px 700px at 90% 0%,#e7f0ff70,transparent 70%),linear-gradient(180deg,#fff,#f8faff 38%,#eef4ff)}.app-shell:has(.bottomnav)>.topbar{background:transparent;border-bottom:0;padding-bottom:6px}.card,.records-panel,.feature-placeholder{border-radius:26px;box-shadow:var(--shadow-sm);border-color:var(--line)}.card.flush{overflow:hidden}.btn{border-radius:999px;height:42px;font-size:14px;font-weight:500}.btn-sm{height:38px;font-size:13px}.btn-primary{background:linear-gradient(180deg,#103783,#02246d);box-shadow:0 5px 14px #02246d2e,inset 0 1px #ffffff25}.btn-outline{border-color:var(--line-strong);background:#ffffffb8}.input,.textarea,.select{border-radius:14px;border-color:var(--line-strong);background:#ffffffc7}.label{font-weight:500}.badge,.chip{border-radius:999px}.badge{font-size:12px;font-weight:500}.iconbox,.policy-symbol,.pulse-symbol,.announcement-symbol,.listrow .lead{background:linear-gradient(155deg,#fff,#eaf2ff);border:1px solid #fff;box-shadow:0 3px 10px #02246d14;border-radius:16px;color:var(--primary)}.iconbox{width:44px;height:44px}.sheet{border-radius:26px;background:#fcfdff}.sheet .h2{font-size:26px}.empty{border-radius:26px;background:#ffffffa8}.records-section-heading{padding:24px 26px}.attendance-table thead th,.leave-columns{background:#f7f9fe}.attendance-table tbody th,.attendance-table td{padding-block:19px}.document-record{padding-block:20px}.records-toolbar{margin-bottom:4px}.records-meta{font-size:13px}.records-filters{gap:12px}.hub-card{padding:28px;min-height:176px}.article-body{font-size:15px;line-height:1.75}.announcement-trigger{padding:24px 26px;border-radius:26px}.announcement-card.is-unread{border-left-width:1px}.announcement-card.is-unread .announcement-title:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#2e5bd0;box-shadow:0 0 0 3px #2e5bd016}.announcement-content{padding-left:86px}.announcement-title{font-size:16px}.announcements-screen{gap:18px}.sidebar-collapse,.sidebar-promo,.sidebar-monogram,.workspace-brand img.sidebar-monogram{display:none}.home-screen{gap:30px}.home-signout{position:absolute;right:20px;top:18px;z-index:4;width:38px;padding:0}.home-hero.designer-hero{position:relative;min-height:330px;padding:42px;border-radius:34px;background:radial-gradient(ellipse at 84% 40%,#accbff9c,transparent 52%),linear-gradient(135deg,#fbfdff,#edf3ff 42%,#dce9ff);border:1px solid #ffffffed;box-shadow:0 30px 90px #2e5bd029,inset 0 1px #fff}.designer-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.designer-glass .cwd{max-width:44%;right:1%}.home-identity{position:relative;z-index:2;width:62%;gap:30px}.home-avatar{width:138px;height:138px;background:linear-gradient(160deg,#fff,#e3edff);border:7px solid #ffffffb8;outline:7px solid #edf3ffb8;border-radius:50%;color:#829cc8;box-shadow:0 20px 30px -12px #02246d30}.home-avatar svg{width:64px;height:64px}.home-avatar{overflow:hidden}.home-avatar-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.home-identity-label{font-size:11px;letter-spacing:.15em;color:#6b85bb;margin-bottom:16px}.designer-greeting{font-size:clamp(34px,3.6vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.04em;margin:0 0 18px}.designer-greeting>span,.designer-editorial h3>span{background:linear-gradient(100deg,#02246d,#244aa0 48%,#6f8fe8);background-clip:text;-webkit-background-clip:text;color:transparent}.home-full-name{font-size:16px;font-weight:600;overflow-wrap:anywhere}.home-job{font-size:14px}.home-company{margin-top:10px}.designer-editorial{margin-bottom:18px}.designer-editorial h3{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:700}.designer-editorial p{font-size:15px;color:var(--ink-soft);margin-top:8px}.statgrid{gap:16px}.statcard{padding:24px;min-height:184px;border-radius:26px}.statcard:first-child{background:linear-gradient(160deg,#ffffffed,#e8f1ffd9)}.statcard .iconbox{width:40px;height:40px;border-radius:14px;background:linear-gradient(155deg,#fff,#edf3ff);color:var(--primary);justify-items:center}.stat-num{font-size:42px;margin-top:18px;letter-spacing:-.04em}.quick-actions{order:5}.quick-actions button{background:#ffffffb0;border-radius:18px}.chart-card{height:300px;padding:26px}.att-bar{background:linear-gradient(180deg,#5b84e8,#02246d);border-radius:7px 7px 4px 4px}.designer-news{padding:24px 26px}.designer-news-row{display:flex;gap:16px;align-items:center;width:100%;padding:18px 4px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer}.designer-news-row>span:nth-child(2){min-width:0;flex:1}.designer-news-row strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.designer-news-row small{display:block;font-size:12px;color:var(--ink-faint);margin-top:4px}.designer-news-dot{width:7px;height:7px;border-radius:50%;background:#2e5bd0;flex:none}.designer-news-dot.is-read{background:var(--line-strong)}.designer-balance{display:grid;gap:12px;padding:24px 26px}.designer-balance>.grow{display:contents}.designer-balance>.grow>.row{grid-row:1}.designer-balance-value{grid-row:2}.designer-balance-value>div{display:flex;align-items:baseline;gap:8px}.designer-balance-value strong{font-size:38px;line-height:1;letter-spacing:-.04em}.designer-balance-value span{font-size:13px;color:var(--ink-soft)}.policies-screen,.pulse-screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;gap:18px}.policies-screen>.records-toolbar,.pulse-screen>.records-toolbar,.policies-screen>.empty,.pulse-screen>.empty,.policies-screen>.records-loading,.pulse-screen>.records-loading{grid-column:1 / -1}.policy-row,.card.policy-row{padding:26px 28px;border-radius:26px;align-items:flex-start}.policy-symbol,.pulse-symbol{width:52px;height:52px}.policy-title{font-size:16px}.policy-summary{font-size:13.5px}.policy-open{align-self:center}.pulse-card{display:flex;flex-direction:column}.pulse-card.is-pending{border-left-width:1px}.card .pulse-head{padding:26px 28px 16px;align-items:flex-start;flex-wrap:wrap}.pulse-head>.grow{flex-basis:calc(100% - 75px)}.pulse-body{padding:0 28px 26px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.pulse-title{font-size:17px}.pulse-intro{font-size:13.5px}.pulse-cta{margin-top:auto}.card.task-row,.card.request-row,.card.ts-row{padding:24px 26px}.task-title,.request-title{font-size:16px}.task-check{border-radius:8px}.request-side .btn{white-space:normal}.ts-day-head{padding:12px 6px;font-size:13px}.ts-hours{font-size:18px}.gap-14{gap:14px}.sheet form .row>div{min-width:0;flex:1}.sheet input[type=date]{min-width:0}.signin-intro{background:radial-gradient(ellipse at 85% 15%,#3f66ad66,transparent 65%),linear-gradient(150deg,#02246d,#092452)}.signin-shell>.signin-main{background:linear-gradient(160deg,#fff,#f3f7ff)}.signin-heading .h1{font-size:36px}.signin-main .btn{border-radius:999px}.signin-logo{width:260px}@media(min-width:980px){.app-shell:has(.bottomnav){grid-template-columns:268px minmax(0,1fr)}.app-shell:has(.home-screen){grid-template-rows:minmax(0,1fr);grid-template-areas:"nav screen"}.app-shell:has(.bottomnav)>.home-screen{padding-top:44px}.app-shell:has(.bottomnav)>.topbar{padding:40px 40px 6px}.app-shell:has(.bottomnav)>.screen{padding:26px 40px 60px}.bottomnav{position:relative;padding:26px 16px 18px;background:linear-gradient(180deg,#ffffffdc,#ffffffa0);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px)}.workspace-brand{border:0;margin-bottom:6px;padding:0 15px 18px}.workspace-brand img{width:200px}.workspace-brand>span{display:none}.workspace-nav-label{font-size:10px;letter-spacing:.15em;padding:12px 12px 8px}.nav-group{margin-bottom:4px;gap:2px}.navitem{border-radius:12px;font-size:14px;font-weight:500;min-height:40px;padding:8px 12px;gap:10px}.navitem svg{width:18px;height:18px;stroke-width:1.6}.navitem.on{background:linear-gradient(180deg,#d6e7fff2,#e8f1ffd9);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #02246d0f}.navitem.on:after{display:none}.sidebar-collapse{position:absolute;right:16px;top:26px;display:grid;place-items:center;width:28px;height:28px;background:#fff;color:var(--ink-soft);border:1px solid var(--line);border-radius:50%;cursor:pointer;flex-shrink:0}.sidebar-promo{display:block;position:relative;margin:24px 0 16px;padding:94px 18px 20px;border-radius:20px;background:linear-gradient(170deg,#e2eeffeb,#f3f8ffd9 58%,#ffffffe6);border:1px solid #fff;box-shadow:var(--shadow-sm)}.sidebar-promo strong{font-size:17px;color:var(--primary);line-height:1.25;display:block}.sidebar-promo p{color:var(--ink-soft);font-size:12px;margin-top:8px}.promo-orb{position:absolute;top:16px;left:20px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,#ffffff40 42%,#b2cefc80 74%,#e4eeff);box-shadow:inset 0 4px 8px #fff,inset 0 -6px 8px #769ddd66,0 8px 16px #02246d26}.workspace-nav-footer{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff9;flex-shrink:0}.workspace-nav-footer>div{min-width:0}.workspace-nav-footer strong,.workspace-nav-footer div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-nav-footer strong{font-size:13px}.workspace-nav-footer div>span{font-size:11px}.app-shell:has(.nav-collapsed){grid-template-columns:80px minmax(0,1fr)}.nav-collapsed .workspace-brand>img:not(.sidebar-monogram),.nav-collapsed .workspace-nav-label,.nav-collapsed .nav-label-text,.nav-collapsed .sidebar-promo,.nav-collapsed .workspace-nav-footer>div{display:none}.nav-collapsed .workspace-brand{padding:34px 10px 20px;margin-inline:-16px;align-items:center}.nav-collapsed .workspace-brand img.sidebar-monogram{display:block;width:60px;height:auto;margin-inline:auto;overflow:visible;object-fit:contain}.nav-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.nav-collapsed .navitem{justify-content:center;padding-inline:8px}.nav-collapsed .nav-group{margin-block:8px}.nav-collapsed .workspace-nav-footer{padding:6px}.bottomnav.nav-collapsed .navitem>.navbadge{top:6px;right:0;height:14px;min-width:14px;font-size:9px}.sheet{border-radius:26px}}@media(min-width:980px)and (max-height:950px){.sidebar-promo{display:none}}@media(max-width:1250px){.home-hero.designer-hero{padding:32px}.home-identity{gap:20px;width:68%}.home-avatar{width:96px;height:96px}.designer-greeting{font-size:38px}.designer-glass .cwd{max-width:36%}.statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:979px){.h1{font-size:32px}.home-identity{width:100%}.designer-glass{opacity:.3}.designer-glass .cwd{max-width:55%}.home-avatar{width:112px;height:112px}.designer-greeting{font-size:42px}}@media(max-width:639px){.h1{font-size:28px}.h2{font-size:22px}.page-description{font-size:14px}.app-shell:has(.bottomnav)>.topbar{padding:26px 20px 8px}.app-shell:has(.bottomnav)>.screen{padding:22px 20px 32px}.home-hero.designer-hero{padding:28px 24px;min-height:300px}.home-identity{flex-direction:column;align-items:flex-start;gap:22px}.home-avatar{width:80px;height:80px;border-width:4px;outline-width:4px}.home-avatar svg{width:40px;height:40px}.designer-greeting{font-size:34px}.home-identity-label{font-size:10px;margin-bottom:12px}.designer-glass .cwd{max-width:78%;top:15%;right:-15%}.designer-editorial h3{font-size:26px}.designer-editorial p{font-size:14px}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.statcard{padding:18px;min-height:130px}.stat-num{font-size:32px;margin-top:0}.statcard .iconbox{width:30px;height:30px}.statcard:last-child:nth-child(odd){grid-column:1 / -1}.policies-screen,.pulse-screen{grid-template-columns:minmax(0,1fr)}.policy-row,.card.policy-row,.card .pulse-head,.card.request-row,.card.task-row,.card.ts-row{padding:20px}.pulse-body{padding:0 20px 20px}.policy-symbol,.pulse-symbol{width:42px;height:42px}.announcement-trigger{padding:20px}.announcement-content{padding:8px 20px 20px}.chart-card{padding:22px}.designer-news,.records-section-heading{padding:20px}.attendance-table tbody th,.attendance-table td{padding-block:0}.sheet{border-radius:26px 26px 0 0}}@media(prefers-reduced-motion:reduce){.designer-glass *{animation:none!important;transition:none!important}.designer-glass .mote{display:none}}.designer-hero{--px:0;--py:0}.designer-glass .cwd-layer{position:absolute;top:0;right:0;bottom:0;left:0}.designer-glass .layer-back{transform:translate3d(calc(var(--px) * 10px),calc(var(--py) * 7px),0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.designer-glass .layer-mid{transform:translate3d(calc(var(--px) * 20px),calc(var(--py) * 13px),0);transition:transform .9s cubic-bezier(.16,1,.3,1)}.designer-glass .layer-front{transform:translate3d(calc(var(--px) * 28px),calc(var(--py) * 17px),0);transition:transform .7s cubic-bezier(.16,1,.3,1)}.home-hero-sheen{position:absolute;top:-40%;bottom:-40%;width:34%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff8c 48%,transparent);filter:blur(14px);transform:rotate(9deg);animation:homeSheen 17s var(--ease) infinite;opacity:0}@keyframes homeSheen{0%{left:-40%;opacity:0}12%{opacity:.75}62%{opacity:.55}to{left:118%;opacity:0}}@keyframes homeRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.home-identity .grow>*{animation:homeRise .9s cubic-bezier(.16,1,.3,1) both}.home-identity .grow>:nth-child(2){animation-delay:.15s}.home-identity .grow>:nth-child(3){animation-delay:.23s}.home-identity .grow>:nth-child(n+4){animation-delay:.31s}.home-avatar{animation:homeRise 1.1s cubic-bezier(.16,1,.3,1) 40ms both}.workspace-nav-footer{text-align:left;color:inherit;cursor:pointer;font:inherit}.profile-chevron{margin-left:auto;color:var(--ink-soft)}.sidebar-profile-details{margin:0}.sidebar-profile-details>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.sidebar-profile-details dt{color:var(--ink-soft)}.sidebar-profile-details dd{margin:0;overflow-wrap:anywhere}@media(min-width:980px){.sidebar-collapse{position:fixed;top:26px;left:255px;right:auto;width:26px;height:26px;z-index:50;box-shadow:var(--shadow-sm);opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s,left .25s}.app-shell:has(.bottomnav:hover)>.sidebar-collapse,.sidebar-collapse:hover,.sidebar-collapse:focus-visible,.app-shell:has(.nav-collapsed)>.sidebar-collapse{opacity:1;transform:none}.app-shell:has(.nav-collapsed)>.sidebar-collapse{left:84px}.app-shell:has(.nav-collapsed)>.sidebar-collapse svg{transform:rotate(180deg)}.app-shell:has(.bottomnav){transition:grid-template-columns .25s var(--ease)}.nav-collapsed .workspace-brand{padding:0 10px 20px;margin-inline:-16px;align-items:center}.nav-collapsed .profile-chevron{display:none}.workspace-nav-footer:hover{background:#fff;box-shadow:var(--shadow-sm)}}@media(prefers-reduced-motion:reduce){.home-hero-sheen{display:none}.home-identity .grow>*,.home-avatar{animation:none}.designer-glass .cwd-layer{transform:none;transition:none}.app-shell:has(.bottomnav),.sidebar-collapse{transition:none}}.home-liquid-art{position:absolute;right:-4%;top:-16%;width:660px;height:660px;pointer-events:none;opacity:.72;filter:blur(.5px);animation:homeLiquidSpin 46s linear infinite}.home-liquid-art svg{width:100%;height:100%}@keyframes homeLiquidSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.home-liquid-art{display:none}}.empty-action{margin-top:20px}.query-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #e7d7b5;border-radius:16px;background:#fffaf0;color:#755321;font-size:13px;grid-column:1/-1}.query-refresh{min-height:18px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);grid-column:1/-1}.query-refresh .spinner{width:12px;height:12px}.portal-toast{position:fixed;left:50%;bottom:calc(92px + var(--safe-b));transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:18px;width:max-content;max-width:min(520px,calc(100vw - 32px));padding:14px 16px 14px 20px;background:var(--ink);color:#fff;border:1px solid #ffffff26;border-radius:18px;box-shadow:var(--shadow-lg);font-size:14px;line-height:1.5}.portal-toast>span{min-width:0;overflow-wrap:anywhere}.portal-toast button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff1f;color:inherit;cursor:pointer}.portal-toast button:hover{background:#ffffff38}.form-field{min-width:0}.sheet .row>.form-field{flex:1}.input,.select,.textarea{transition:border-color .16s,box-shadow .16s,background-color .16s}.input:focus,.select:focus,.textarea:focus{border-color:#6f91d0;box-shadow:0 0 0 3px #789de52b;outline:none}.input:user-invalid,.select:user-invalid,.textarea:user-invalid{border-color:var(--danger)}button:disabled{cursor:not-allowed}button[aria-busy=true]{cursor:progress}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #537fd1;outline-offset:3px}.screen{scrollbar-gutter:stable}.sheet{scroll-padding-block:24px;overscroll-behavior:contain;max-height:calc(100dvh - 24px - var(--safe-t))}.sheet .input,.sheet .textarea,.sheet .select{scroll-margin-block:24px}.dropdown-options{max-height:min(320px,50dvh);overflow-y:auto;overscroll-behavior:contain}.dropdown-options button:focus-visible{outline-offset:-2px}@media(min-width:980px){.portal-toast{bottom:28px}}@media(max-width:600px){.input,.select,.textarea{font-size:16px}.btn:not(.btn-sm){min-height:44px}.query-notice{flex-wrap:wrap}.portal-toast{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skel{animation:none}}.mobile-nav-header{display:none}.sheet.sheet-drawer{top:0;bottom:0;left:0;right:auto;transform:none;width:min(340px,calc(100vw - 36px));max-width:none;height:100dvh;max-height:100dvh;border-radius:0 24px 24px 0;padding:calc(24px + var(--safe-t)) 18px calc(24px + var(--safe-b));animation:drawerIn .22s cubic-bezier(.16,1,.3,1)}.sheet-drawer .grabber{display:none}.sheet-drawer .more-navigation{gap:12px}.sheet-drawer .navitem{min-height:44px}.sheet-drawer .more-navigation>.btn{margin-top:16px}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}@media(max-width:979px){.bottomnav{display:none}.mobile-nav-header{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:calc(12px + var(--safe-t)) 20px 12px;border-bottom:1px solid var(--line);background:#ffffffc9}.mobile-nav-header img{width:150px;height:auto}.mobile-nav-header>.btn{width:44px;height:44px;padding:0}.mobile-nav-header>.btn:last-child{margin-left:auto}.app-shell:has(.bottomnav)>.topbar{padding-top:22px}.app-shell:has(.bottomnav)>.screen{padding-bottom:calc(28px + var(--safe-b))}.portal-toast{bottom:calc(20px + var(--safe-b))}}.hub-card:after{display:none}.hub-card-arrow{position:absolute;top:22px;right:24px;color:var(--ink-faint)}.timesheets-screen .query-refresh:empty{display:none}.timesheets-screen{gap:12px}.timesheets-screen .ts-day{gap:6px}.timesheets-screen .ts-day-head{padding:4px 6px}.timesheets-screen .card.ts-row{padding:14px 18px;border-radius:18px;gap:12px}.timesheets-screen .ts-desc{margin:4px 0 0}.timesheets-screen .ts-hours{font-size:16px}@media(max-width:600px){.timesheets-screen .card.ts-row{padding:14px}.timesheets-screen .ts-side{gap:10px}}@media(hover:hover)and (pointer:fine){.card{transition:translate .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease,border-color .24s ease,background-color .24s ease}.card:hover:not(:has(.card:hover)):not(:disabled){border-color:#9bb7df;translate:0 -4px;box-shadow:0 14px 30px -12px #1f4f7d30,0 5px 12px -5px #426e9420}}@media(prefers-reduced-motion:reduce){.card:hover:not(:has(.card:hover)):not(:disabled){translate:none}}.bottomnav .navitem>.navbadge{position:static;order:3;margin-inline-start:auto;flex-shrink:0;box-sizing:border-box;min-width:20px;height:20px;padding:0 5px;border:0;border-radius:999px;transform:none;font-size:10px;font-weight:700;line-height:1}.bottomnav.nav-collapsed .navitem>.navbadge{position:absolute;top:2px;right:2px;left:auto;min-width:16px;height:16px;padding:0 3px;margin:0;font-size:9px;transform:none}@media(prefers-reduced-motion:no-preference){.sidebar-promo .promo-orb{animation:sidebarOrbFloat 5s ease-in-out infinite}}@keyframes sidebarOrbFloat{0%,to{transform:translateZ(0);box-shadow:inset 0 4px 8px #fff,inset 0 -6px 8px #769ddd66,0 8px 16px #02246d26}50%{transform:translate3d(2px,-7px,0);box-shadow:inset 0 4px 8px #fff,inset 0 -6px 8px #769ddd66,0 15px 22px #02246d18}}@media(min-width:980px)and (max-height:850px){.bottomnav{padding-block:16px 12px;gap:2px}.bottomnav .workspace-brand{padding-bottom:12px;margin-bottom:2px}.bottomnav .nav-group{margin-bottom:2px;gap:1px}.bottomnav .workspace-nav-label{padding-block:6px}.bottomnav .navitem{min-height:36px;padding-block:6px}.bottomnav .workspace-nav-footer{padding:8px 10px}.bottomnav.nav-collapsed .nav-group{margin-block:4px}}@media(min-width:980px)and (max-height:650px){.bottomnav{padding-block:10px}.bottomnav .workspace-brand{padding-bottom:8px}.bottomnav .workspace-brand img{width:170px}.bottomnav .navitem{min-height:32px;padding-block:4px}.bottomnav .workspace-nav-label{padding-block:4px;font-size:9px}}.app-shell:has(.bottomnav)>.topbar{padding-bottom:4px}.app-shell:has(.bottomnav) .page-description{margin-top:6px}.screen.stack:not(.home-screen){gap:12px}.screen .query-refresh:empty{display:none}.screen .records-toolbar{margin-bottom:0}.screen .records-section-heading,.screen .document-records>.records-toolbar{padding:16px 20px}.screen .records-loading-row{padding-block:18px}.screen .document-record,.screen .leave-record{padding-block:14px}.screen :is(.task-filters,.hr-filter-card,.announcement-filters){padding:18px 20px}.screen :is(.task-filter-heading,.hr-filter-heading,.announcement-filter-heading){margin-bottom:12px}.screen :is(.task-filter-grid,.hr-filter-grid,.announcement-filter-fields){gap:12px}.screen .announcement-filter-bottom{margin-top:14px;gap:12px}.screen .task-range{margin-top:12px}.screen .hr-summary{gap:12px}.screen .hr-summary-card{padding:14px 18px;gap:6px}.screen .hr-summary-card strong{font-size:26px}.screen .task-project-group{padding:0}.screen .task-project-heading{padding:14px 20px}.screen .task-table td{padding-block:14px}.screen .hr-request-card{padding:18px 20px;gap:14px}.screen .hr-request-main,.screen .announcement-feed{gap:14px}.screen .announcement-feed-card{padding:20px;gap:12px}.screen .announcement-feed-footer{padding-top:12px}.screen .hub-grid{gap:16px}.screen .hub-card{padding:22px;min-height:150px;gap:12px}.screen .designer-balance{padding:18px 20px;gap:8px}.screen .policy-row{padding:20px;gap:14px}.screen .card .pulse-head{padding:20px 20px 12px}.screen .pulse-body{padding:0 20px 20px}.screen .task-detail-summary{padding:16px 20px;gap:12px}.screen .task-detail-grid{gap:16px}.screen .task-detail-panel{padding:20px}.screen .task-detail-panel>.h3{margin-bottom:14px}.screen .task-detail-properties dl>div{padding-block:10px}.screen .task-subtask{padding-block:14px}.screen .announcement-detail-card{padding:24px}.screen .announcement-detail-meta{padding-bottom:16px}.screen .announcement-receipt{margin-top:20px;padding-top:16px}.home-screen{gap:22px}.home-screen .designer-editorial{margin-bottom:12px}.home-screen .designer-editorial p{margin-top:6px}.home-screen :is(.statgrid,.home-connected-grid,.home-people-grid,.chartgrid){gap:14px}.home-screen .statcard{min-height:150px;padding:18px}.home-screen .stat-num{font-size:36px;margin-top:10px}.home-screen .home-summary-additions .statcard{min-height:126px}.home-screen :is(.home-extra-card,.designer-news,.chart-card){padding:20px}.home-screen .home-preview-row,.home-screen .designer-news-row{padding-block:14px}@media(min-width:980px){.app-shell:has(.bottomnav)>.topbar{padding:26px 40px 4px}.app-shell:has(.bottomnav)>.screen{padding:16px 40px 32px}.app-shell:has(.bottomnav)>.home-screen{padding-top:24px}.screen .attendance-table tbody th,.screen .attendance-table td{padding-block:14px}}@media(max-width:979px){.app-shell:has(.bottomnav)>.topbar{padding-top:18px;padding-bottom:4px}.app-shell:has(.bottomnav)>.screen{padding-top:14px;padding-bottom:calc(24px + var(--safe-b))}}@media(max-width:600px){.screen :is(.task-filters,.hr-filter-card,.announcement-filters,.hr-request-card,.announcement-feed-card,.task-detail-panel,.announcement-detail-card){padding:16px}.screen .hr-summary-card{padding:12px 16px}.screen .hub-card{min-height:138px;padding:18px}.screen .attendance-table tbody tr{padding-block:14px}.screen .attendance-table tbody th,.screen .attendance-table td{padding-block:0}.home-screen .statcard{min-height:120px;padding:16px}.home-screen .stat-num{margin-top:0;font-size:32px}.home-screen :is(.home-extra-card,.designer-news,.chart-card){padding:16px}}select:not([multiple]):not([size]),select[size="1"]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-inline-end:44px;background-image:url("data:image/svg+xml,%3c!--%20ArrowDown01Icon%20from%20@hugeicons/core-free-icons.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M18%209.00005C18%209.00005%2013.5811%2015%2012%2015C10.4188%2015%206%209%206%209'%20stroke='%2369758d'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px}select:not([multiple]):not([size]):dir(rtl),select[size="1"]:dir(rtl){background-position:left 12px center}.sidebar-collapse{padding:0}.policy-open svg,.leave-record-arrow svg,.profile-chevron svg{flex-shrink:0}@media(forced-colors:active){select:not([multiple]):not([size]),select[size="1"]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;background-image:none}}.home-time-grid,.home-planning-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:stretch}.home-screen .home-timeoff-card{height:auto;min-height:0}.home-timeoff-card .chart-scroll{max-height:164px;overflow-y:auto;padding-inline-end:4px}.home-timeoff-legend{flex-wrap:wrap}.home-screen .home-attendance-card{height:auto;min-height:320px}.home-quick-actions .home-extra-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-quick-actions .btn{height:auto;min-height:44px;justify-content:space-between;font-size:13px;padding:10px 12px}.home-quick-actions .btn svg{flex-shrink:0}@media(max-width:1200px){.home-quick-actions .home-extra-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.home-time-grid,.home-planning-grid{grid-template-columns:minmax(0,1fr)}.home-quick-actions .home-extra-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-attendance-graph{overflow-x:auto;padding-top:24px}.home-attendance-graph-inner{min-width:420px}.home-attendance-card .att-plot{height:130px}.home-attendance-card .att-bar{position:relative}.att-bar-value{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.home-attendance-card>.row.between{flex-wrap:wrap;gap:8px}.home-timeoff-card,.designer-balance{--leave-remaining:#3b997a;--leave-pending:#dc9b35;--leave-used:#e2e5eb}.home-timeoff-card .home-leave-bar{height:8px;background:var(--leave-used)}.home-screen .statgrid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.home-screen .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{color-scheme:light}.theme-switch{width:38px;min-width:38px;padding:0;flex-shrink:0}.home-theme-switch{position:absolute;right:66px;top:18px;z-index:4}:root[data-theme=dark]{color-scheme:dark;--bg:#101723;--bg-2:#202d42;--surface:#182233;--ink:#edf2fc;--ink-soft:#bdc9dd;--ink-faint:#9aaac4;--line:#ffffff16;--line-strong:#ffffff30;--primary:#9cbcff;--primary-600:#85aaff;--primary-700:#b4cdff;--primary-tint:#253956;--on-primary:#101b30;--success:#79c9a0;--success-tint:#203c33;--accent:#edbf76;--accent-tint:#403522;--danger:#f1938c;--danger-tint:#432b32;--shadow-sm:0 2px 10px #0003;--shadow-md:0 10px 30px #0004;--shadow-lg:0 26px 70px #0006}[data-theme=dark] body,[data-theme=dark] .app-shell{background:var(--bg)}[data-theme=dark] .app-shell:has(.bottomnav){background:radial-gradient(ellipse at 95% 0,#243b592e,transparent 60%),var(--bg)}[data-theme=dark] :is(.bottomnav,.mobile-nav-header){background:#141e2e}[data-theme=dark] :is(.card,.records-panel,.sheet,.empty,.feature-placeholder,.sidebar-collapse,.workspace-nav-footer,.signin-shell>.signin-main){background:var(--surface);border-color:var(--line)}[data-theme=dark] :is(.btn-outline,.input,.textarea,.select,.policy-preview-toolbar select){background-color:var(--bg);border-color:var(--line-strong)}[data-theme=dark] .btn-primary{background:linear-gradient(#a8c5ff,#87adf3);color:var(--on-primary);box-shadow:0 5px 14px #0003}[data-theme=dark] :is(.iconbox,.policy-symbol,.pulse-symbol,.announcement-symbol,.listrow .lead,.home-preview-icon,.document-record .lead){background:var(--primary-tint);border-color:var(--line);color:var(--primary)}[data-theme=dark] :is(.navitem.on,.hr-summary-card.selected,.statcard:first-child){background:linear-gradient(145deg,#243650,#1c2a40);box-shadow:var(--shadow-sm)}[data-theme=dark] :is(.task-table th,.attendance-table thead th,.leave-columns){background:var(--bg-2)}[data-theme=dark] :is(.task-table tbody tr:hover,.attendance-table tbody tr:hover,.leave-record:hover,.policy-row:hover,.task-file:hover,.announcement-trigger:hover,.workspace-nav-footer:hover){background:var(--primary-tint)}[data-theme=dark] .home-hero.designer-hero{background:radial-gradient(ellipse at 84% 40%,#3d619d66,transparent 52%),linear-gradient(135deg,#182334,#223552);border-color:var(--line-strong);box-shadow:var(--shadow-lg)}[data-theme=dark] .home-avatar{background:linear-gradient(160deg,#314b6d,#22334b);color:#b1c8ef;border-color:#ffffff18;outline-color:#ffffff08}[data-theme=dark] :is(.designer-greeting>span,.designer-editorial h3>span){background-image:linear-gradient(100deg,#b8d0ff,#83a9ff)}[data-theme=dark] .sidebar-promo{background:linear-gradient(160deg,#263c59,#182335);border-color:var(--line)}img.brand-dark,.workspace-brand img.brand-dark,.mobile-nav-header img.brand-dark,.signin-main img.brand-dark,[data-theme=dark] img.brand-light,[data-theme=dark] .workspace-brand img.brand-light,[data-theme=dark] .mobile-nav-header img.brand-light,[data-theme=dark] .signin-main img.brand-light{display:none}[data-theme=dark] img.brand-dark,[data-theme=dark] .workspace-brand img.brand-dark,[data-theme=dark] .mobile-nav-header img.brand-dark,[data-theme=dark] .signin-main img.brand-dark{display:block}.workspace-brand img.sidebar-monogram,[data-theme=dark] .workspace-brand img.sidebar-monogram{display:none}.nav-collapsed .workspace-brand>img:not(.sidebar-monogram),[data-theme=dark] .nav-collapsed .workspace-brand>img:not(.sidebar-monogram){display:none}.nav-collapsed .workspace-brand img.sidebar-monogram.brand-dark{display:none}.nav-collapsed .workspace-brand img.sidebar-monogram.brand-light{display:block}[data-theme=dark] .nav-collapsed .workspace-brand img.sidebar-monogram.brand-light{display:none}[data-theme=dark] .nav-collapsed .workspace-brand img.sidebar-monogram.brand-dark{display:block}[data-theme=dark] :is(.home-data-note,.query-notice){background:var(--bg-2);color:var(--ink-soft);border-color:var(--line-strong)}[data-theme=dark] .home-data-note.is-error{color:var(--danger)}[data-theme=dark] .hr-rejection{background:var(--danger-tint)}[data-theme=dark] .skel{background:linear-gradient(90deg,#243247,#33445e,#243247);background-size:200% 100%}[data-theme=dark] :is(.home-timeoff-card,.designer-balance){--leave-remaining:#59b899;--leave-pending:#d9a54c;--leave-used:#37445a}[data-theme=dark] .att-bar{background:linear-gradient(#91b7ff,#456baa)}[data-theme=dark] .att-8h span{background:var(--surface)}[data-theme=dark] .policy-preview-viewport{background:#101723}[data-theme=dark] .portal-toast{background:#e4ecfa;color:#172336}[data-theme=dark] .portal-toast button{background:#17233612}[data-theme=dark] .announcement-filter-tabs .chip.on{color:var(--on-primary)}[data-theme=dark] .navbadge{background:#bc443e;color:#fff}@media(hover:hover)and (pointer:fine){[data-theme=dark] .card:hover:not(:has(.card:hover)):not(:disabled){border-color:#6687b8;box-shadow:0 14px 30px -12px #0009,0 5px 12px -5px #0005}}[data-theme=dark] .badge.warn{color:var(--accent)}[data-theme=dark] .home-identity-label{color:var(--ink-soft)}[data-theme=dark] body:has(.auth-shell){background:var(--bg)}@media(hover:hover){[data-theme=dark] :is(.btn-outline,.btn-ghost,.rowbtn,button.listrow):hover:not(:disabled){background:var(--primary-tint);color:var(--ink)}[data-theme=dark] .btn-danger:hover:not(:disabled){background:#58303a}}html[data-theme-wave]::view-transition-old(root),html[data-theme-wave]::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-theme-wave]::view-transition-old(root){z-index:1}html[data-theme-wave]::view-transition-new(root){z-index:2}html[data-theme-wave]::view-transition-group(root){animation-duration:0s}html[data-theme-wave]::view-transition{pointer-events:none}