:root{color-scheme:light dark;--bg: oklch(.965 .012 83);--panel: oklch(.988 .008 83);--panel-2: oklch(.938 .012 83);--text: oklch(.18 .008 83);--muted: oklch(.52 .01 83);--border: oklch(.86 .012 83);--accent: oklch(.62 .135 55);--accent-strong: oklch(.48 .13 55);--success: oklch(.54 .12 150);--danger: oklch(.55 .16 28);--warning: oklch(.72 .13 75);--shadow: 0 16px 40px oklch(.3 .01 83 / .08);--lift-shadow: 0 18px 46px oklch(.3 .01 83 / .12);--sidebar-bg: oklch(.945 .014 83);--motion-fast: .16s cubic-bezier(.22, 1, .36, 1);--motion-medium: .24s cubic-bezier(.22, 1, .36, 1);--motion-section: .52s cubic-bezier(.16, 1, .3, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(.18 .008 83);--panel: oklch(.225 .008 83);--panel-2: oklch(.27 .01 83);--text: oklch(.93 .006 83);--muted: oklch(.68 .008 83);--border: oklch(.34 .01 83);--accent: oklch(.72 .13 55);--accent-strong: oklch(.78 .13 55);--shadow: 0 18px 46px oklch(.08 .006 83 / .42);--lift-shadow: 0 22px 56px oklch(.08 .006 83 / .55);--sidebar-bg: oklch(.155 .008 83)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: oklch(.18 .008 83);--panel: oklch(.225 .008 83);--panel-2: oklch(.27 .01 83);--text: oklch(.93 .006 83);--muted: oklch(.68 .008 83);--border: oklch(.34 .01 83);--accent: oklch(.72 .13 55);--accent-strong: oklch(.78 .13 55);--shadow: 0 18px 46px oklch(.08 .006 83 / .42);--lift-shadow: 0 22px 56px oklch(.08 .006 83 / .55);--sidebar-bg: oklch(.155 .008 83)}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:clip}body{background:linear-gradient(135deg,oklch(.82 .06 55 / .1),transparent 28%),linear-gradient(225deg,oklch(.62 .08 150 / .07),transparent 32%),var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;max-width:100%;min-width:0;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;transition:transform var(--motion-fast),background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}button:disabled{cursor:not-allowed;opacity:.62}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:14px;color:var(--muted);text-align:center}.loading-mark{width:48px;height:48px;justify-self:center;object-fit:contain;filter:drop-shadow(0 10px 22px oklch(.08 .006 83 / .22))}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.login-panel{width:min(420px,100%);display:grid;gap:22px;padding:22px;border:1px solid var(--border);border-radius:10px;background:radial-gradient(circle at 16% 0%,oklch(.72 .13 55 / .16),transparent 38%),var(--panel);box-shadow:var(--lift-shadow);animation:section-slide var(--motion-section) both}.login-mark{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 12px 24px oklch(.08 .006 83 / .18))}.login-copy,.login-message{margin-top:8px;color:var(--muted);font-size:.92rem}.login-message{margin:0;font-weight:700}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:800}.login-form label>span{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--muted)}.login-form input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.login-form button,.icon-text-button,.google-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;background:var(--text);color:var(--bg);font-weight:800}.google-button{width:100%;min-height:46px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 22px #07060314}.google-button span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--panel);color:var(--accent-strong);font-weight:900}.login-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--border)}.login-form .text-action{min-height:auto;justify-self:center;padding:4px 8px;background:transparent;color:var(--muted);box-shadow:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.workspace,.topbar,.top-actions,.quick-capture,.quick-capture form,.summary-strip,.summary-item,.activity-row,.activity-main,.activity-title,.activity-controls,.content-grid,.section-head,.finance-list,.finance-layout,.settings-panel,.settings-grid,.board,.pipeline,.board-column,.pipeline-stage,.work-item,.client-item,.finance-row{min-width:0}.activity-title strong,.work-item strong,.client-item strong,.finance-row strong,.section-head p,.empty-state span,.capture-hint{overflow-wrap:anywhere}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:26px;background:linear-gradient(180deg,oklch(.8 .05 55 / .08),transparent 34%),var(--sidebar-bg);border-right:1px solid var(--border)}.brand{display:grid;align-items:start;gap:10px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#110f0c;background:#f6d9b2;font-weight:800;box-shadow:inset 0 0 0 1px #b7a58c}.brand strong,.activity-title strong,.work-item strong,.client-item strong,.finance-row strong{display:block;font-size:.95rem;letter-spacing:0}.activity-title span,.work-item span,.client-item span,.finance-row span,.settings-copy{color:var(--muted);font-size:.84rem}.brand span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.brand-wordmark{width:158px;height:auto;display:block}.wordmark-dark{display:none}:root[data-theme=dark] .wordmark-light{display:none}:root[data-theme=dark] .wordmark-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .wordmark-light{display:none}:root:not([data-theme=light]) .wordmark-dark{display:block}}.side-nav{display:grid;align-content:start;gap:6px}.nav-button{position:relative;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;background:transparent;color:var(--muted);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.nav-button:hover{background:var(--panel-2);color:var(--text);transform:translateY(-1px)}.nav-button.active{background:#e2c19573;color:var(--text);box-shadow:inset 0 0 0 1px #c1aa8b59}.status-panel{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);box-shadow:inset 0 1px #ffffff0a}.status-panel strong,.status-panel span{display:block}.status-panel span{color:var(--muted);font-size:.82rem}.status-panel.synced svg{color:var(--success)}.status-panel.error svg{color:var(--danger)}.workspace{width:min(1180px,100%);margin:0 auto;padding:28px 28px 110px}.view-panel{animation:section-slide var(--motion-section) both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}h1,h2,p{margin:0}h1{font-size:1.8rem;line-height:1.1;letter-spacing:0}h2{font-size:1rem;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:10px}.search{height:40px;min-width:220px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted);transition:width var(--motion-section),min-width var(--motion-section),border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.search:focus-within{border-color:#c67f4db3;box-shadow:0 10px 26px #0f0d0914}.search-trigger{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;padding:0;background:transparent;color:currentColor}.search input,.quick-capture input,.inline-form input,.finance-form input{width:100%;border:0;background:transparent;color:var(--text);outline:0}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--panel);border:1px solid var(--border);color:var(--text)}.icon-button.danger{color:var(--danger)}.quick-capture{position:relative;overflow:hidden;padding:12px;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);transition:border-color var(--motion-medium),box-shadow var(--motion-medium),transform var(--motion-medium)}.quick-capture:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,oklch(.74 .12 55 / .13),transparent 34%);opacity:0;transition:opacity var(--motion-medium)}.quick-capture:focus-within{border-color:#c67f4db3;box-shadow:var(--lift-shadow);transform:translateY(-1px)}.quick-capture:focus-within:before{opacity:1}.quick-capture form,.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.quick-capture input{min-height:46px;padding:0 6px;font-size:1.02rem}.quick-capture button,.inline-form button,.finance-form button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;background:var(--text);color:var(--bg);font-weight:700;box-shadow:0 8px 24px #13110e1f}.quick-capture button:hover,.inline-form button:hover,.finance-form button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #13110e29}.capture-hint{padding:8px 6px 2px;color:var(--muted);font-size:.9rem}.capture-error{margin:8px 6px 0;color:var(--danger);font-size:.88rem;font-weight:700}.reminder-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid oklch(.72 .08 75 / .55);border-radius:8px;background:linear-gradient(135deg,oklch(.68 .11 75 / .14),transparent 48%),var(--panel-2);animation:chip-in var(--motion-section) both}.reminder-prompt strong,.reminder-prompt span{display:block}.reminder-prompt span{color:var(--muted);font-size:.82rem}.reminder-prompt button{min-height:34px;padding:0 10px;border-radius:8px;background:var(--text);color:var(--bg);font-weight:800}.reminder-prompt .ghost-action{border:1px solid var(--border);background:transparent;color:var(--muted)}.capture-preview{display:flex;flex-wrap:wrap;gap:8px;padding:8px 6px 2px}.capture-preview span,.summary-item,.activity-controls select,.work-item select,.client-item select,.inline-form select,.finance-form select{border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text)}.capture-preview span{padding:5px 9px;font-size:.82rem;font-weight:700;animation:chip-in var(--motion-fast) both}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.summary-item{padding:14px;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.summary-item:nth-child(1){background:linear-gradient(135deg,oklch(.68 .11 55 / .12),transparent 45%),var(--panel-2)}.summary-item:nth-child(2){background:linear-gradient(135deg,oklch(.62 .15 28 / .1),transparent 45%),var(--panel-2)}.summary-item:nth-child(3){background:linear-gradient(135deg,oklch(.62 .11 215 / .1),transparent 45%),var(--panel-2)}.summary-item:nth-child(4){background:linear-gradient(135deg,oklch(.58 .12 150 / .12),transparent 45%),var(--panel-2)}.summary-item:hover{transform:translateY(-1px);border-color:#bba07bb3}.summary-item span,.summary-item strong{display:block}.summary-item span{color:var(--muted);font-size:.78rem}.summary-item strong{margin-top:6px;font-size:1.22rem}.summary-item.positive strong,.positive-text{color:var(--success)}.summary-item.negative strong,.negative-text{color:var(--danger)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.section-head p{margin-top:3px;color:var(--muted);font-size:.9rem}.content-grid,.finance-list,.settings-grid{display:grid;gap:12px}.activity-list{display:grid;gap:8px}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);animation:row-in var(--motion-medium) both;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}.activity-row:hover{transform:translateY(-1px);border-color:#bba07bb3;box-shadow:0 12px 28px #18161214}.activity-row.product-pos{background:linear-gradient(135deg,oklch(.6 .08 55 / .12),transparent 42%),linear-gradient(180deg,oklch(1 0 0 / .035),transparent),var(--panel)}.activity-row.product-distrib{background:linear-gradient(135deg,oklch(.6 .08 150 / .13),transparent 42%),linear-gradient(180deg,oklch(1 0 0 / .035),transparent),var(--panel)}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--panel-2);color:var(--accent-strong);transition:transform var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}.activity-row:hover .activity-icon{transform:scale(1.04)}.activity-icon.bug,.activity-icon.expense{color:var(--danger)}.activity-icon.idea{color:var(--warning)}.activity-icon.income{color:var(--success)}.activity-icon.reminder,.activity-icon.client{color:#0096af;color:oklch(.62 .11 215)}.activity-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kind-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kind-badges span{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:#ac844a1f;color:var(--text);font-size:.76rem;font-weight:700}.due-line{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:.82rem;font-weight:700}.due-line.enabled{color:var(--success)}.activity-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}select{min-height:34px;padding:0 28px 0 10px;transition:border-color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}select:hover{border-color:#bba07bb3}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);text-align:center;padding:24px}.empty-state.compact{min-height:112px}.history-section{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.completed-list .activity-row{opacity:.82}.completed-list .activity-row:hover{opacity:1}.work-layout{display:grid;gap:18px}.empty-state strong{color:var(--text)}.empty-state span{max-width:36rem}.board,.pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;align-items:start;padding-bottom:6px}.pipeline{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.board-column,.pipeline-stage,.settings-panel,.finance-form{padding:12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,oklch(1 0 0 / .035),transparent 48%),var(--panel);box-shadow:inset 0 1px #ffffff09}.column-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.column-head span{color:var(--muted);font-size:.82rem}.column-empty{color:var(--muted);font-size:.86rem}.work-item,.client-item,.finance-row{display:grid;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);margin-top:8px;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.work-item:hover,.client-item:hover,.finance-row:hover{transform:translateY(-1px);border-color:#bba07bb3}.client-item,.finance-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.inline-form{grid-template-columns:minmax(0,1fr) 150px auto;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.inline-form input,.inline-form select,.finance-form input,.finance-form select{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.finance-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:14px;align-items:start}.finance-form{display:grid;gap:10px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.finance-row{margin-top:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{display:grid;gap:12px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-row strong,.account-row span{display:block}.account-row span{color:var(--muted);font-size:.84rem}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:8px;background:var(--panel-2)}.segmented button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:transparent;color:var(--muted)}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 8px #1816121a}.bottom-nav{display:none}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes section-slide{0%{transform:translate(28px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.workspace{padding:18px 14px 96px;width:100%}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.top-actions{flex:1;justify-content:flex-end}.search{min-width:0;width:46px;padding:0 10px;overflow:hidden}.search input{width:0;display:none}.search.open{width:min(210px,54vw)}.search.open input{display:block;width:100%}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.activity-row>.icon-button{grid-column:2;justify-self:end}.activity-title{display:block}.activity-controls{display:grid;grid-template-columns:minmax(0,1fr)}.reminder-prompt{grid-template-columns:auto minmax(0,1fr)}.reminder-prompt button{grid-column:span 1}.activity-controls select,.work-item select,.client-item select,.inline-form select,.finance-form select{width:100%}.inline-form,.quick-capture form,.finance-layout,.settings-grid{grid-template-columns:minmax(0,1fr)}.quick-capture button,.inline-form button{width:100%}.board,.pipeline{grid-template-columns:minmax(0,1fr);padding-bottom:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--panel);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.nav-button.compact{min-height:54px;justify-content:center;flex-direction:column;gap:3px;padding:0 4px;font-size:.72rem;touch-action:manipulation}.nav-button.compact:hover{transform:none}.nav-button.compact:active{transform:scale(.97)}}@media(max-width:520px){h1{font-size:1.45rem}.summary-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.summary-item{padding:12px}.summary-item strong{font-size:1rem}.form-row,.client-item,.finance-row{grid-template-columns:minmax(0,1fr)}.finance-row b{justify-self:start}}@media(max-width:390px){.workspace{padding-inline:10px}.quick-capture,.summary-item,.activity-row,.board-column,.pipeline-stage,.settings-panel,.finance-form,.inline-form{border-radius:7px}.bottom-nav{padding-inline:4px}.nav-button.compact span{font-size:.68rem}}
