.app-shell[data-v-f6dea2e7]{flex-direction:column;min-height:100vh;display:flex}.app-header[data-v-f6dea2e7]{align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);z-index:50;display:flex;position:sticky;top:0}.product-tabs[data-v-f6dea2e7]{gap:var(--space-xs);display:flex}.tab[data-v-f6dea2e7]{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.85rem;font-weight:600}.tab.active[data-v-f6dea2e7]{background:var(--color-primary);color:var(--color-bg)}.tab.disabled[data-v-f6dea2e7]{opacity:.4;cursor:default}.app-nav[data-v-f6dea2e7]{gap:var(--space-md);margin-left:auto;display:flex}.nav-item[data-v-f6dea2e7]{font-family:var(--font-ui);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);font-size:.85rem}.nav-item.active[data-v-f6dea2e7]{color:var(--color-text);font-weight:600}.app-actions[data-v-f6dea2e7]{align-items:center;gap:var(--space-sm);display:flex}.dark-toggle[data-v-f6dea2e7]{font-family:var(--font-ui);padding:var(--space-xs);color:var(--color-text-muted);font-size:.85rem}.logout-btn[data-v-f6dea2e7]{font-family:var(--font-ui);color:var(--color-text-muted);font-size:.8rem}.app-main[data-v-f6dea2e7]{padding:var(--space-xl);flex:1;width:100%;max-width:48rem;margin:0 auto}.hamburger[data-v-f6dea2e7]{padding:var(--space-xs) var(--space-sm);margin-left:auto}.hamburger-icon[data-v-f6dea2e7]{flex-direction:column;gap:4px;width:20px;display:flex}.hamburger-icon span[data-v-f6dea2e7]{background:var(--color-text);border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger-icon.open span[data-v-f6dea2e7]:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-icon.open span[data-v-f6dea2e7]:nth-child(2){opacity:0}.hamburger-icon.open span[data-v-f6dea2e7]:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu[data-v-f6dea2e7]{z-index:40;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000014}.mobile-nav-item[data-v-f6dea2e7]{font-family:var(--font-ui);padding:var(--space-sm) var(--space-lg);text-align:left;color:var(--color-text-secondary);font-size:.95rem}.mobile-nav-item.active[data-v-f6dea2e7]{color:var(--color-text);font-weight:600}.mobile-nav-item[data-v-f6dea2e7]:hover{background:var(--color-bg)}.mobile-divider[data-v-f6dea2e7]{background:var(--color-border-subtle);height:1px;margin:var(--space-xs) var(--space-lg)}.menu-section-label[data-v-f6dea2e7]{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-sm) var(--space-lg) 2px;font-size:.7rem;font-weight:600}.mobile-nav-item.disabled[data-v-f6dea2e7]{opacity:.4}.dropdown-enter-active[data-v-f6dea2e7],.dropdown-leave-active[data-v-f6dea2e7]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-f6dea2e7],.dropdown-leave-to[data-v-f6dea2e7]{opacity:0;transform:translateY(-8px)}.mobile-only[data-v-f6dea2e7]{display:none}@media (width<=640px){.desktop-only[data-v-f6dea2e7]{display:none}.mobile-only[data-v-f6dea2e7]{display:flex}.app-header[data-v-f6dea2e7]{padding:var(--space-sm);gap:var(--space-sm)}.app-main[data-v-f6dea2e7]{padding:var(--space-md)}}.login[data-v-473b5e78]{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card[data-v-473b5e78]{text-align:center;padding:var(--space-2xl)}.login-card h1[data-v-473b5e78]{font-family:var(--font-body);margin-bottom:var(--space-xs);font-size:2rem}.login-card p[data-v-473b5e78]{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.login-card form[data-v-473b5e78]{gap:var(--space-md);flex-direction:column;max-width:16rem;margin:0 auto;display:flex}.login-card input[data-v-473b5e78]{text-align:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:1rem}.login-card button[type=submit][data-v-473b5e78]{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-md);font-weight:600}.error[data-v-473b5e78]{color:var(--color-chain-break);font-size:.85rem}:root{--color-bg:#f5f0e8;--color-bg-surface:#faf6ef;--color-bg-elevated:#fff;--color-text:#2c2416;--color-text-secondary:#6b5d4d;--color-text-muted:#a89880;--color-border:#e0d5c5;--color-border-subtle:#ebe3d6;--color-transition-in:#9b8bb4;--color-transition-in-bg:#9b8bb426;--color-transition-out:#c4884d;--color-transition-out-bg:#c4884d26;--color-chain-ok:#7a9e7a;--color-chain-break:#c47a6c;--color-status-draft:#a89880;--color-status-in-progress:#c4a44d;--color-status-done:#7a9e7a;--color-primary:#6b5d4d;--color-primary-hover:#4a3f34;--color-focus-ring:#9b8bb466;--font-body:"Georgia", "Times New Roman", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}.dark-mode{--color-bg:#1a1612;--color-bg-surface:#231e18;--color-bg-elevated:#2c2620;--color-text:#e8dfd2;--color-text-secondary:#b0a494;--color-text-muted:#7a6e60;--color-border:#3a332b;--color-border-subtle:#2e2822;--color-transition-in-bg:#9b8bb433;--color-transition-out-bg:#c4884d33;--color-primary:#c4b49a;--color-primary-hover:#e0d2b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}#app{flex-direction:column;min-height:100%;display:flex}button{font-family:var(--font-ui);cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font-family:var(--font-body);color:var(--color-text);background:0 0;border:none;outline:none}a{color:var(--color-primary);text-decoration:none}.transition-in{background:var(--color-transition-in-bg);border-bottom:2px solid var(--color-transition-in);border-radius:2px;padding:0 1px}.transition-out{background:var(--color-transition-out-bg);border-bottom:2px solid var(--color-transition-out);border-radius:2px;padding:0 1px}