:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #fafbfd;--border: #e6e8ef;--border-strong: #d4d8e3;--text: #0f172a;--muted: #64748b;--muted-2: #94a3b8;--primary: #044065;--primary-700: #02314e;--primary-50: #e7f4fa;--primary-100: #c9e9f5;--accent: #5f7f1c;--accent-700: #4d6916;--accent-50: #f3f7e6;--danger: #ef4444;--danger-700: #dc2626;--danger-50: #fef2f2;--warn: #f59e0b;--warn-50: #fffbeb;--info: #00aada;--info-50: #f0f9ff;--pill-green-bg: rgba(147, 185, 51, .17);--pill-green-fg: #5a7414;--pill-amber-bg: rgba(245, 158, 11, .14);--pill-amber-fg: #b45309;--pill-red-bg: rgba(239, 68, 68, .12);--pill-red-fg: #b91c1c;--pill-blue-bg: rgba(0, 170, 218, .14);--pill-blue-fg: #045b78;--pill-indigo-bg: rgba(0, 170, 218, .12);--pill-indigo-fg: #02314e;--pill-gray-bg: #eef0f5;--pill-gray-fg: #475569;--r: 10px;--r-btn: 8px;--r-sm: 6px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -12px rgba(15, 23, 42, .18);--shadow-lg: 0 1px 3px rgba(15, 23, 42, .08), 0 18px 40px -18px rgba(15, 23, 42, .28);--ring: 0 0 0 3px rgba(0, 170, 218, .28);--sidebar-w: 248px;--topbar-h: 60px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}small{font-size:12px}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 18px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;display:grid;place-items:center;font-weight:750;font-size:15px;letter-spacing:-.03em;box-shadow:var(--shadow-sm)}.brand-name{font-weight:650;font-size:14px;letter-spacing:-.01em}.brand-name small{display:block;color:var(--muted);font-weight:450;font-size:11px;letter-spacing:0}.sidebar__nav{flex:1;overflow-y:auto;padding:12px 12px 20px}.nav-group{margin-bottom:14px}.nav-group__label{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:8px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;color:#334155;font-weight:500;font-size:13.5px;margin-bottom:1px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}.nav-item__icon{width:18px;height:18px;flex-shrink:0;color:var(--muted);stroke-width:1.9}.nav-item.is-active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.nav-item.is-active .nav-item__icon{color:var(--primary)}.nav-item__badge{margin-left:auto;background:var(--primary);color:#fff;font-size:11px;font-weight:600;border-radius:var(--r-pill);padding:1px 7px;line-height:1.5}.sidebar__footer{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.build-info{margin:0;padding:8px 10px;font-size:11.5px;color:var(--muted-2);text-align:center;-webkit-user-select:text;user-select:text}.help-btn svg{width:18px;height:18px}.topbar{grid-area:topbar;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:30}.topbar__search{flex:1;max-width:460px;position:relative}.topbar__search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-2)}.topbar__search input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);font-size:13.5px;color:var(--text)}.topbar__search input::placeholder{color:var(--muted-2)}.topbar__search input:focus{background:var(--surface);border-color:var(--primary);box-shadow:var(--ring)}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.icon-btn svg{width:19px;height:19px}.icon-btn__badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:var(--r-pill);display:grid;place-items:center;border:2px solid var(--surface)}.company-switcher{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:550;font-size:13px}.company-switcher:hover{border-color:var(--border-strong);background:var(--surface-2)}.company-switcher .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.company-switcher svg{width:15px;height:15px;color:var(--muted-2)}.user-menu{display:flex;align-items:center;gap:9px;height:38px;padding:0 9px 0 5px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface)}.user-menu:hover{border-color:var(--border-strong);background:var(--surface-2)}.user-menu__meta{text-align:left;line-height:1.15}.user-menu__meta strong{font-size:12.5px;font-weight:600;display:block}.user-menu__meta span{font-size:11px;color:var(--muted)}.user-menu svg{width:15px;height:15px;color:var(--muted-2)}.divider-v{width:1px;height:24px;background:var(--border);margin:0 2px}.content{grid-area:main;padding:26px 30px 60px;max-width:1320px;width:100%}.avatar{--sz: 34px;width:var(--sz);height:var(--sz);border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:calc(var(--sz) * .4);color:#fff;background:var(--primary);flex-shrink:0;overflow:hidden;letter-spacing:-.01em}.avatar.sm{--sz: 28px}.avatar.lg{--sz: 48px}.avatar.xl{--sz: 84px;font-size:30px}.avatar--indigo{background:#6366f1}.avatar--emerald{background:#5f7f1c}.avatar--amber{background:#f59e0b}.avatar--sky{background:#00aada}.avatar--rose{background:#f43f5e}.avatar--violet{background:#8b5cf6}.avatar--slate{background:#64748b}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--surface);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header__titles{min-width:0}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-bottom:7px}.breadcrumb a{color:var(--muted);font-weight:500}.breadcrumb a:hover{color:var(--text)}.breadcrumb svg{width:14px;height:14px;color:var(--muted-2)}.breadcrumb .current{color:var(--text);font-weight:550}.page-header h1{margin-bottom:4px}.page-header__sub{color:var(--muted);font-size:13.5px}.page-header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border:1px solid transparent;border-radius:var(--r-btn);font-weight:600;font-size:13.5px;letter-spacing:-.005em;white-space:nowrap;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;text-decoration:none}.btn:hover{text-decoration:none}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--primary-700)}.btn--accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--accent:hover{background:var(--accent-700)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:var(--surface-2);border-color:#c2c7d4}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-700)}.btn--danger-soft{background:var(--danger-50);color:var(--danger-700);border-color:#ef444440}.btn--danger-soft:hover{background:#fde5e5}.btn.sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:var(--r-sm)}.btn.lg{height:44px;padding:0 20px;font-size:14.5px}.btn.icon-only{width:38px;padding:0}.btn.icon-only.sm{width:32px}.btn.block{display:flex;width:100%}.btn-split{display:inline-flex;box-shadow:var(--shadow-sm);border-radius:var(--r-btn)}.btn-split .btn{box-shadow:none}.btn-split .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-split .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 9px;width:auto;border-left:1px solid rgba(255,255,255,.28)}.btn-split .btn--accent:last-child{border-left-color:#ffffff4d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.card__header h2,.card__header h3{font-size:15px}.card__title-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}.card__body{padding:18px}.card__footer{padding:14px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface-2);border-radius:0 0 var(--r) var(--r)}.card--flush .card__body{padding:0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.stat-card__top{display:flex;align-items:center;justify-content:space-between}.stat-card__label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}.stat-card__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary)}.stat-card__icon svg{width:18px;height:18px}.stat-card__icon.green{background:var(--accent-50);color:var(--accent-700)}.stat-card__icon.amber{background:var(--warn-50);color:var(--warn)}.stat-card__icon.sky{background:var(--info-50);color:var(--info)}.stat-card__value{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-card__value small{font-size:14px;color:var(--muted-2);font-weight:500}.stat-card__delta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.stat-card__delta.up{color:var(--accent-700)}.stat-card__delta.down{color:var(--danger-700)}.stat-card__delta svg{width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:var(--pill-gray-bg);color:var(--pill-gray-fg)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--green{background:var(--pill-green-bg);color:var(--pill-green-fg)}.badge--amber{background:var(--pill-amber-bg);color:var(--pill-amber-fg)}.badge--red{background:var(--pill-red-bg);color:var(--pill-red-fg)}.badge--blue{background:var(--pill-blue-bg);color:var(--pill-blue-fg)}.badge--indigo{background:var(--pill-indigo-bg);color:var(--pill-indigo-fg)}.badge--outline{background:transparent;border:1px solid var(--border-strong);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--muted)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;padding:6px 13px;border-radius:6px;font-weight:600;font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--surface);color:var(--primary-700);box-shadow:var(--shadow-sm)}.segmented button .count{background:var(--pill-gray-bg);color:var(--muted);font-size:11px;border-radius:var(--r-pill);padding:0 6px}.segmented button.is-active .count{background:var(--primary-100);color:var(--primary-700)}.filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 6px 4px 11px;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--r-pill);font-size:12.5px;font-weight:550;color:var(--primary-700)}.filter-chip button{border:0;background:transparent;color:var(--primary-700);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;padding:0}.filter-chip button:hover{background:var(--primary-100)}.filter-chip svg{width:13px;height:13px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar__spacer{flex:1}.search-input{position:relative;display:inline-flex;align-items:center}.search-input svg{position:absolute;left:11px;width:16px;height:16px;color:var(--muted-2)}.search-input input{height:38px;min-width:220px;padding:0 12px 0 34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:13.5px}.search-input input:focus{border-color:var(--primary);box-shadow:var(--ring)}.employee-picker{position:relative}.employee-picker__trigger{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;min-height:38px}.employee-picker__trigger:disabled{cursor:not-allowed}.employee-picker__value{display:inline-flex;align-items:center;gap:8px;min-width:0}.employee-picker__value>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-picker__placeholder{color:var(--muted-2)}.employee-picker__popup{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}.employee-picker__search{display:flex;padding:8px;border-bottom:1px solid var(--border)}.employee-picker__search input{width:100%;min-width:0}.employee-picker__list{list-style:none;margin:0;padding:4px;max-height:280px;overflow-y:auto}.employee-picker__empty{padding:12px;color:var(--muted);font-size:13px;text-align:center}.employee-picker__option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;cursor:pointer}.employee-picker__option.is-active{background:var(--surface-2)}.employee-picker__option.is-selected{background:var(--surface-2);font-weight:600}.employee-picker__option-text{display:flex;flex-direction:column;min-width:0}.employee-picker__option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-picker__option-sub{font-size:12px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.table-toolbar .result-count{font-size:13px;color:var(--muted);font-weight:500}.table-toolbar .result-count strong{color:var(--text);font-weight:650}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data thead th{text-align:left;font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:11px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}table.data thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data thead th.sortable:hover{color:var(--text)}.th-sort{display:inline-flex;align-items:center;gap:5px}.th-sort svg{width:13px;height:13px;opacity:.55}table.data thead th.is-sorted{color:var(--primary-700)}table.data thead th.is-sorted .th-sort svg{opacity:1;color:var(--primary)}table.data th.col-check,table.data td.col-check{width:44px;padding-right:0}table.data th.col-actions,table.data td.col-actions{text-align:right}table.data tbody td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.is-selected{background:var(--primary-50)}.cell-user{display:flex;align-items:center;gap:11px}.cell-user__meta{min-width:0}.cell-user__name{font-weight:600;color:var(--text)}.cell-user__name a{color:var(--text)}.cell-user__name a:hover{color:var(--primary)}.cell-user__name .name-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--primary);cursor:pointer}.cell-user__name .name-link:hover{text-decoration:underline}.cell-user__sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-strong{font-weight:600}.cell-muted{color:var(--muted)}.row-actions{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}.checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);display:inline-grid;place-content:center;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s}.checkbox:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .1s;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox:checked{background:var(--primary);border-color:var(--primary)}.checkbox:checked:before{transform:scale(1)}.checkbox:indeterminate{background:var(--primary);border-color:var(--primary)}.checkbox:indeterminate:before{transform:scale(1);clip-path:none;width:9px;height:2px;border-radius:1px}.checkbox:focus-visible{box-shadow:var(--ring)}.bulk-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--primary-50);border-bottom:1px solid var(--primary-100);font-size:13px}.bulk-bar strong{color:var(--primary-700)}.bulk-bar .toolbar__spacer{flex:1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border)}.pagination__info{font-size:12.5px;color:var(--muted)}.pager{display:inline-flex;align-items:center;gap:3px}.pager button{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);font-weight:600;font-size:12.5px;color:var(--muted)}.pager button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.pager button.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pager button:disabled{opacity:.4;cursor:not-allowed}.form-section{margin-bottom:26px}.form-section__title{font-size:13px;font-weight:650;color:var(--text);letter-spacing:-.005em;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--border)}.form-grid{display:grid;gap:16px 18px;grid-template-columns:1fr 1fr}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 760px){.form-grid,.form-grid.cols-3{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field.col-span-2,.field.col-span-3{grid-column:1 / -1}.field>label,.label{font-size:12.5px;font-weight:600;color:#334155}.label .req{color:var(--danger);margin-left:2px}.label .opt{color:var(--muted-2);font-weight:500;margin-left:4px}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font-family:inherit;font-size:13.5px;color:var(--text);transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.textarea{height:auto;min-height:84px;padding:10px 12px;resize:vertical;line-height:1.5}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding-right:34px}.input-group{display:flex}.input-group .addon{display:inline-flex;align-items:center;padding:0 11px;height:38px;background:var(--surface-2);border:1px solid var(--border-strong);font-size:13px;color:var(--muted);font-weight:550}.input-group .addon:first-child{border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-group .addon:last-child{border-left:0;border-radius:0 var(--r-sm) var(--r-sm) 0}.input-group .input:not(:first-child){border-radius:0 var(--r-sm) var(--r-sm) 0}.input-group .input:not(:last-child){border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-icon{position:relative}.input-icon svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-2);pointer-events:none}.input-icon .input,.input-icon .textarea{width:100%;padding-right:34px}.input-icon.is-top svg{top:12px;transform:none}.input-suffix{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12.5px;color:var(--muted-2);pointer-events:none}.input-icon:has(.input-suffix) .input{padding-right:40px}.input-group .input-icon{flex:1}.input-group .input-icon .input{border-radius:0 var(--r-sm) var(--r-sm) 0}.helper{font-size:12px;color:var(--muted)}.error-text{font-size:12px;color:var(--danger-700);display:flex;align-items:center;gap:5px}.error-text svg{width:13px;height:13px}.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--danger)}.field.has-error .input:focus{box-shadow:0 0 0 3px #ef444438}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:38px;height:22px;border-radius:var(--r-pill);background:var(--border-strong);position:relative;transition:background .15s;flex-shrink:0}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.switch input:checked+.switch__track{background:var(--primary)}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:focus-visible+.switch__track{box-shadow:var(--ring)}.switch__label{font-size:13.5px;font-weight:500}.choice{display:inline-flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:13.5px}.choice input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--surface);flex-shrink:0;display:grid;place-content:center;margin-top:1px}.choice input[type=radio]:before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .1s}.choice input[type=radio]:checked{background:var(--primary);border-color:var(--primary)}.choice input[type=radio]:checked:before{transform:scale(1)}.choice input:focus-visible{box-shadow:var(--ring)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2);padding:26px;text-align:center;color:var(--muted);transition:border-color .12s,background .12s}.dropzone:hover{border-color:var(--primary);background:var(--primary-50)}.dropzone svg{width:28px;height:28px;color:var(--muted-2);margin:0 auto 10px}.dropzone strong{color:var(--text);font-weight:600;display:block;font-size:13.5px}.dropzone span{font-size:12.5px}.dropzone a{font-weight:600}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:22px;overflow-x:auto}.tab{padding:11px 14px;border:0;background:transparent;font-weight:550;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--primary-700);border-bottom-color:var(--primary);font-weight:600}.tab .count{font-size:11.5px;color:var(--muted-2)}.subnav{display:flex;flex-direction:column;gap:2px}.subnav a,.subnav button{padding:8px 12px;border-radius:7px;font-size:13px;font-weight:500;color:#334155;background:none;border:0;text-align:left;cursor:pointer;font-family:inherit}.subnav a:hover,.subnav button:hover{background:var(--surface-2);text-decoration:none}.subnav a.is-active,.subnav button.is-active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:100;display:flex}.overlay.right{justify-content:flex-end}.overlay.center{align-items:center;justify-content:center;padding:24px}.drawer{width:480px;max-width:100%;background:var(--surface);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:drawer-in .22s cubic-bezier(.22,.61,.36,1)}.drawer.wide{width:620px}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.drawer__header,.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer__header h2,.modal__header h2{font-size:17px}.drawer__header p,.modal__header p{font-size:12.5px;color:var(--muted);margin-top:3px}.drawer__close,.modal__close{width:32px;height:32px;border-radius:7px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;flex-shrink:0}.drawer__close:hover,.modal__close:hover{background:var(--surface-2);color:var(--text)}.drawer__close svg,.modal__close svg{width:18px;height:18px}.drawer__body,.modal__body{padding:22px;overflow-y:auto;flex:1}.drawer__footer,.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0}.drawer__footer.between,.modal__footer.between{justify-content:space-between}.modal{width:540px;max-width:100%;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;animation:modal-in .2s cubic-bezier(.22,.61,.36,1)}.modal.sm{width:420px}.modal.lg{width:720px}@keyframes modal-in{0%{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}.banner{display:flex;align-items:flex-start;gap:11px;padding:12px 15px;border-radius:var(--r);font-size:13px;border:1px solid}.banner svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.banner__body{flex:1}.banner__body strong{font-weight:650}.banner--info{background:var(--info-50);border-color:#0ea5e940;color:#075985}.banner--info svg{color:var(--info)}.banner--success{background:var(--accent-50);border-color:#10b98140;color:#065f46}.banner--success svg{color:var(--accent-700)}.banner--warn{background:var(--warn-50);border-color:#f59e0b4d;color:#92400e}.banner--warn svg{color:var(--warn)}.banner--danger{background:var(--danger-50);border-color:#ef444440;color:#991b1b}.banner--danger svg{color:var(--danger)}.toast{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;background:var(--text);color:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:500}.toast svg{width:17px;height:17px}.toast .ok{color:#34d399}.empty-state{text-align:center;padding:56px 24px;max-width:420px;margin:0 auto}.empty-state__art{width:88px;height:88px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(140deg,var(--primary-50),#e8ebfc);display:grid;place-items:center;color:var(--primary)}.empty-state__art svg{width:40px;height:40px;stroke-width:1.6}.empty-state h3{font-size:16px;margin-bottom:7px}.empty-state p{color:var(--muted);font-size:13.5px;margin-bottom:18px}.month-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}.month-seg{flex:0 0 auto;min-width:104px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);text-align:left;transition:border-color .12s,box-shadow .12s}.month-seg:hover{border-color:var(--border-strong)}.month-seg--all{min-width:0;display:flex;align-items:center;justify-content:center;padding:10px;color:var(--primary)}.month-seg.is-active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--primary-50)}.month-seg.is-empty{opacity:.6}.month-seg__name{font-size:12.5px;font-weight:650}.month-seg.is-active .month-seg__name{color:var(--primary-700)}.month-seg__total{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:3px 0 1px}.month-seg__meta{font-size:11px;color:var(--muted)}.month-nav{display:inline-flex;align-items:center;gap:4px}.month-nav__label{font-weight:650;font-size:14.5px;min-width:130px;text-align:center}.calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-2);border-bottom:1px solid var(--border)}.calendar__weekdays span{padding:9px 12px;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:left}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr)}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:0}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 4px;background:transparent;border:0;font-weight:600;font-size:14px;color:var(--text);text-align:left}.accordion-trigger svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.accordion-panel{padding:0 4px 16px;color:var(--muted);font-size:13.5px}.meter{display:flex;flex-direction:column;gap:6px}.meter__head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.meter__head .name{font-weight:550}.meter__head .val{color:var(--muted);font-weight:600}.meter__head .val--bar{color:#fff;background:var(--info);min-width:56px;text-align:center;padding:2px 10px;border-radius:var(--r-sm);font-variant-numeric:tabular-nums}.meter__bar{height:7px;border-radius:var(--r-pill);background:var(--pill-gray-bg);overflow:hidden}.meter__fill{height:100%;border-radius:var(--r-pill);background:var(--primary)}.meter__fill.green{background:var(--accent)}.meter__fill.amber{background:var(--warn)}.todo-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);margin-bottom:8px;font-size:13.5px;font-weight:500;color:var(--text)}.todo-row:hover{border-color:var(--border-strong);background:var(--surface);text-decoration:none}.todo-row__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.todo-row__icon svg{width:16px;height:16px}.todo-row .count{font-weight:700}.todo-row svg.chev{width:16px;height:16px;color:var(--muted-2);margin-left:auto}.todo-row--danger{background:var(--pill-red-bg);border-color:#ef444447;color:var(--pill-red-fg)}.todo-row--danger:hover{background:#ef44442e;border-color:var(--danger)}.todo-row--danger svg.chev{color:var(--danger-700)}.todo-row--warn{background:var(--pill-amber-bg);border-color:#f59e0b52;color:var(--pill-amber-fg)}.todo-row--warn:hover{background:#f59e0b38;border-color:var(--warn)}.todo-row--warn svg.chev{color:var(--pill-amber-fg)}.todo-row--info{background:var(--pill-blue-bg);border-color:#00aada4d;color:var(--pill-blue-fg)}.todo-row--info:hover{background:#00aada38;border-color:var(--info)}.todo-row--info svg.chev{color:var(--pill-blue-fg)}.divider{height:1px;background:var(--border);border:0;margin:22px 0}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .swatch{width:12px;height:12px;border-radius:4px}.stack{display:flex;flex-direction:column}.stack-2>*+*{margin-top:8px}.stack-3>*+*{margin-top:12px}.stack-4>*+*{margin-top:16px}.row{display:flex;align-items:center}.row-gap{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.fw-600{font-weight:600}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex-1{flex:1}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.card__title{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.input.sm,.select.sm{height:34px;padding:0 10px;font-size:13px;border-radius:var(--r-sm)}.input.sm{font-variant-numeric:tabular-nums}.stepper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.stepper__item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:9px;position:relative}.stepper__item+.stepper__item:before{content:"";position:absolute;left:23px;top:-10px;width:2px;height:12px;background:var(--border)}.stepper__item.is-active{background:var(--primary-50)}.stepper__dot{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:650;background:var(--surface-2);color:var(--muted);border:1.5px solid var(--border-strong)}.stepper__item.is-active .stepper__dot{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper__meta{display:flex;flex-direction:column;gap:1px}.stepper__meta strong{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3}.stepper__item:not(.is-active) .stepper__meta strong{color:var(--muted);font-weight:550}.stepper__meta small{font-size:11.5px;color:var(--muted-2)}.visually-hidden,.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}.centered{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);font-weight:500}.page{width:100%}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.auth__aside{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(120% 90% at 85% 10%,rgba(99,102,241,.55),transparent 60%),radial-gradient(110% 90% at 10% 100%,rgba(16,185,129,.4),transparent 55%),linear-gradient(155deg,#312e81,#02314e 48%,#044065)}.auth__aside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent 80%);pointer-events:none}.auth__aside>*{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .brand-mark{width:40px;height:40px;border-radius:11px;font-size:22px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-weight:700}.auth-brand .brand-name{font-size:18px;font-weight:700;line-height:1.1}.auth-brand .brand-name small{display:block;font-size:11.5px;font-weight:500;opacity:.72;letter-spacing:.02em}.auth__pitch h2{font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:700;max-width:13ch}.auth__pitch p{margin-top:14px;font-size:15px;line-height:1.6;opacity:.82;max-width:42ch}.auth__bullets{margin-top:28px;display:flex;flex-direction:column;gap:14px}.auth__bullet{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.auth__bullet svg{width:18px;height:18px;flex-shrink:0}.auth__bullet .tick{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:#ffffff29}.auth__foot{font-size:12.5px;opacity:.7;display:flex;gap:18px}.auth__foot a{color:#fff;text-decoration:none;opacity:.9}.auth__main{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:400px}.auth-card__head{text-align:center;margin-bottom:26px}.auth-card__head h1{font-size:23px;letter-spacing:-.02em}.auth-card__head p{color:var(--muted);font-size:14px;margin-top:6px}.auth-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}.auth-steps .dot-step{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted-2)}.auth-steps .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.auth-steps .dot-step.is-active{color:var(--primary-700)}.auth-steps .dot-step.is-active .num{background:var(--primary);color:#fff;border-color:var(--primary)}.auth-steps .dot-step.is-done .num{background:var(--accent-50);color:var(--accent-700);border-color:#10b98166}.auth-steps .bar{width:26px;height:2px;border-radius:2px;background:var(--border)}.auth-steps .bar.is-done{background:var(--accent)}.pwd-wrap{position:relative}.pwd-wrap .toggle-pwd{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;padding:6px;color:var(--muted-2);cursor:pointer;border-radius:6px;display:grid;place-items:center}.pwd-wrap .toggle-pwd svg{width:18px;height:18px}.pwd-wrap .input{padding-right:38px}.field-row{display:flex;align-items:center;justify-content:space-between}.field-row a{font-size:12.5px;font-weight:600;color:var(--primary-700);text-decoration:none}.btn--full,.btn--block{width:100%;justify-content:center}.check-inline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.auth-or{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:12px;margin:18px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}.btn--sso{width:100%;justify-content:center;gap:10px}.btn--sso svg{width:18px;height:18px}.auth-card__signup{text-align:center;font-size:13.5px;color:var(--muted);margin-top:22px}.auth-card__signup a{color:var(--primary-700);font-weight:600;text-decoration:none}@media (max-width: 980px){.auth{grid-template-columns:1fr}.auth__aside{display:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.toolbar input[type=search]{flex:1;min-width:220px;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font-size:13.5px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-700)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;font-size:13.5px}.data-table caption{text-align:left}.data-table th,.data-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border)}.data-table thead th{background:var(--surface-2);font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-2)}.data-table .empty{text-align:center;color:var(--muted);padding:28px}.field-error,.error{color:var(--danger-700);font-size:12px;margin:4px 0 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.menu-anchor{display:inline-flex}.menu{z-index:130;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 10px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(15,23,42,.14))}.menu__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;background:transparent;cursor:pointer;border-radius:7px;font:inherit;font-size:13.5px;font-weight:500;color:var(--text);text-align:left}.menu__item:hover{background:var(--surface-2)}.menu__item:disabled{color:var(--muted-2);cursor:default;background:transparent}.menu__item svg{width:15px;height:15px;color:var(--muted-2);flex:0 0 auto}.menu__sep{height:1px;margin:5px 4px;background:var(--border)}.menu__hint{padding:6px 10px;font-size:11.5px;color:var(--muted)}.month-seg__bar{height:4px;margin-top:6px;border-radius:99px;background:var(--surface-3, #e2e8f0);overflow:hidden}.month-seg__bar>span{display:block;height:100%;border-radius:99px;background:var(--accent)}.month-seg__bar>span.warn{background:var(--warn)}.month-seg.is-closed .month-seg__name:after{content:" 🔒";font-size:10px}.menu-pop{min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md, 10px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(15, 23, 42, .12));padding:6px;z-index:130;display:flex;flex-direction:column}.menu-pop__item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-radius:var(--r-sm, 8px);padding:8px 10px;font:inherit;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;text-decoration:none}.menu-pop__item:hover{background:var(--surface-2);text-decoration:none}.menu-pop__item.is-danger{color:var(--danger-700)}.menu-pop__item.is-danger:hover{background:var(--danger-50)}.menu-pop__hint{display:block;font-size:11.5px;font-weight:450;color:var(--muted)}.topbar__hamburger{display:none}.receipt-preview img{display:block;width:100%;max-height:320px;object-fit:contain;border:1px solid var(--border);border-radius:var(--r-sm, 8px);background:var(--surface-2)}@media (max-width: 768px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(300px,85vw);z-index:120;transform:translate(-100%);transition:transform .2s cubic-bezier(.22,.61,.36,1)}.sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:110}.topbar__hamburger{display:grid}.topbar{padding:0 10px;gap:6px}.topbar__search,.company-switcher,.user-menu__meta,.divider-v{display:none}.content{padding:16px 14px 70px}.page-header,.page-header__actions{flex-wrap:wrap}.btn{min-height:44px}.btn.sm{min-height:38px}.icon-btn{width:44px;height:44px}.nav-item,.user-menu,.topbar__actions .btn{min-height:44px}.drawer,.drawer.wide{width:100vw}.overlay.center{padding:0}.modal,.modal.sm,.modal.lg{width:100vw;height:100%;max-height:none;border-radius:0}.receipt-cta{width:100%;justify-content:center}.month-strip{overflow-x:auto}}.checkbox-row{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer}.checkbox-row input{margin-top:2px}.checkbox-row input:disabled{cursor:not-allowed}.name-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--primary);cursor:pointer}.name-link:hover{text-decoration:underline}