:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4f7fc;--sidebar:linear-gradient(180deg, #293745 0%, #202a33 100%);--surface:#fffffff2;--surface-strong:#fff;--text:#16213f;--muted:#8790a5;--line:#e6ebf4;--line-strong:#d8e0ee;--primary:#1f52f4;--primary-strong:#143fd7;--danger:#ff4c45;--success:#16a971;--warning:#ef9d16;--shadow-panel:0 22px 55px #111d4314;--shadow-button:0 18px 32px #1f52f438;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--sidebar-width:272px;--sidebar-collapsed-width:92px;--topbar-height:76px;font-family:Aptos,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}input.no-spinner[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.no-spinner[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.no-spinner[type=number]{-moz-appearance:textfield}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #1f52f412, transparent 26%), radial-gradient(circle at bottom right, #18b3ff14, transparent 28%), var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:auto 1fr;min-height:100vh;transition:grid-template-columns .22s;display:grid}.app-shell-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));background:radial-gradient(circle at top left, #4fb1ff29, transparent 24%), var(--sidebar);color:#fff;flex-direction:column;grid-area:2/1;align-self:start;gap:18px;padding:18px 12px;transition:padding .22s,background-color .22s,box-shadow .22s;display:flex;position:sticky;overflow-y:auto;box-shadow:12px 0 24px #0a111c14}.topbar-leading{align-items:center;gap:16px;min-width:0;display:flex}.topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.topbar-brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:152px;height:58px;display:block}.topbar-brand-copy{flex-direction:column;gap:0;min-width:0;font-family:Arial Black,Arial,sans-serif;line-height:.86;display:flex}.topbar-brand-copy strong{letter-spacing:.015em;text-transform:uppercase;color:#4f127f;text-shadow:none;font-size:clamp(1.35rem,2.1vw,2.3rem);font-weight:900}.topbar-brand-copy span{letter-spacing:.02em;text-transform:uppercase;color:#4f127f;text-shadow:none;white-space:nowrap;font-size:clamp(1.1rem,1.7vw,1.8rem);font-weight:900}.sidebar-toggle{color:#32415d;background:#fff;border:1px solid #b8c4d6;border-radius:10px;justify-content:center;align-items:center;width:46px;height:34px;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 6px 16px #12204814}.sidebar-toggle:hover{background:#f6f8fc;border-color:#90a0bb;transform:translateY(-1px)}.sidebar-toggle-icon{width:20px;height:20px}.sidebar-nav{gap:10px;display:grid}.nav-link,.nav-subitem{transition:transform .18s,background-color .18s,color .18s,border-color .18s}.nav-link{border-radius:var(--radius-md);color:#ffffffeb;border:1px solid #0000;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:12px 14px;display:flex}.nav-link:hover,.nav-subitem:hover{background:#ffffff0f;transform:translate(3px)}.nav-item-current{background:linear-gradient(135deg,#104dffeb,#0b38a8f2);border-color:#7aabff33;box-shadow:0 14px 24px #0d3bac3d}.nav-item-main{align-items:center;gap:14px;min-width:0;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.nav-icon-svg,.nav-arrow,.topbar-bell,.profile-caret,.button-icon,.search-icon,.sort-icon,.pagination-icon,.filter-caret,.table-actions svg{width:20px;height:20px}.nav-arrow{opacity:.86}.nav-group{gap:10px;display:grid}.nav-group-trigger{width:100%;font:inherit;text-align:left;background:0 0}.nav-group-header{cursor:pointer}.nav-group-open{background:#ffffff14;border-color:#ffffff1a}.nav-group-arrow{transition:transform .18s,opacity .18s}.nav-group-arrow-collapsed{transform:rotate(-90deg)}.nav-submenu{gap:8px;padding-left:12px;display:grid}.nav-subitem{border-radius:var(--radius-md);color:#ffffffdb;padding:13px 18px 13px 42px}.nav-subitem-current{color:#fff;background:linear-gradient(135deg,#104dff57,#ffffff14)}.topbar{z-index:20;min-height:var(--topbar-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #1220480a}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-icon-button,.profile-button,.icon-action,.pagination-button,.filter-button,.ghost-button,.secondary-button,.primary-button{background:0 0;border:0}.topbar-icon-button{color:#1c2440;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.notification-dot{background:#ff3b3b;border:2px solid #fff;border-radius:999px;width:9px;height:9px;position:absolute;top:7px;right:7px}.topbar-divider{background:var(--line-strong);width:1px;height:34px}.profile-button{color:#202844;align-items:center;gap:12px;padding:0;display:inline-flex}.profile-avatar{color:#8f96a7;background:linear-gradient(#f0f2f8 0%,#e2e7f2 100%);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.profile-avatar-icon{width:22px;height:22px}.profile-label{font-size:1rem;font-weight:600}.page-content{grid-area:2/2;min-width:0;padding:28px 32px 40px}@media (width>=1081px){.app-shell-collapsed .sidebar{padding-left:10px;padding-right:10px}.app-shell-collapsed .nav-link,.app-shell-collapsed .nav-group-header{justify-content:center;padding-left:12px;padding-right:12px}.app-shell-collapsed .nav-item-main{justify-content:center}.app-shell-collapsed .nav-label,.app-shell-collapsed .nav-arrow,.app-shell-collapsed .nav-submenu{display:none}.app-shell-collapsed .sidebar-toggle{color:var(--primary);background:#eef3ff;border-color:#1f52f447}}.page-stack{gap:22px;display:grid}.page-toolbar{gap:20px;display:grid}.page-toolbar-head,.toolbar-row,.table-footer,.form-actions,.packaging-row{align-items:center;gap:16px;display:flex}.page-toolbar-head,.toolbar-row{justify-content:space-between}.page-title,.form-title,.panel-heading h2,.overview-card h3{letter-spacing:-.04em;margin:0}.page-title{letter-spacing:-.035em;color:#4f127f;text-underline-offset:6px;font-family:Aptos,Segoe UI,sans-serif;font-size:clamp(2rem,2.7vw,2.7rem);font-weight:600;-webkit-text-decoration:underline #6b2da3;text-decoration:underline #6b2da3;text-decoration-thickness:2px;display:inline-block}.primary-button,.secondary-button,.ghost-button,.filter-button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:12px;min-height:56px;padding:0 24px;font-weight:600;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);color:#fff;box-shadow:var(--shadow-button)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.secondary-button,.ghost-button,.filter-button{color:#202a48;background:var(--surface-strong);border:1px solid var(--line-strong)}.ghost-button{color:#283252;background:linear-gradient(#f5f7fb 0%,#edf1f9 100%);min-width:146px}.search-field{width:min(100%,380px);position:relative}.search-icon{color:#9aa4b6;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-input,.text-input,.select-input,.textarea-input,.input-shell,.static-select,.file-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-strong);color:#1c2646;width:100%;transition:border-color .16s,box-shadow .16s,transform .16s}.search-input,.text-input,.select-input,.input-shell,.static-select,.file-input{min-height:56px}.search-input{padding:0 18px 0 56px}.search-input::placeholder,.text-input::placeholder,.textarea-input::placeholder,.input-shell input::placeholder{color:#98a2b6}.search-input:focus-visible,.text-input:focus-visible,.select-input:focus-visible,.textarea-input:focus-visible,.file-input:focus-visible,.input-shell:focus-within{border-color:#1f52f475;outline:none;box-shadow:0 0 0 4px #1f52f414}.filter-button{padding:0 18px}.filter-caret{transform:rotate(90deg)}.content-panel{background:var(--surface);box-shadow:var(--shadow-panel);border:1px solid #dce3f1eb;border-radius:18px;animation:.42s both panel-enter;overflow:hidden}.padded-panel,.form-panel{padding:28px 32px}.panel-heading{gap:8px;margin-bottom:22px;display:grid}.panel-heading p,.metric-detail,.quick-link-detail,.signal-list,.overview-card p,.table-summary,.helper-text{color:var(--muted);margin:0}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:920px}.data-table thead th{color:#202844;background:linear-gradient(#fbfcff 0%,#f6f8fd 100%);font-size:.98rem;font-weight:700}.data-table th,.data-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:22px 16px}.data-table th:last-child,.data-table td:last-child{border-right:0}.align-left{text-align:left}.table-cell-stack,.table-heading-inline,.metric-card,.overview-grid,.metric-grid,.two-column-layout,.quick-link-grid,.signal-list,.form-grid,.field{display:grid}.table-heading-inline{grid-auto-flow:column;justify-content:center;align-items:center;gap:8px}.table-cell-stack{gap:4px}.table-cell-muted{color:var(--muted);font-size:.95rem}.table-footer{flex-wrap:wrap;justify-content:space-between;padding:22px 18px}.table-footer-centered{justify-content:center}.pagination{align-items:center;gap:10px;display:flex}.pagination-button{border:1px solid var(--line-strong);color:#223152;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.pagination-button-current{color:var(--primary);border-color:#1f52f461;box-shadow:inset 0 0 0 1px #1f52f41a}.status-pill{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:72px;padding:8px 14px;font-size:.96rem;font-weight:600;display:inline-flex}.status-pill-paid{color:var(--success);background:#16a9711a;border-color:#16a9712e}.status-pill-partial{color:var(--warning);background:#ef9d161f;border-color:#ef9d1633}.status-pill-unpaid{color:#ff564d;background:#ff564d1a;border-color:#ff564d2e}.table-actions{align-items:center;gap:18px;display:inline-flex}.icon-action{color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.icon-action-delete{color:var(--danger)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{box-shadow:var(--shadow-panel);background:linear-gradient(#fffffffa 0%,#f8fafff0 100%);border:1px solid #dce3f1eb;border-radius:20px;gap:10px;padding:24px}.metric-label{color:#64708a;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;font-weight:700}.metric-value{color:#18244b;font-size:2.1rem;line-height:1}.two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.quick-link-grid,.overview-grid{gap:16px}.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link-card{background:linear-gradient(#fff 0%,#f7f9fe 100%);border:1px solid #dbe2f0eb;border-radius:18px;gap:10px;padding:20px;display:grid}.quick-link-title{font-size:1.03rem}.signal-list{gap:14px;padding-left:20px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-chart-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:22px;display:grid}.dashboard-chart-card{position:relative;overflow:hidden}.dashboard-chart-card:before{content:"";opacity:.92;width:100%;height:4px;position:absolute;inset:0 auto auto 0}.dashboard-chart-card-attendance{background:radial-gradient(circle at 100% 0,#18cc751f,#0000 28%),linear-gradient(#fcfffdfa 0%,#f4fff9f5 100%);border-color:#16a97124}.dashboard-chart-card-attendance:before{background:linear-gradient(90deg,#13af6a 0%,#48d9a0 100%)}.dashboard-chart-card-progress{background:radial-gradient(circle at 100% 0,#3d7dff24,#0000 32%),linear-gradient(#fcfefffa 0%,#f5f9fff5 100%);border-color:#3860c924}.dashboard-chart-card-progress:before{background:linear-gradient(90deg,#2c6cff 0%,#6d9bff 100%)}.dashboard-chart-card-targets{background:radial-gradient(circle at 100% 0,#ffa6001f,#0000 28%),linear-gradient(#fffdfafa 0%,#fff8eff5 100%);border-color:#ffaa2e2e}.dashboard-chart-card-targets:before{background:linear-gradient(90deg,#f28e1c 0%,#ffd15a 100%)}.dashboard-chart-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.dashboard-chart-heading .panel-heading{margin-bottom:0}.dashboard-chart-chip{color:#304164;white-space:nowrap;background:#ffffffb8;border:1px solid #c2cde4eb;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.dashboard-donut-card{grid-template-columns:minmax(220px,248px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.dashboard-donut-shell{border-radius:999px;width:216px;height:216px;margin:0 auto;padding:18px;box-shadow:inset 0 0 0 1px #ffffffd1}.dashboard-donut-hole{background:#fffffff7;border-radius:999px;align-content:center;justify-items:center;gap:4px;width:100%;height:100%;display:grid;box-shadow:0 18px 32px #1a284714}.dashboard-donut-hole strong{color:#1a2a50;font-size:2.9rem;line-height:1}.dashboard-donut-hole span{color:#72809f;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.dashboard-donut-legend{gap:16px;display:grid}.dashboard-donut-legend-item{background:#ffffffc7;border:1px solid #dce3f1eb;border-radius:18px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;display:grid}.dashboard-donut-legend-item strong{color:#1d2a52;font-size:1.15rem;display:block}.dashboard-donut-legend-item span:last-child{color:#7080a0}.dashboard-donut-legend-dot{border-radius:999px;width:14px;height:14px}.dashboard-donut-legend-dot-present{background:#16b06d}.dashboard-donut-legend-dot-absent{background:#ff6767}.dashboard-compare-chart{gap:18px;display:grid}.dashboard-compare-legend{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.dashboard-compare-legend-item{color:#536382;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.dashboard-compare-legend-swatch{border-radius:2px;flex-shrink:0;width:14px;height:14px}.dashboard-compare-legend-swatch-primary{background:linear-gradient(90deg,#2c6cff 0%,#59b2ff 100%)}.dashboard-compare-legend-swatch-secondary{background:#d8d8d8}.dashboard-compare-grid{gap:16px;display:grid}.dashboard-compare-row{grid-template-columns:minmax(170px,210px) minmax(280px,1fr) minmax(120px,160px);align-items:center;gap:18px;display:grid}.dashboard-compare-label,.dashboard-compare-value{gap:4px;display:grid}.dashboard-compare-label strong,.dashboard-compare-value strong{color:#1e2b55;font-size:1rem}.dashboard-compare-label span,.dashboard-compare-value span{color:#7382a2;font-size:.88rem}.dashboard-compare-value{text-align:right;justify-items:end}.dashboard-compare-bar-shell{background:#d8d8d8;border-radius:0;height:42px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6}.dashboard-compare-bar-fill{color:#fff;white-space:nowrap;justify-content:flex-end;align-items:center;min-width:0;height:100%;padding:0 12px;font-weight:800;display:flex}.dashboard-compare-bar-fill-progress{background:linear-gradient(90deg,#2c6cff 0%,#59b2ff 100%)}.dashboard-compare-bar-fill-target{background:linear-gradient(90deg,#20b26c 0%,#5edc94 100%)}.task-status-page-header{align-items:center;gap:18px;display:flex}.task-status-page-icon{color:#6859ea;background:linear-gradient(#fffffffa 0%,#f5f8fff5 100%);border:1px solid #d5def2f5;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 12px 24px #3953a514}.task-status-page-icon-svg{width:26px;height:26px}.task-status-page-divider{background:linear-gradient(#5b69f6 0%,#8a78ff 100%);border-radius:999px;width:2px;height:42px}.task-status-page-title{letter-spacing:-.05em;color:#1c2c57;margin:0;font-size:clamp(2rem,2.8vw,2.75rem);font-weight:700}.task-status-overview-panel{background:radial-gradient(circle at 100% 0,#8a78ff1a,#0000 28%),radial-gradient(circle at 0 100%,#31acff14,#0000 25%),linear-gradient(#fffffffa 0%,#f8fbfff5 100%)}.task-status-panel-heading{max-width:760px}.task-status-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.task-status-date-field{width:min(100%,280px)}.task-status-date-shell{position:relative}.task-status-date-icon{color:#6a769a;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.task-status-date-icon-trailing{left:auto;right:18px}.task-status-date-input{color:#1d2c56;padding-left:54px;padding-right:54px;font-weight:800}.task-status-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.task-status-summary-card{background:linear-gradient(#fffffffa 0%,#f8fafff0 100%);border:1px solid #dce3f1eb;border-radius:24px;align-items:center;gap:16px;min-height:132px;padding:20px 22px;display:flex;box-shadow:inset 0 1px #ffffffd6}.task-status-summary-icon-shell{border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.task-status-summary-icon-shell-violet{color:#7151ee;background:linear-gradient(#7758f129 0%,#7758f114 100%)}.task-status-summary-icon-shell-blue{color:#3f79ff;background:linear-gradient(#3f79ff29 0%,#3f79ff14 100%)}.task-status-summary-icon-shell-green{color:#23b66e;background:linear-gradient(#23b66e29 0%,#23b66e14 100%)}.task-status-summary-icon-shell-amber{color:#f09b20;background:linear-gradient(#f09b2029 0%,#f09b2014 100%)}.task-status-summary-icon{width:30px;height:30px}.task-status-summary-copy{gap:6px;display:grid}.task-status-summary-label{letter-spacing:.06em;text-transform:uppercase;color:#6c7893;font-size:.82rem;font-weight:800}.task-status-summary-value{color:#1c294f;font-size:2.1rem;line-height:1}.task-status-summary-note{color:#7a86a2;font-size:.92rem}.task-status-register-head{padding:20px 22px}.task-status-table{min-width:1180px}.task-status-row-progress{grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:12px;display:grid}.task-status-state-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.task-status-state-pill-pending{color:#cc8c14;background:#ffba451f;border-color:#ffba453d}.task-status-state-pill-progress{color:#2f6bff;background:#2c6cff1a;border-color:#2c6cff33}.task-status-state-pill-complete{color:#15a96a;background:#16a9711a;border-color:#16a97133}.task-status-state-dot{background:currentColor;border-radius:999px;width:10px;height:10px}.task-status-row-track{min-width:0}.task-status-row-track-bar{background:linear-gradient(#e2e8f5fa 0%,#f0f4fafa 100%);border-radius:999px;height:8px;position:relative;overflow:hidden}.task-status-progress-fill{border-radius:inherit;height:100%}.task-status-progress-fill-complete{background:linear-gradient(90deg,#16b06d 0%,#4ed695 100%)}.task-status-progress-fill-progress{background:linear-gradient(90deg,#2c6cff 0%,#69b4ff 100%)}.task-status-progress-fill-pending{background:linear-gradient(90deg,#ffc256 0%,#ffe082 100%)}.task-status-row-percent,.task-status-row-meta{color:#67789f;white-space:nowrap;font-size:.88rem}.task-status-row-percent{color:#26365a;font-weight:700}.task-status-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eff4fce0;justify-content:center;align-items:stretch;padding:18px;display:flex;position:fixed;inset:0}.task-status-modal{background:radial-gradient(circle at 100% 0,#8e7aff1a,#0000 24%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #dce3f1eb;border-radius:30px;grid-template-rows:auto 1fr;width:min(1480px,100%);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 30px 70px #10182c2e}.task-status-modal-head{border-bottom:1px solid #dce3f1eb;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 22px;display:flex}.task-status-modal-lead{align-items:flex-start;gap:18px;min-width:0;display:flex}.task-status-modal-nav,.task-status-modal-close{color:#7347e2;background:#ffffffeb;border:1px solid #d6def0f0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 12px 24px #465a9214}.task-status-modal-nav{border-radius:18px;width:54px;height:54px}.task-status-modal-close{border-radius:16px;width:50px;height:50px}.task-status-modal-nav-icon,.task-status-modal-close-icon{width:22px;height:22px}.task-status-modal-title-wrap{gap:8px;min-width:0;display:grid}.task-status-modal-title-wrap strong{color:#1c2c57;letter-spacing:-.05em;font-size:clamp(1.8rem,2.6vw,2.95rem)}.task-status-modal-meta{color:#6f7ea1;flex-wrap:wrap;align-items:center;gap:14px;font-weight:700;display:flex}.task-status-modal-meta-item{align-items:center;gap:7px;display:inline-flex}.task-status-modal-meta-icon{color:#7b5ef0;width:16px;height:16px}.task-status-modal-body{gap:24px;padding:28px;display:grid;overflow:auto}.task-status-modal-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.task-status-modal-summary-card{background:linear-gradient(#fffffffa 0%,#f7f9fff0 100%);border:1px solid #dce3f1eb;border-radius:24px;align-items:center;gap:16px;min-height:118px;padding:18px 20px;display:flex}.task-status-modal-summary-icon{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.task-status-modal-summary-icon-violet{color:#743ef0;background:linear-gradient(#743ef024 0%,#743ef014 100%)}.task-status-modal-summary-icon-green{color:#1fb56b;background:linear-gradient(#1fb56b24 0%,#1fb56b14 100%)}.task-status-modal-summary-icon-blue{color:#2f6bff;background:linear-gradient(#2f6bff24 0%,#2f6bff14 100%)}.task-status-modal-summary-icon-svg{width:28px;height:28px}.task-status-modal-summary-copy{gap:6px;display:grid}.task-status-modal-summary-copy span{letter-spacing:.05em;text-transform:uppercase;color:#6d7993;font-size:.82rem;font-weight:800}.task-status-modal-summary-copy strong{color:#1e2b55;letter-spacing:-.04em;font-size:1.95rem;line-height:1.05}.task-status-modal-status-value{font-size:2rem}.task-status-modal-status-value-pending{color:#f09b20}.task-status-modal-status-value-progress{color:#743ef0}.task-status-modal-status-value-complete{color:#1cb06b}.task-status-empty-state{color:#7281a0;background:#fffc;border:1px dashed #c2cde4eb;border-radius:22px;padding:22px 24px}.task-status-city-list{gap:20px;display:grid}.task-status-city-card{background:#ffffffe0;border:1px solid #dce3f1eb;border-radius:26px;overflow:hidden}.task-status-city-card-mint .task-status-city-toggle{background:linear-gradient(90deg,#e9faf5f5 0%,#f4fbfffa 100%)}.task-status-city-card-sky .task-status-city-toggle{background:linear-gradient(90deg,#f0f7fffa 0%,#f8fafffa 100%)}.task-status-city-toggle{text-align:left;border:0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:22px 24px;display:flex}.task-status-city-title-wrap{align-items:flex-start;gap:14px;min-width:0;display:flex}.task-status-city-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.task-status-city-icon-mint{color:#10b887;background:#10b8871a}.task-status-city-icon-sky{color:#2c6cff;background:#2c6cff1a}.task-status-city-icon-svg{width:22px;height:22px}.task-status-city-head,.task-status-city-toggle h3,.task-status-city-toggle p{margin:0}.task-status-city-toggle h3{color:#1f2c55;font-size:1.08rem}.task-status-city-toggle p{color:#7382a2;margin-top:4px}.task-status-city-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.task-status-city-count{color:#245ee1;white-space:nowrap;background:#2c6cff1a;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:700;display:inline-flex}.task-status-city-caret{color:#60719a;width:22px;height:22px;transition:transform .18s}.task-status-city-caret.is-open{transform:rotate(180deg)}.task-status-detail-table{min-width:1320px}.task-status-doctor-cell{align-items:center;gap:12px;display:flex}.task-status-doctor-avatar{color:#7b3bf0;letter-spacing:.04em;background:linear-gradient(#7a4af01f 0%,#7a4af00f 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-weight:800;display:inline-flex}.task-status-inline-pill{border-radius:22px;justify-items:start;gap:4px;min-width:136px;padding:12px 16px;font-size:.92rem;font-weight:800;line-height:1.12;display:inline-grid}.task-status-inline-pill small{font-size:.86rem;font-weight:700}.task-status-inline-pill-pending{color:#cf8500;background:#ffba4529}.task-status-inline-pill-in_progress{color:#2c6cff;background:#2c6cff1f}.task-status-inline-pill-completed{color:#11a967;background:#16a9711f}.task-status-token-list{flex-wrap:wrap;gap:8px;display:flex}.task-status-token{color:#2a3a61;background:#f5f8ff;border:1px solid #d5def2f5;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.85rem;font-weight:700;display:inline-flex}.task-status-summary-text{min-width:160px}.task-status-modal-footer{color:#7080a3;justify-content:center;align-items:center;min-height:48px;font-weight:700;display:flex}@media (width<=900px){.task-status-page-header,.task-status-row-progress,.task-status-city-toggle,.task-status-modal-head{flex-wrap:wrap}.task-status-row-progress{grid-template-columns:1fr}.task-status-summary-card,.task-status-modal-summary-card{align-items:flex-start}.task-status-city-actions{justify-content:space-between;width:100%}}.overview-card h3{margin-bottom:10px;font-size:1.15rem}.form-panel{padding:34px 38px 40px}.form-title{letter-spacing:-.035em;color:#4f127f;text-underline-offset:6px;margin-bottom:28px;font-family:Aptos,Segoe UI,sans-serif;font-size:clamp(2rem,2.7vw,2.8rem);font-weight:600;-webkit-text-decoration:underline #6b2da3;text-decoration:underline #6b2da3;text-decoration-thickness:2px;display:inline-block}.form-sections{gap:32px;display:grid}.form-section{gap:18px;display:grid}.form-section+.form-section{border-top:1px solid #dce3f1eb;padding-top:28px}.form-section-head{gap:8px;display:grid}.form-section-title{color:#18244b;margin:0;font-size:1.3rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 42px}.field{gap:10px}.field-wide{grid-column:1/-1}.field label{color:#1d2442;font-size:1.02rem;font-weight:700}.text-input,.select-input{padding:0 18px}.select-input{appearance:none;padding-right:48px}.textarea-input{resize:vertical;min-height:100px;padding:16px 18px}.file-input{color:#32415d;background:linear-gradient(#fcfdff 0%,#f7faff 100%);border-style:dashed;padding:10px 12px}.file-input:hover{border-color:#b7c6dd}.file-input::file-selector-button{color:#1b46c4;cursor:pointer;background:linear-gradient(135deg,#eef3ff 0%,#dde7ff 100%);border:0;border-radius:10px;margin-right:14px;padding:10px 16px;font-weight:600}.input-shell{align-items:center;display:flex;overflow:hidden}.input-shell-divider .input-prefix{border-right:1px solid var(--line)}.input-prefix,.input-suffix{color:#6f7990;flex-shrink:0;justify-content:center;align-items:center;width:52px;display:inline-flex}.input-shell input{width:100%;min-width:0;height:54px;color:inherit;background:0 0;border:0;padding:0 18px}.input-shell input:focus{outline:none}.select-wrap{position:relative}.select-wrap:after{content:"";pointer-events:none;border-bottom:2px solid #233053;border-right:2px solid #233053;width:8px;height:8px;position:absolute;top:50%;right:20px;transform:translateY(-65%)rotate(45deg)}.static-select{justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.choice-chip{color:#1d2646;background:#eef3ff;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:inline-flex}.choice-chip-close{color:#5e6881;font-size:1.1rem;line-height:1}.helper-text{font-size:.95rem}.field-note{color:var(--muted);margin:0;font-size:.9rem}.city-entry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) auto;align-items:end;gap:22px;display:grid}.city-entry-grid-simple{grid-template-columns:minmax(0,1fr) auto}.city-entry-action{align-items:flex-end;display:flex}.related-table-shell{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce3f1eb;border-radius:18px;overflow:hidden}.related-data-table{min-width:640px}.table-empty-cell{color:var(--muted);text-align:center;padding:20px 16px}.detail-panel{gap:28px;display:grid}.detail-page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-panel-heading{margin-bottom:0}.attendance-overview-head,.attendance-register-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.attendance-overview-title{letter-spacing:-.04em;color:#1e2b58;margin:0;font-size:clamp(2rem,2.7vw,2.7rem)}.attendance-month-field{width:min(100%,330px)}.attendance-month-control{position:relative}.attendance-month-icon,.attendance-month-caret{pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.attendance-month-icon{color:#6677a2;left:18px}.attendance-month-caret{color:#33446f;right:18px}.attendance-month-icon-svg,.attendance-month-caret-svg,.attendance-register-title-icon-svg,.attendance-summary-icon,.attendance-register-note-icon svg{width:20px;height:20px}.attendance-month-select{color:#1f2c55;appearance:none;background:linear-gradient(#fff 0%,#f9fbff 100%);width:100%;min-height:56px;padding-left:54px;padding-right:54px;font-size:1rem;font-weight:700}.attendance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.attendance-summary-card{box-shadow:var(--shadow-panel);border:1px solid #dce3f1eb;border-radius:24px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;padding:26px 26px 28px;display:grid}.attendance-summary-card-working{background:linear-gradient(#fffffffa 0%,#f6f9fff5 100%);border-color:#3860c924}.attendance-summary-card-present{background:linear-gradient(#f8fffafa 0%,#f0fff7f5 100%);border-color:#16a97124}.attendance-summary-card-absent{background:linear-gradient(#fffafafa 0%,#fff3f3f5 100%);border-color:#ff564d24}.attendance-summary-icon-shell{border-radius:999px;justify-content:center;align-items:center;width:74px;height:74px;display:inline-flex}.attendance-summary-icon-shell-working{color:#2370f4;background:linear-gradient(#3d7dff24 0%,#e7efffeb 100%)}.attendance-summary-icon-shell-present{color:#0fb46b;background:linear-gradient(#16a97124 0%,#dcffedf0 100%)}.attendance-summary-icon-shell-absent{color:#ff4949;background:linear-gradient(#ff5f5f24 0%,#ffe8e8f0 100%)}.attendance-summary-icon-shell svg{width:34px;height:34px}.attendance-summary-copy{gap:8px;display:grid}.attendance-summary-label{text-transform:uppercase;letter-spacing:.05em;font-size:.86rem;font-weight:800}.attendance-summary-card-working .attendance-summary-label{color:#2069e2}.attendance-summary-card-present .attendance-summary-label{color:#00a35f}.attendance-summary-card-absent .attendance-summary-label{color:#ff3737}.attendance-summary-value{color:#172750;font-size:2.2rem;line-height:1}.attendance-summary-detail{color:#6d7c9d;margin:0}.attendance-register-head{border-bottom:1px solid var(--line);align-items:center;padding:18px 22px}.attendance-register-title-wrap{align-items:center;gap:14px;display:inline-flex}.attendance-register-title-icon{color:#2370f4;background:#3d7dff1a;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.attendance-table-title{color:#1c2644;font-size:.95rem;font-weight:800}.attendance-data-table{min-width:1120px}.attendance-data-table thead th{background:linear-gradient(#fbfcff 0%,#f6f8fd 100%);font-size:.96rem}.attendance-data-table th,.attendance-data-table td{padding:18px 12px}.attendance-data-table td{color:#1e2d54}.attendance-row-present td{background:linear-gradient(#f3fff7fa 0%,#ecfff5f5 100%)}.attendance-row-absent td{background:linear-gradient(#fff6f6fa 0%,#fff0f0f5 100%)}.attendance-row-upcoming td{background:linear-gradient(#f1f6fffa 0%,#ecf3fff5 100%)}.attendance-row-weekoff td{background:linear-gradient(#f5f2fffa 0%,#f1eefff5 100%)}.attendance-status-text{font-size:.98rem;font-weight:800;display:inline-block}.attendance-status-text-present{color:#0f9a61}.attendance-status-text-absent{color:#ef4747}.attendance-status-text-upcoming{color:#4167e8}.attendance-status-text-weekoff{color:#7a52db}.attendance-mini-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.attendance-mini-chip-missing{color:#ef4747;background:#ff7a7a29}.attendance-mini-chip-pending{color:#cf8500;background:#ffba452e}.attendance-mini-chip-upcoming{color:#4167e8;background:#5a7df824}.attendance-mini-chip-weekoff{color:#7a52db;background:#7a52db24}.attendance-notice{text-align:center;justify-items:center;gap:8px;display:grid}.attendance-notice strong{color:#1d2d56;font-size:.95rem}.attendance-notice span:last-child{color:#6b7997}.attendance-punch-inline{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.attendance-punch-time-row,.attendance-punch-location-row,.attendance-detail-line{flex-wrap:wrap;align-items:flex-start;gap:8px;display:inline-flex}.attendance-detail-line span{word-break:break-word;min-width:0}.attendance-punch-time-row strong,.attendance-detail-line strong,.attendance-punch-inline strong{color:#1d2d56}.attendance-punch-icon,.attendance-punch-location-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.attendance-punch-icon-punchIn{color:#12b46c}.attendance-punch-icon-punchOut{color:#f2a21f}.attendance-punch-location-icon{color:#7b87a4}.attendance-punch-icon svg,.attendance-punch-location-icon svg{width:18px;height:18px}.attendance-punch-location-row,.attendance-punch-location-inline{color:#6d7c9d;text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.attendance-dash{color:#7a86a2;letter-spacing:.08em;font-size:1.2rem;font-weight:700;display:inline-block}.attendance-detail-photo-dot{background:#17b66f;border-radius:999px;width:10px;height:10px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 3px #fff}.attendance-view-button{color:#3654c3;background:linear-gradient(#fff 0%,#f7faff 100%);border:1px solid #1f52f438;border-radius:16px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.attendance-view-icon{width:18px;height:18px}.attendance-register-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.attendance-register-note{color:#6d7c9d;align-items:center;gap:10px;display:inline-flex}.attendance-register-note-icon{color:#8a78ff;background:#8a78ff1f;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.attendance-register-updated{color:#6d7c9d;font-weight:600}.attendance-detail-modal-backdrop,.attendance-photo-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e152785;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attendance-detail-modal,.attendance-photo-modal{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce3f1eb;border-radius:24px;width:min(720px,100%);overflow:hidden;box-shadow:0 28px 60px #10182c47}.attendance-detail-modal-head,.attendance-photo-modal-head{border-bottom:1px solid #dce3f1eb;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.attendance-detail-modal-head strong,.attendance-photo-modal-head strong{color:#1c2644;font-size:1rem}.attendance-detail-modal-close,.attendance-photo-modal-close{color:#4f127f;cursor:pointer;background:#4f127f14;border:0;border-radius:999px;width:40px;height:40px;font-size:1rem;font-weight:800}.attendance-detail-modal-body{padding:24px 22px 0}.attendance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.attendance-detail-section{gap:14px;display:grid}.attendance-detail-label{font-size:1.05rem;font-weight:800}.attendance-detail-label-punchIn{color:#10b86d}.attendance-detail-label-punchOut{color:#f1a01d}.attendance-detail-body{grid-template-columns:minmax(0,1fr) 104px;align-items:start;gap:16px;display:grid}.attendance-detail-copy{gap:12px;display:grid}.attendance-detail-line{color:#6d7c9d}.attendance-detail-remark{color:#6d7c9d;margin:0}.attendance-detail-photo-button{cursor:pointer;background:0 0;border:0;border-radius:20px;width:104px;height:104px;padding:0;position:relative}.attendance-detail-photo-image{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block;box-shadow:0 12px 24px #12224d1f}.attendance-detail-photo-empty{color:#6d7c9d;background:linear-gradient(#f3f6ff 0%,#edf3ff 100%);border-radius:20px;justify-content:center;align-items:center;width:104px;height:104px;font-weight:700;display:inline-flex}.attendance-detail-empty{align-items:center;min-height:104px;display:grid}.attendance-detail-modal-footer{color:#6d7c9d;border-top:1px solid #dce3f1eb;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px 22px 20px;display:inline-flex}.attendance-photo-modal-body{padding:22px}.attendance-photo-modal-image{object-fit:contain;background:#eef3ff;border-radius:18px;width:100%;max-height:72vh;display:block}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.detail-item{background:linear-gradient(#fff 0%,#f7f9fe 100%);border:1px solid #dce3f1eb;border-radius:18px;gap:8px;padding:18px 20px;display:grid}.detail-item-wide{grid-column:1/-1}.detail-label{letter-spacing:.04em;text-transform:uppercase;color:#6b7791;font-size:.9rem;font-weight:700}.detail-value{color:#16213f;font-size:1.02rem;line-height:1.6}.inventory-table{min-width:780px}.inventory-summary-toggle{width:42px;height:42px;color:var(--primary);background:linear-gradient(#f8fbff 0%,#eef3ff 100%);border:1px solid #1f52f42e;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.inventory-summary-toggle:hover{background:linear-gradient(#f1f6ff 0%,#e8efff 100%);border-color:#1f52f457;transform:translateY(-1px)}.inventory-summary-toggle-open{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);color:#fff;border-color:#0000}.inventory-summary-icon{width:18px;height:18px}.inventory-summary-toggle-open .inventory-summary-icon{transform:rotate(45deg)}.inventory-detail-row td{background:linear-gradient(#fff 0%,#f8fbff 100%);padding:0}.inventory-detail-card{gap:22px;padding:28px 30px 30px;display:grid}.inventory-detail-head h3{color:#4f127f;text-underline-offset:8px;margin:0;font-size:1.5rem;font-weight:600;-webkit-text-decoration:underline #6b2da3;text-decoration:underline #6b2da3;text-decoration-thickness:2px;display:inline-block}.inventory-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px;display:grid}.inventory-detail-actions{justify-content:center;display:flex}.billing-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c162c6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.billing-modal{background:#fff;border:1px solid #dce3f1eb;border-radius:24px;grid-template-rows:auto 1fr auto;width:min(1240px,100%);max-height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 60px #0d183438}.billing-modal-head,.billing-modal-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.billing-modal-actions{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.billing-modal-title{color:#4f127f;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:1.6rem}.billing-modal-close{border:1px solid var(--line-strong);color:#223152;background:#fff;border-radius:12px;min-height:42px;padding:0 18px;font-weight:600}.billing-modal-body{gap:26px;padding:24px;display:grid;overflow:auto}.billing-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;display:grid}.billing-meta-party{max-width:min(100%,520px)}.billing-entry-shell{border:1px solid #dce3f1eb;border-radius:18px;overflow:auto}.billing-entry-table{min-width:1180px}.billing-entry-row{grid-template-columns:60px 1.5fr 1.1fr 1fr 1fr 1fr .8fr .9fr .9fr 1fr;display:grid}.billing-entry-row>span,.billing-entry-row>input{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.billing-entry-row>:last-child{border-right:0}.billing-entry-row-head{background:linear-gradient(#fbfcff 0%,#f6f8fd 100%)}.billing-entry-row-head>span{color:#202844;text-align:center;justify-content:center;align-items:center;min-height:56px;padding:12px 10px;font-size:.95rem;font-weight:700;display:flex}.billing-entry-serial{color:#1f2c49;background:#fff;justify-content:center;align-items:center;min-height:54px;padding:10px;display:flex}.billing-line-input{color:#1c2646;background:#fff;border:0;min-width:0;min-height:54px;padding:0 14px}.billing-line-input:focus{background:#f8fbff;outline:none}.packaging-row{align-items:center}.packaging-row .static-select{max-width:285px}.packaging-builder{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce3f1eb;border-radius:18px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.packaging-item-wrap{align-items:flex-start;gap:14px;display:flex}.packaging-item{justify-items:center;gap:8px;display:grid}.packaging-value-input{border:1px solid var(--line-strong);color:#1c2646;text-align:center;background:#fff;border-radius:14px;width:96px;min-height:54px;padding:0 12px;font-size:1.1rem;font-weight:700;transition:border-color .16s,box-shadow .16s}.packaging-value-input:focus{border-color:#1f52f475;outline:none;box-shadow:0 0 0 4px #1f52f414}.packaging-label{color:#1d2442;font-size:.95rem;font-weight:600}.packaging-multiply{color:#233053;align-self:center;padding-top:6px;font-size:1.6rem;line-height:1}.form-actions{justify-content:flex-end;margin-top:40px}@keyframes panel-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.metric-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{gap:24px 28px}.city-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-entry-action{grid-column:1/-1}}@media (width<=1080px){.app-shell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.sidebar{grid-area:2/1;min-height:0;max-height:none;position:static;overflow:visible}.topbar{grid-area:1/1}.page-content{grid-area:3/1;min-height:0}.sidebar-toggle{display:none}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-group{grid-column:1/-1}.page-content{padding:28px}.metric-grid,.dashboard-chart-grid,.dashboard-donut-card,.dashboard-compare-row,.task-status-summary-grid,.task-status-modal-summary,.attendance-summary-grid,.attendance-detail-grid,.two-column-layout,.quick-link-grid,.overview-grid,.form-grid,.city-entry-grid,.detail-grid,.billing-meta-grid,.inventory-detail-grid{grid-template-columns:1fr}}@media (width<=720px){.sidebar{padding:20px 14px}.topbar-leading{justify-content:space-between;width:100%}.topbar-brand{gap:10px}.topbar-brand-logo{max-width:118px;height:46px}.topbar-brand-copy strong{letter-spacing:.01em;font-size:1rem}.topbar-brand-copy span{letter-spacing:.01em;font-size:.85rem}.sidebar-nav{grid-template-columns:1fr}.topbar,.page-content,.form-panel,.padded-panel{padding-left:20px;padding-right:20px}.topbar{min-height:80px;padding-top:18px;padding-bottom:18px}.page-content{padding-top:22px;padding-bottom:28px}.page-toolbar-head,.toolbar-row,.form-actions,.packaging-row,.topbar-actions,.detail-page-head,.dashboard-chart-heading,.dashboard-compare-legend,.task-status-head,.task-status-city-head,.dashboard-progress-head,.dashboard-target-head,.dashboard-progress-meta,.dashboard-target-meta,.attendance-overview-head,.attendance-register-head,.attendance-register-footer,.billing-modal-head,.billing-modal-actions{flex-wrap:wrap}.billing-modal-backdrop,.task-status-modal-backdrop{padding:12px}.billing-modal-head,.billing-modal-body,.billing-modal-actions,.task-status-modal-head,.task-status-modal-body{padding-left:16px;padding-right:16px}.primary-button,.secondary-button,.ghost-button,.filter-button,.search-field{width:100%}.packaging-builder,.packaging-item-wrap{gap:10px}.packaging-multiply{align-self:flex-start;padding-top:14px}.table-footer{text-align:center;justify-content:center}.dashboard-compare-value{text-align:left;justify-items:start}.dashboard-donut-shell{width:182px;height:182px}.dashboard-donut-hole strong{font-size:2.35rem}.task-status-modal{max-height:calc(100vh - 24px)}}@media print{body *{visibility:hidden}.billing-modal-backdrop,.billing-modal-backdrop *{visibility:visible}.billing-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;display:block;position:static;inset:auto}.billing-modal{width:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.billing-modal-close,.billing-modal-actions{display:none}.billing-modal-body{padding:0}}.login-shell{min-height:100vh;display:flex}.login-left{background:linear-gradient(150deg,#1e0a4a 0%,#2e1065 45%,#3b1580 100%);flex-shrink:0;width:52%;position:relative;overflow:hidden}.login-left-bg{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-card{width:100%;max-width:420px}.login-welcome{color:#2e1065;text-align:center;margin:0 0 .4rem;font-size:1.8rem;font-weight:700}.login-welcome-sub{color:#6b7280;text-align:center;margin:0 0 2rem;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field-wrap{align-items:center;display:flex;position:relative}.login-field-icon{color:#9ca3af;pointer-events:none;flex-shrink:0;width:18px;height:18px;position:absolute;left:14px}.login-input{color:#111;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.75rem;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.login-input-password{padding-right:2.75rem}.login-input:focus{border-color:#2e1065;box-shadow:0 0 0 3px #2e106517}.login-input::placeholder{color:#adb5bd}.login-eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:#2e1065}.login-meta-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.login-remember{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;display:flex}.login-remember input[type=checkbox]{accent-color:#2e1065;cursor:pointer;width:15px;height:15px}.login-forgot{color:#2e1065;cursor:pointer;font-weight:500;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-btn-primary{color:#fff;cursor:pointer;background:#2e1065;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.82rem 1.5rem;font-size:.97rem;font-weight:600;transition:background .18s,opacity .18s;display:flex}.login-btn-primary:hover:not(:disabled){background:#3d1a82}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-or{align-items:center;gap:.75rem;display:flex}.login-or-line{background:#e5e7eb;flex:1;height:1px}.login-or-text{color:#9ca3af;white-space:nowrap;font-size:.8rem;font-weight:500}.login-btn-sso{color:#2e1065;cursor:pointer;background:#fff;border:1.5px solid #2e1065;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.78rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .18s;display:flex}.login-btn-sso:hover{background:#f5f0ff}.login-copyright{text-align:center;color:#9ca3af;margin-top:2rem;font-size:.78rem}.form-error{color:#e53e3e;margin:0;font-size:.8125rem}.fp-modal-backdrop{z-index:100;background:#10182c73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fp-modal{background:#fff;border-radius:20px;width:min(400px,100%);overflow:hidden;box-shadow:0 28px 60px #10182c47}.fp-modal-head{border-bottom:1px solid #eef1f8;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.fp-modal-head strong{color:#2e1065;font-size:1.05rem}.fp-modal-close{color:#2e1065;cursor:pointer;background:#2e106514;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.fp-modal-close:hover{background:#2e106529}.fp-modal-body{padding:22px}.fp-step-copy{color:#6d7c9d;margin:0 0 16px;font-size:.85rem}.fp-resend-btn{color:#2e1065;cursor:pointer;background:0 0;border:none;align-self:center;padding:4px;font-size:.82rem;font-weight:500}.fp-resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.fp-resend-btn:hover:not(:disabled){text-decoration:underline}.fp-done{text-align:center;gap:16px;display:grid}.notification-page-note{color:var(--muted);margin:-8px 0 0}.notification-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);align-items:start;gap:22px;display:grid}.notification-main-column{gap:22px;display:grid}.notification-sidebar-stack{top:calc(var(--topbar-height) + 24px);gap:22px;display:grid;position:sticky}.notification-panel,.notification-picker-panel{gap:22px;display:grid}.notification-section-head,.notification-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notification-eyebrow{color:#6f7c9c;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:800;display:inline-block}.notification-section-title{color:#1c2a53;letter-spacing:-.03em;margin:0;font-size:1.28rem}.notification-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.notification-role-card{appearance:none;cursor:pointer;text-align:left;background:linear-gradient(#fffffffa 0%,#f7f9fff0 100%);border:1px solid #dce3f1eb;border-radius:18px;align-items:flex-start;gap:12px;width:100%;padding:18px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex}.notification-role-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1429580f}.notification-role-radio{border:1.5px solid #7f8fb080;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:inline-flex}.notification-role-radio-dot{background:0 0;border-radius:999px;width:8px;height:8px}.notification-role-card-active{background:linear-gradient(#eef4fffa 0%,#f8fbfff5 100%);border-color:#1f52f461}.notification-role-card-active .notification-role-radio{border-color:#1f52f49e}.notification-role-card-active .notification-role-radio-dot{background:#315be1}.notification-role-copy{gap:6px;display:grid}.notification-role-copy strong{color:#213056;font-size:.97rem}.notification-role-copy span{color:#7282a4;font-size:.9rem}.notification-selection-summary{background:#f4f8ffe0;border:1px solid #1f52f424;border-radius:18px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.notification-selection-summary-icon{color:#315be1;background:#1f52f41a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.notification-selection-summary-icon-svg{width:22px;height:22px}.notification-selection-summary strong{color:#203055;font-size:.96rem;display:block}.notification-selection-summary p{color:#7381a0;margin:6px 0 0;font-size:.9rem}.notification-panel .field{gap:8px}.notification-panel .field label{color:#283659;font-weight:700}.notification-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.notification-type-card{appearance:none;cursor:pointer;text-align:left;background:linear-gradient(#fffffffa 0%,#f8fafff0 100%);border:1px solid #dce3f1eb;border-radius:18px;gap:6px;width:100%;padding:16px 18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.notification-type-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1429580f}.notification-type-card strong{color:#213056;font-size:.95rem}.notification-type-card span{color:#7282a4;font-size:.86rem;line-height:1.4}.notification-type-card-active{background:linear-gradient(#ebfcff 0%,#f6fefffa 100%);border-color:#00bcd45c}.notification-character-count{color:#7b86a0;justify-self:end;font-size:.82rem}.notification-upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notification-upload-trigger{position:relative;overflow:hidden}.notification-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.notification-upload-clear{min-width:120px}.notification-upload-result{gap:8px;margin-top:10px;display:grid}.notification-preview-card{color:#fff;background:linear-gradient(135deg,#1a2a44 0%,#24385a 100%);border-radius:22px;align-items:flex-start;gap:14px;padding:18px;display:flex}.notification-preview-icon{color:#94e3ff;background:#58c5ff38;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.notification-preview-icon-svg{width:24px;height:24px}.notification-preview-copy{flex:1;gap:6px;display:grid}.notification-preview-meta{color:#ffffff9e;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:.78rem;font-weight:700;display:flex}.notification-preview-copy strong{font-size:.98rem}.notification-preview-copy p{color:#ffffffb8;margin:0;font-size:.9rem}.notification-preview-copy img{object-fit:cover;border-radius:16px;width:min(100%,240px);max-height:160px;margin-top:10px}.notification-preview-time{color:#ffffff73;font-size:.8rem;font-weight:700}.notification-type-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.notification-type-pill-alert{color:#d94c26;background:#ff6d4a1f}.notification-type-pill-task{color:#2458c8;background:#2d7dff1f}.notification-type-pill-update{color:#0e8572;background:#12c1a624}.notification-type-pill-message{color:#6d49cb;background:#9165ff1f}.notification-type-pill-system{color:#c64d77;background:#f670941f}.notification-result-banner{border:1px solid #0000;border-radius:16px;padding:14px 16px;font-size:.92rem;font-weight:700}.notification-result-banner-success{color:#1b7f4d;background:#16a9711a;border-color:#16a9712e}.notification-result-banner-error{color:#c03939;background:#ff4c451a;border-color:#ff4c452e}.notification-send-button{width:100%}.notification-picker-count{color:#315be1;white-space:nowrap;background:#1f52f414;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.notification-user-search{width:100%}.notification-selected-users{flex-wrap:wrap;gap:8px;display:flex}.notification-selected-user-chip{color:#244bb8;background:#eef4ff;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.84rem;font-weight:700;display:inline-flex}.notification-picker-hint{color:#7281a3;font-size:.9rem}.notification-history-panel{gap:18px}.notification-history-empty{color:#7281a0;text-align:center;border:1px dashed #c2cde4eb;border-radius:18px;padding:18px}.notification-history-groups{gap:18px;display:grid}.notification-history-group{gap:12px;display:grid}.notification-history-date{color:#6f7c9c;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:800}.notification-history-list{gap:12px;display:grid}.notification-history-card{background:linear-gradient(#fffffffa 0%,#f8fafff0 100%);border:1px solid #dce3f1eb;border-radius:18px;gap:10px;padding:16px;display:grid}.notification-history-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-history-card strong{color:#203055;font-size:.96rem}.notification-history-card p{color:#7281a3;margin:0;font-size:.88rem;line-height:1.55}.notification-history-time{color:#7281a3;font-size:.8rem;font-weight:700}.notification-history-image{object-fit:cover;border-radius:16px;width:100%;max-height:180px}.notification-history-stats{flex-wrap:wrap;gap:8px;display:flex}.notification-history-stats span{color:#536482;background:#7482a114;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.notification-employee-list{gap:10px;max-height:620px;padding-right:4px;display:grid;overflow-y:auto}.notification-employee-empty{color:#7281a0;text-align:center;border:1px dashed #c2cde4eb;border-radius:16px;padding:18px}.notification-employee-row{cursor:pointer;background:#fff;border:1px solid #dce3f1eb;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.notification-employee-row:hover{transform:translateY(-1px)}.notification-employee-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.notification-employee-row-selected{background:#f1f6ffeb;border-color:#1f52f457}.notification-employee-copy{gap:3px;min-width:0;display:grid}.notification-employee-copy strong{color:#1f2d56;font-size:.94rem}.notification-employee-copy span{color:#7482a1;font-size:.85rem}.notification-employee-role{color:#45577f;white-space:nowrap;background:#7482a11a;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}@media (width<=1120px){.notification-layout{grid-template-columns:1fr}.notification-sidebar-stack,.notification-picker-panel{position:static}}@media (width<=720px){.notification-role-grid,.notification-type-grid{grid-template-columns:1fr}.notification-section-head,.notification-picker-head,.notification-preview-card,.notification-history-card-head{flex-wrap:wrap}.notification-preview-time{width:100%}}@media (width<=768px){.login-left{display:none}.login-right{min-height:100vh}}