:root{--bg:#faf9f7;--surface:#fff;--surface-2:#f4f2ee;--border:#edeae4;--border-strong:#d6d2ca;--ink:#211f1a;--ink-2:#5c574e;--ink-3:#96908a;--on-dark:#fff;--bg-wash:radial-gradient(115% 95% at 10% -10%, #dce8f5 0%, #eff2f4 38%, #faf9f7 70%);--primary:#1e3a5f;--primary-hover:#16304e;--primary-tint:#e9eff6;--primary-tint-border:#cbd9e8;--ring:#1e3a5f59;--good:#15803d;--good-bg:#ebf7ef;--warn:#b45309;--warn-bg:#fcf3e5;--bad:#b91c1c;--bad-bg:#fcebeb;--info:#0369a1;--info-bg:#e8f3fa;--hue-analytics:#1e3a5f;--hue-analytics-bg:#e9eff6;--hue-people:#2563eb;--hue-people-bg:#e8effd;--hue-records:#b45309;--hue-records-bg:#fbf0e0;--hue-system:#5c574e;--hue-system-bg:#f1efea;--chart-1:#1e3a5f;--chart-2:#2563eb;--chart-3:#d97706;--chart-4:#7c3aed;--chart-5:#dc2626;--chart-6:#0891b2;--chart-7:#65a30d;--chart-8:#db2777;--radius-card:16px;--radius-ctl:10px;--radius-pill:999px;--shadow-card:0 1px 2px #211f1a0a, 0 8px 24px #211f1a0d;--shadow-pop:0 4px 12px #211f1a1a, 0 12px 32px #211f1a1a;--font:"Public Sans","Noto Sans TC",system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-wash);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;font-size:14px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:28px}.field-control{border:1px solid var(--border-strong);border-radius:var(--radius-ctl);background:var(--surface);width:100%;color:var(--ink);padding:8px 10px;font-size:13px;line-height:1.4}.field-control:focus{outline:2px solid var(--ring);outline-offset:1px}.office-mobile-header,.office-drawer-overlay,.office-notes-back,.office-expenses-quickmobile-fab{display:none}@media (width<=767px){.office-mobile-header{z-index:40;min-height:calc(52px + env(safe-area-inset-top));padding:0 8px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.office-mobile-header__menu{min-width:44px;min-height:44px;color:var(--ink);border-radius:var(--radius-ctl);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.office-mobile-header__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.office-drawer-overlay{z-index:45;background:#14120c73;display:block;position:fixed;inset:0}.office-sidebar{z-index:50;padding-top:env(safe-area-inset-top);visibility:hidden;transition:transform .2s,visibility .2s;transform:translate(-100%);box-shadow:0 8px 24px #0000002e;width:84vw!important;max-width:300px!important;height:auto!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.office-sidebar--open{visibility:visible;transform:translate(0)}.office-sidebar li a,.office-sidebar button{min-height:44px}.office-main{min-width:0;padding:16px!important;padding-top:calc(52px + env(safe-area-inset-top) + 16px)!important}.office-main>*{min-width:0}.office-main [style*=minmax\(]{grid-template-columns:1fr!important}.office-main table{max-width:100%;overflow-x:auto}.office-notes-panels[data-mobile-open=false] .office-notes-editor,.office-notes-panels[data-mobile-open=true] .office-notes-list{display:none!important}.office-notes-list{border-right:none!important;flex-shrink:1!important;width:100%!important;padding-right:0!important}.office-notes-back{min-height:44px;color:var(--ink-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin:-8px 0 0 -6px;padding:8px 6px;font-weight:600;display:flex}.office-notes-editor-toolbar{flex-direction:column;align-items:stretch!important;gap:10px!important}.office-notes-editor-actions{justify-content:space-between}.office-schedule-desktop-grid{display:none!important}.office-schedule-mobile-list{display:block!important}.office-expenses-quickmobile-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:var(--primary);min-height:48px;color:var(--on-dark);border:none;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:flex;position:fixed;box-shadow:0 8px 20px #14120c47}.office-drawer-panel{border-left:none!important;width:auto!important;max-width:none!important;height:auto!important;position:fixed!important;inset:0!important}.office-drawer-header{padding-top:calc(16px + env(safe-area-inset-top))!important}.office-drawer-body{min-height:0!important}.office-drawer-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;flex-shrink:0!important}.office-employee-dialog-panel{border:none!important;border-radius:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:fixed!important;inset:0!important}.office-employee-dialog-header{padding-top:calc(16px + env(safe-area-inset-top))!important}.office-employee-dialog-body{min-height:0!important}.office-employee-dialog-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;flex-shrink:0!important}.office-payroll-item-dialog-panel{border:none!important;border-radius:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:fixed!important;inset:0!important}.office-payroll-item-dialog-header{padding-top:calc(16px + env(safe-area-inset-top))!important}.office-payroll-item-dialog-body{min-height:0!important}.office-payroll-item-dialog-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;flex-shrink:0!important}.office-availability-dialog-panel{border:none!important;border-radius:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:fixed!important;inset:0!important}.office-availability-dialog-header{padding-top:calc(16px + env(safe-area-inset-top))!important}.office-availability-dialog-body{grid-template-columns:1fr!important;min-height:0!important}.office-attachment-thumb{aspect-ratio:auto!important;max-height:40vh!important}img.office-attachment-thumb{object-fit:contain!important;height:auto!important}div.office-attachment-thumb{height:auto!important;min-height:96px!important}.office-expenses-import-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto!important}.office-expenses-import-row button{white-space:nowrap!important;flex-shrink:0!important}.office-expenses-entry-table{min-width:0!important}.office-expenses-entry-table thead{display:none}.office-expenses-entry-table,.office-expenses-entry-table tbody,.office-expenses-entry-table tr,.office-expenses-entry-table td{width:auto;display:block}.office-expenses-entry-table tr{border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--surface);margin-bottom:12px;padding:10px 12px 4px}.office-expenses-entry-table td{align-items:center;gap:10px;display:flex;text-align:left!important;padding:5px 0!important}.office-expenses-entry-table td:before{content:attr(data-label);color:var(--ink-3);flex:0 0 74px;font-size:12px;font-weight:700}.office-expenses-entry-table td[data-label=""]:before{display:none}.office-expenses-entry-table td>*{flex:1}.office-main>.office-page-title{display:none}.office-expenses-register-table td{white-space:nowrap!important}.office-expenses-dialog-panel{border:none!important;border-radius:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:fixed!important;inset:0!important}.office-expenses-dialog-header{padding-top:calc(16px + env(safe-area-inset-top))!important}.office-expenses-dialog-body{min-height:0!important;overflow-x:auto!important}.office-expenses-dialog-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;flex-shrink:0!important}}.office-schedule-mobile-list{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--primary);background:var(--primary);color:var(--on-dark)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-danger{border-color:var(--bad);background:var(--bad);color:var(--on-dark)}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-pad{padding:20px}.card-title{color:var(--ink);font-size:15px;font-weight:650}.badge{background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-primary{background:var(--primary-tint);color:var(--primary)}.badge-analytics{background:var(--hue-analytics-bg);color:var(--hue-analytics)}.badge-people{background:var(--hue-people-bg);color:var(--hue-people)}.badge-records{background:var(--hue-records-bg);color:var(--hue-records)}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s}.tab:hover{color:var(--ink)}.tab[aria-selected=true],.tab--active{color:var(--primary);border-bottom-color:var(--primary)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th{text-align:left;letter-spacing:.04em;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.table-wrap td{border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px}.table-wrap tbody tr:last-child td{border-bottom:none}.table-wrap tbody tr:hover td{background:#fafaf8}.kpi-label{color:var(--ink-3);font-size:12px;font-weight:600}.kpi-value{letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:34px;font-weight:300;line-height:1.1}.figure-xl{letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:44px;font-weight:200;line-height:1.05}.kpi-sub{color:var(--ink-3);font-size:12px}.office-skeleton{border-radius:var(--radius-ctl);background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite office-skeleton-shimmer}@keyframes office-skeleton-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.office-skeleton{background:var(--surface-2);animation:none}}.office-nav-item:hover{background:var(--surface-2);color:var(--ink)}.office-topbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:10px;min-height:56px;padding:0 32px;display:flex;position:sticky;top:0}.office-topbar__dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.office-topbar__title{color:var(--ink);margin:0;font-size:18px;font-weight:700}.office-topbar__date{color:var(--ink-3);text-align:right;margin-left:auto;font-size:13px}@media (width<=767px){.office-topbar{display:none}body{background-attachment:scroll}}.office-section-title{color:var(--ink-2);letter-spacing:.01em}.office-today-summary::-webkit-details-marker{display:none}.cashbook-lines{flex-direction:column;gap:8px;display:flex}.cashbook-line-row{grid-template-columns:190px minmax(150px,1fr) 164px 56px 116px 96px 44px;align-items:center;gap:8px;display:grid}.cashbook-line-head{color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:2px;font-weight:600}@media (width<=767px){.cashbook-line-row{border:1px solid var(--border);border-radius:var(--radius-ctl);grid-template-columns:1fr;gap:6px;padding:10px}.cashbook-line-head{display:none}}@media (width>=768px) and (width<=1279px){.cashbook-line-row{border:1px solid var(--border);border-radius:var(--radius-ctl);grid-template-columns:minmax(108px,1.2fr) minmax(108px,1.6fr) 88px 40px;grid-template-areas:"type name amount remove""cat photo status remove";gap:6px;padding:10px}.cashbook-line-head{display:none}.cashbook-line-row>*{min-width:0}.cashbook-line-row>:first-child{grid-area:type}.cashbook-line-row>:nth-child(2){grid-area:name}.cashbook-line-row>:nth-child(3){grid-area:cat}.cashbook-line-row>:nth-child(4){grid-area:photo}.cashbook-line-row>:nth-child(5){grid-area:amount}.cashbook-line-row>:nth-child(6){grid-area:status}.cashbook-line-row>:nth-child(7){grid-area:remove}}@media (width>=768px) and (height<=1060px){.office-sidebar__brand{padding:12px 16px 6px!important}.office-sidebar__nav{gap:10px!important}.office-nav-group{padding-bottom:4px!important}.office-nav-list{gap:1px!important}.office-nav-item{padding-top:5px!important;padding-bottom:5px!important}.office-sidebar__footer{padding:8px!important}.office-sidebar__footer button{padding-top:4px!important;padding-bottom:4px!important}}