:root{--surface-0:#efece3;--surface-1:#f4f2ec;--surface-2:#fff;--text-primary:#23232a;--text-secondary:#5f5e5a;--text-muted:#8a8980;--border:#0000001a;--border-strong:#0000002e;--radius:8px;--brand:#3f51b5;--brand-hover:#3949a5;--bg-accent:#e6f1fb;--text-accent:#185fa5;--border-accent:#378add;--bg-warning:#faeeda;--text-warning:#854f0b;--bg-success:#eaf3de;--text-success:#3b6d11;--bg-danger:#fcebeb;--text-danger:#a32d2d}@media (prefers-color-scheme:dark){:root{--surface-0:#1a1b1e;--surface-1:#232428;--surface-2:#2b2c30;--text-primary:#ececec;--text-secondary:#b5b3aa;--text-muted:#8a8980;--border:#ffffff1f;--border-strong:#ffffff38;--bg-accent:#0c447c;--text-accent:#85b7eb;--border-accent:#378add;--bg-warning:#633806;--text-warning:#fac775;--bg-success:#27500a;--text-success:#c0dd97;--bg-danger:#791f1f;--text-danger:#f09595}}*,:before,:after{box-sizing:border-box}body{background:var(--surface-0);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{min-height:100svh}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:1rem;display:flex}.auth-card{background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:12px;width:100%;max-width:380px;padding:2rem}.auth-logo{align-items:center;gap:10px;margin-bottom:1.75rem;display:flex}.auth-logo-name{color:var(--text-primary);font-size:16px;font-weight:600}.auth-logo-name .dot{color:#5e6bd6}.auth-logo-name .suffix{color:var(--text-secondary);font-weight:400}.auth-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:18px;font-weight:600}.field{margin-bottom:1rem}.field label{color:var(--text-secondary);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-1);width:100%;color:var(--text-primary);outline:none;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s}.field textarea{resize:vertical;line-height:1.5}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;height:38px;padding-right:32px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--text-danger)}.field-error{color:var(--text-danger);margin-top:4px;font-size:12px}.btn-primary{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:.25rem;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{color:var(--text-secondary);text-align:center;margin-top:1.25rem;font-size:13px}.auth-footer a{color:var(--brand);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.field-checkbox{align-items:flex-start;gap:8px;margin-bottom:1rem;display:flex}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex-shrink:0;margin-top:2px}.field-checkbox label{color:var(--text-secondary);cursor:pointer;font-size:13px;line-height:1.45}.field-checkbox a{color:var(--brand);font-weight:500;text-decoration:none}.field-checkbox a:hover{text-decoration:underline}.legal-card{max-width:560px}.legal-content{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.legal-content h2{color:var(--text-primary);margin:1.25rem 0 .35rem;font-size:14px;font-weight:600}.legal-content p{margin:0 0 .5rem}.legal-placeholder-note{color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);margin-bottom:1rem;padding:8px 10px;font-size:12px;font-style:italic}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:10px 12px;font-size:13px}.alert-error{background:var(--bg-danger);color:var(--text-danger)}.alert-warning{background:var(--bg-warning);color:var(--text-warning)}.alert-success{background:var(--bg-success);color:var(--text-success)}.app-shell{min-height:100svh;display:flex}.sidebar{background:var(--surface-1);border-right:.5px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:158px;height:100svh;padding:14px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:8px;padding:4px 4px 16px;display:flex}.sidebar-logo-name{color:var(--text-primary);font-size:14px;font-weight:600}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .1s,color .1s;display:flex}.nav-item:hover{background:var(--border);color:var(--text-primary)}.nav-item.active{background:var(--brand);color:#fff}.nav-item-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{border-bottom:.5px solid var(--border);background:var(--surface-2);z-index:10;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.app-header-title{font-size:16px;font-weight:500}.app-header-right{align-items:center;gap:10px;display:flex}.trial-pill{border-radius:999px;padding:4px 10px;font-size:12px}.trial-pill-trialing{background:var(--bg-warning);color:var(--text-warning)}.trial-pill-urgent,.trial-pill-locked{background:var(--bg-danger);color:var(--text-danger)}.user-avatar{background:var(--bg-accent);width:28px;height:28px;color:var(--text-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-menu{position:relative}.user-menu-trigger{color:var(--text-primary);cursor:pointer;background:0 0;border:.5px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-family:inherit;font-size:13px;display:flex}.user-menu-trigger:hover{background:var(--surface-1);border-color:var(--border)}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.user-menu-dropdown{background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);z-index:20;min-width:200px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000029}.user-menu-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-bottom:.5px solid var(--border);margin-bottom:4px;padding:8px 10px;font-size:12px;overflow:hidden}.user-menu-item{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.user-menu-item:hover{background:var(--surface-1)}.app-main{flex:1;padding:18px}.btn-outline{border:.5px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .1s}.btn-outline:hover:not(:disabled){background:var(--surface-1)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-table{border:.5px solid var(--border-strong);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;transition:background .1s}.btn-table:hover:not(:disabled){background:var(--surface-1)}.btn-table:disabled{opacity:.4;cursor:not-allowed}.btn-table-warn{color:var(--text-warning);border-color:var(--text-warning)}.btn-table-danger{color:var(--text-danger);border-color:var(--text-danger)}.btn-primary-danger{background:var(--text-danger)}.btn-primary-danger:hover:not(:disabled){background:#8f2727}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:1.25rem 1.25rem 1rem;box-shadow:0 12px 32px #00000047}.modal-title{color:var(--text-primary);margin:0 0 .5rem;font-size:16px;font-weight:600}.modal-message{color:var(--text-secondary);margin:0 0 1.25rem;font-size:14px}.modal-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.modal-actions .btn-primary,.modal-actions .btn-outline{margin-top:0;padding:6px 14px;font-size:13px;line-height:1.5}.toast-host{z-index:200;pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius);cursor:pointer;pointer-events:auto;border:.5px solid #0000;align-items:flex-start;gap:.5rem;padding:10px 12px;font-size:13px;line-height:1.4;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #00000038}.toast-success{background:var(--bg-success);color:var(--text-success);border-color:var(--text-success)}.toast-error{background:var(--bg-danger);color:var(--text-danger);border-color:var(--text-danger)}.toast-icon{border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:flex}.toast-message{flex:1;padding-top:1px}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.role-chip{border:.5px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font-family:inherit;font-size:12px;transition:background .1s,color .1s,border-color .1s}.role-chip-on{background:var(--bg-accent);color:var(--text-accent);border-color:var(--text-accent)}.status-pill{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.status-pill-on{background:var(--bg-success);color:var(--text-success)}.status-pill-off{background:var(--bg-danger);color:var(--text-danger)}.designer{flex-direction:column;gap:1rem;display:flex}.designer-shell{border:.5px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;min-height:460px;display:flex;overflow:hidden}.designer-canvas{background:var(--surface-1);flex:1 1 0;justify-content:center;align-items:center;min-width:320px;padding:18px;display:flex}.designer-settings{border-left:.5px solid var(--border);flex-direction:column;flex:1 1 0;min-width:320px;display:flex;overflow-y:auto}.designer-section{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.designer-section+.designer-section{border-top:.5px solid var(--border)}.designer-section>.designer-divider:first-child{border-top:none;margin-top:0;padding-top:0}.designer-section:last-child{flex:1}.designer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.designer-field{flex-direction:column;gap:3px;min-width:0;display:flex}.designer-field .designer-input,.designer-field .designer-select{padding:6px 8px}.designer-field--full{grid-column:1/-1}.designer-label{color:var(--text-muted);font-size:11px}.designer-divider{border-top:.5px solid var(--border);color:var(--text-muted);margin-top:2px;padding-top:9px;font-size:11px}.designer-input,.designer-select{border:.5px solid var(--border-strong);background:var(--surface-1);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:7px 8px;font-family:inherit;font-size:13px}.designer-input:focus,.designer-select:focus{border-color:var(--brand)}.designer-input:disabled,.designer-select:disabled{opacity:.5}.designer-price{font-size:24px;font-weight:600;line-height:1}.designer-bom{border-collapse:collapse;width:100%;font-size:13px}.designer-bom td{padding:3px 0}.opening-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}