:root{--color-background-primary:#fff;--color-background-secondary:#f5f4ef;--color-background-tertiary:#e7e4db;--color-background-danger:#fbeae8;--color-background-success:#e7f4ec;--color-background-warning:#fbf2e0;--color-background-info:#e9eff6;--color-text-primary:#1b1b19;--color-text-secondary:#5d5b55;--color-text-tertiary:#6f6c64;--color-text-danger:#b3231a;--color-text-success:#156b3c;--color-text-warning:#855a10;--color-text-info:#245fa6;--color-accent:#b45309;--color-accent-strong:#92400e;--color-accent-bg:#fbf1e3;--color-accent-border:#b4530957;--color-ink:#1b1b19;--color-ink-hover:#000;--color-border-tertiary:#00000017;--color-border-secondary:#00000029;--color-border-primary:#00000052;--color-border-danger:#b3231a66;--color-border-success:#1a7f4b66;--color-border-warning:#97671366;--color-border-info:#245fa666;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:999px;--shadow-xs:0 1px 2px #1b1b190d;--shadow-sm:0 1px 2px #1b1b190a, 0 2px 6px #1b1b190d;--shadow-md:0 2px 4px #1b1b190a, 0 8px 20px #1b1b1912;--shadow-lg:0 12px 36px #1b1b191f;--transition:.14s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background:radial-gradient(1200px 600px at 50% -10%, #efece3 0%, #efece300 60%), var(--color-background-tertiary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,a,input,select,textarea,[role=button],[role=link],[tabindex="0"]):focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--border-radius-md)}.appbar{border-bottom:1px solid var(--color-border-tertiary);background:var(--color-background-primary);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.appbar .logo{letter-spacing:-.01em;align-items:center;gap:.45rem;font-size:14px;font-weight:600;display:flex}.appbar .logo i{color:var(--color-accent);font-size:18px}.roles{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:inline-flex;overflow:hidden}.roles button{cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-sans);transition:background var(--transition), color var(--transition);background:0 0;border:0;align-items:center;gap:.35rem;padding:6px 14px;font-size:12px;display:inline-flex}.roles button.on{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.subnav{gap:.4rem;display:inline-flex}.subnav button{border:1px solid var(--color-border-secondary);cursor:pointer;border-radius:var(--border-radius-md);font-size:12px;font-family:var(--font-sans);color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);background:0 0;padding:5px 11px}.subnav button.on{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.stage{max-width:1120px;margin:0 auto;padding:1.4rem 1rem}.stage.narrow{max-width:760px}.nav,.seg span,.tabs span,.opt,.bitem,.btn,.iconbtn,.frow{cursor:pointer}.cockpit{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-xl);background:var(--color-background-primary);box-shadow:var(--shadow-md);grid-template-columns:168px 1fr;display:grid;overflow:hidden}.cockpit .rail{border-right:1px solid var(--color-border-tertiary);background:var(--color-background-secondary);padding:.85rem .6rem}.cockpit .brand{letter-spacing:-.01em;align-items:center;gap:.45rem;margin:.1rem .2rem 1.1rem;font-size:14px;font-weight:600;display:flex}.cockpit .brand i{color:var(--color-accent);font-size:18px}.cockpit .nav{box-sizing:border-box;width:100%;min-height:38px;font-family:var(--font-sans);text-align:left;color:var(--color-text-secondary);border-radius:var(--border-radius-md);transition:background var(--transition), color var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;margin-bottom:.18rem;padding:.45rem .55rem;font-size:12.5px;display:flex;position:relative}.cockpit .nav i{color:var(--color-text-tertiary);transition:color var(--transition);font-size:17px}.cockpit .nav:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.cockpit .nav.on{background:var(--color-background-primary);color:var(--color-text-primary);border:1px solid var(--color-border-tertiary);box-shadow:inset 3px 0 0 var(--color-accent), var(--shadow-xs);font-weight:600}.cockpit .nav.on i{color:var(--color-accent)}.cockpit .badge{background:var(--color-accent);color:#fff;border-radius:var(--border-radius-full);margin-left:auto;padding:0 6px;font-size:10px;font-weight:600}.cockpit .main{min-height:420px;padding:1rem 1.1rem}.ph{height:380px;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.ph i{font-size:30px}.ph .pht{color:var(--color-text-secondary);font-size:15px;font-weight:500}.ph .phs{font-size:12px}.region{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);box-shadow:var(--shadow-sm);margin-bottom:.9rem;padding:1rem 1.1rem}.region .cap{letter-spacing:.07em;color:var(--color-text-tertiary);font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.7rem;display:flex}.region .cap i{color:var(--color-accent)}.lab{color:var(--color-text-secondary);font-size:13px}.labb{color:var(--color-text-primary);font-size:13px;font-weight:500}.muted{color:var(--color-text-tertiary)}.btn{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);background:var(--color-background-primary);cursor:pointer;font-size:13px;font-family:var(--font-sans);box-shadow:var(--shadow-xs);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);justify-content:center;align-items:center;gap:.4rem;padding:7px 13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-background-secondary);border-color:var(--color-border-primary)}.btn:active{transform:translateY(.5px)}.btn.primary{border-color:var(--color-ink);background:var(--color-ink);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.btn.primary:hover{background:var(--color-ink-hover);border-color:var(--color-ink-hover)}.btn.accent{border-color:var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.btn.accent:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn:disabled:hover{background:var(--color-background-primary);border-color:var(--color-border-secondary)}.btn.primary:disabled:hover{background:var(--color-ink)}.chip{color:var(--color-text-secondary);background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-full);transition:background var(--transition), border-color var(--transition), color var(--transition);align-items:center;gap:.3rem;padding:3px 10px;font-size:11px;display:inline-flex}.chip.sel{border-color:var(--color-accent-border);color:var(--color-accent-strong);background:var(--color-accent-bg);font-weight:500}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.tile{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);padding:.7rem .8rem}button.tile:hover,a.tile:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-secondary);transform:translateY(-1px)}.tile .tlab{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-mono);align-items:center;gap:.3rem;margin-bottom:.25rem;display:flex}.tile .tval{letter-spacing:-.01em;font-size:21px;font-weight:600;line-height:1.1}.tile.accent .tval{color:var(--color-accent-strong)}.tile.accent .tlab i{color:var(--color-accent)}.field{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.55rem .7rem}.field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}label.fl{color:var(--color-text-secondary);margin:.6rem 0 .25rem;font-size:12px;display:block}.listrow{border-top:1px solid var(--color-border-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);transition:background var(--transition);align-items:center;gap:.6rem;padding:.6rem .4rem;display:flex}.listrow:hover{background:var(--color-background-secondary)}.listrow:first-child{border-top:none}button.listrow{font:inherit;color:inherit;border:none;border-top:1px solid var(--color-border-tertiary);text-align:left;background:0 0;width:100%}button.listrow:first-child{border-top:none}.status{letter-spacing:.02em;border-radius:var(--border-radius-full);border:1px solid var(--color-border-tertiary);color:var(--color-text-secondary);white-space:nowrap;text-transform:capitalize;padding:2px 9px;font-size:10px;font-weight:600}.status.lead{color:var(--color-text-info);border-color:var(--color-border-info);background:var(--color-background-info)}.status.approved,.status.in_progress{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.quote_sent,.status.quote_draft,.status.accepted{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.center-wrap{justify-content:center;align-items:center;min-height:80vh;padding:1rem;display:flex}.card{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:1.6rem}.toast{background:var(--color-text-primary);color:var(--color-background-primary);border-radius:var(--border-radius-md);z-index:50;box-shadow:var(--shadow-lg);padding:.6rem 1rem;font-size:13px;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.datarow{gap:.6rem}.datarow .row-main{flex:auto;min-width:0}.datarow .row-side{flex:none;align-items:center;gap:.5rem;display:flex}.datarow .row-ctl{align-items:center;gap:.4rem;display:inline-flex}@media (width<=640px){.datarow .row-main{flex:100%}.datarow .row-side{flex:100%;justify-content:space-between}}.cmd-cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:.2rem .9rem;display:grid}@media (width>=860px){.cmd-cols{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}}.portal-wrap{justify-content:center;min-height:100vh;padding:1.5rem 1rem 2rem;display:flex}.portal{width:100%;max-width:560px}@media (width<=640px){.stage{padding:.6rem}.cockpit{border-radius:var(--border-radius-lg);grid-template-columns:1fr}.cockpit .rail{border-right:none;border-bottom:1px solid var(--color-border-tertiary);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.3rem;padding:.45rem .5rem;display:flex;overflow-x:auto}.cockpit .rail::-webkit-scrollbar{display:none}.cockpit .brand{display:none}.cockpit .nav{white-space:nowrap;flex:none;width:auto;min-height:40px;margin-bottom:0}.cockpit .main{min-width:0;padding:.8rem .6rem}.region .cap,.listrow{flex-wrap:wrap}}.capgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}.capcard{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);box-shadow:var(--shadow-xs);flex-direction:column;gap:.25rem;padding:.45rem;display:flex}.capcard img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--color-background-secondary);width:100%}.capmeta{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.status.published{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.cr_pending{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.status.cr_approved{color:var(--color-text-info);border-color:var(--color-border-info);background:var(--color-background-info)}.status.cr_pushed{color:var(--color-text-success);border-color:var(--color-border-success);background:var(--color-background-success)}.status.cr_declined{color:var(--color-text-danger);border-color:var(--color-border-danger);background:var(--color-background-danger)}.status.pending{color:var(--color-text-warning);border-color:var(--color-border-warning);background:var(--color-background-warning)}.status.internal,.status.discarded{color:var(--color-text-tertiary)}