#app{background:var(--shell-bg)}#app ::selection{background:var(--gold-soft);color:inherit}#app :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}#app .field input:focus,#app .field select:focus,#app textarea:focus,#app .client-select-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}#app .tb-search input:focus,#app .tb-search input:focus-visible{box-shadow:none;outline:none}#app .btn-primary{box-shadow:0 1px 0 #ffffff26 inset, 0 6px 16px -6px color-mix(in srgb, var(--primary) 70%, transparent)}#app .btn-primary:hover{box-shadow:0 1px 0 #ffffff26 inset, 0 10px 22px -8px color-mix(in srgb, var(--primary) 75%, transparent)}:root[data-theme=dark] #app .btn-primary{color:#05140c}#app .btn-secondary{border-color:var(--border-strong);transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .15s var(--ease)}#app .btn-secondary:hover{border-color:var(--ink-soft);transform:translateY(-1px)}#app .btn-primary:disabled,#app .btn-secondary:disabled{box-shadow:none;transform:none}#app .kpi,#app .home-kpi,#app .pd-panel,#app .table-card,#app .recur-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease)}#app .pd-panel,#app .table-card{border-radius:var(--r-lg)}#app .kpi:hover,#app .home-kpi:hover,#app .recur-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}#app .kpi-value{letter-spacing:-.02em}#app .kpi-label{color:var(--text-secondary)}#app .page-hero h1{letter-spacing:-.02em;font-size:22px}#app .page-hero p{color:var(--text-secondary);max-width:620px;font-size:13px}#app .page-hero .banner{box-shadow:0 0 0 1px color-mix(in srgb, currentColor 14%, transparent) inset}#app .tone-goals .banner,#app .tone-gallery .banner,#app .tone-supply .banner,#app .tone-team .banner{background:var(--gold-soft);color:var(--accent)}#app table thead th{background:var(--surface-2);color:var(--text-secondary);font-weight:600}#app table thead th:first-child{border-start-start-radius:10px;border-end-start-radius:10px}#app table thead th:last-child{border-start-end-radius:10px;border-end-end-radius:10px}#app table tbody tr{transition:background-color .15s}#app table tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 70%, transparent)}#app .sidebar{background:var(--sidebar-bg);border-color:var(--border)}#app .sidebar nav button{transition:background-color .2s var(--ease), color .2s var(--ease);position:relative}#app .sidebar nav button:hover:not(.active){background:var(--surface-2);color:var(--ink)}#app .sidebar nav button.active:before{content:"";inset-inline-start:0;background:var(--primary);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px}#app .sidebar nav button.active{background:color-mix(in srgb, var(--primary) 10%, transparent)}#app .topbar{border-bottom-color:var(--border)}#app .modal-overlay.show{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#app .modal{background:var(--surface);border:1px solid var(--border)}#app .empty-block{background:color-mix(in srgb, var(--gold-soft) 35%, var(--surface));border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}#app .pd-empty{background:var(--surface-2);border-color:var(--border)}#app .btn-link:hover,#app .pd-crumbs a:hover,#app .link-row a:hover{text-underline-offset:3px;text-decoration:underline}@keyframes app-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#app .page.active{animation:app-page-in .35s var(--ease)}@media (prefers-reduced-motion:reduce){#app .page.active{animation:none}#app .kpi:hover,#app .home-kpi:hover,#app .recur-card:hover,#app .btn-secondary:hover{transform:none}}:root[data-theme=dark] #app{--paper:#0e1319;--paper-rgb:14, 19, 25;--shell-bg:#0e1319}:root:not([data-theme=dark]) #app{--paper:#f7f8fa;--paper-rgb:247, 248, 250;--shell-bg:#f7f8fa;--sidebar-bg:#f7f8fa}