:root{--bg:#0b1220;--bg2:#0f172a;--bg3:#1e293b;--line:#1e2d47;--line2:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#22d3ee;--accent2:#0ea5e9;--ok:#34d399;--warn:#fbbf24;--danger:#f87171;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:var(--text);background:var(--bg3);border:1px solid var(--line2);border-radius:8px;outline:none;padding:7px 10px}input:focus,select:focus{border-color:var(--accent2)}input[type=number]{width:100%}.primary{background:var(--accent2);color:#03131a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.primary:disabled{opacity:.5}.ghost{border:1px solid var(--line2);border-radius:8px;padding:7px 14px}.ghost.danger{color:var(--danger);border-color:var(--danger)}.icon-btn{border-radius:6px;padding:4px;display:inline-flex}.icon-btn.danger{color:var(--danger)}.icon-btn:hover{background:var(--bg3)}.tb-btn{width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tb-btn:hover{background:var(--bg3);color:var(--text)}.tb-btn:disabled{opacity:.35;pointer-events:none}.tb-btn.accent{color:var(--accent)}.tb-btn.danger{color:var(--danger)}.wide{justify-content:center;width:100%}.spinner{border:3px solid var(--line2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.boot-error{text-align:center;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;flex-direction:column;gap:10px;max-width:380px;padding:22px 26px;display:flex}.boot-error h2{font-size:17px}.boot-error p{color:var(--muted);font-size:13px;line-height:1.45}.boot-error button{background:var(--accent);color:#00100b;border-radius:8px;margin-top:6px;padding:8px 0;font-weight:700}.toast{z-index:100;color:#fff;cursor:pointer;background:#d92d20;border-radius:10px;max-width:90vw;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.4;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}@keyframes spin{to{transform:rotate(360deg)}}.boot{justify-content:center;align-items:center;height:100%;display:flex}.hidden{display:none!important}.auth-page{background:radial-gradient(1200px 600px at 50% -10%, #123344, #0b1220), var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.auth-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:360px;padding:32px;display:flex;box-shadow:0 20px 60px #0005}.auth-logo{background:linear-gradient(135deg, var(--accent2), var(--accent));color:#03131a;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:flex}.auth-card h1{margin:0;font-size:24px}.auth-sub{color:var(--muted);margin:0 0 8px}.auth-warn{color:var(--warn);background:#3b2f0f;border-radius:8px;padding:10px}.auth-error{color:var(--danger);font-size:13px}.auth-tabs{background:var(--bg3);border-radius:8px;padding:3px;display:flex}.auth-tabs button{color:var(--muted);border-radius:6px;flex:1;padding:7px}.auth-tabs button.active{background:var(--bg);color:var(--text)}.dash{flex-direction:column;height:100%;display:flex}.dash-head{border-bottom:1px solid var(--line);background:var(--bg2);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{margin:0;font-size:20px}.dash-user{color:var(--muted);align-items:center;gap:10px;display:flex}.dash-body{flex:1;width:100%;max-width:980px;margin:0 auto;padding:26px 22px}.dash-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dash-title h2{margin:0;font-size:18px}.new-project{gap:8px;margin-bottom:18px;display:flex}.new-project input{flex:1}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.project-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;padding:16px;transition:border-color .15s,transform .1s;display:flex}.project-card:hover{border-color:var(--accent2);transform:translateY(-2px)}.card-icon{background:var(--bg3);width:46px;height:46px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-body strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-body span{color:var(--muted);font-size:12px}.card-meta{font-size:11px!important}.empty-projects{text-align:center;color:var(--muted);padding:60px 0}.empty-projects p{margin-top:12px}.editor{flex-direction:column;height:100%;display:flex}.topbar{background:var(--bg2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.project-name{background:0 0;border-color:#0000;width:220px;font-size:16px;font-weight:600}.project-name:hover,.project-name:focus{border-color:var(--line2);background:var(--bg3)}.level-tabs{align-items:center;gap:4px;margin-left:auto;display:flex}.level-tabs-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;font-size:11px}.level-tab{background:var(--bg3);color:var(--muted);white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:12.5px}.level-tab.active{background:var(--bg);color:var(--accent);border:1px solid var(--line2)}.level-tab.add{padding:5px 8px}.level-rename{width:90px}.save-btn{color:var(--accent)}.save-btn:hover{background:var(--bg3)}.top-actions{align-items:center;gap:4px;display:flex}.save-indicator{color:var(--muted);margin-right:6px;font-size:12px}.editor-body{flex:1;min-height:0;display:flex}.toolbar{border-right:1px solid var(--line);background:var(--bg2);flex-direction:column;gap:2px;width:172px;padding:10px 8px;display:flex}.tb-label{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.plan-tab{color:var(--muted);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.plan-tab.active{background:var(--bg3);color:var(--accent);font-weight:600}.tb-divider{background:var(--line);height:1px;margin:8px 4px}.tb-btn.tb-btn-active,.tb-btn.tb-btn.active{background:var(--bg3);color:var(--accent)}.toolbar .tb-btn{width:100%;color:var(--muted);justify-content:flex-start;gap:8px;padding-left:12px;font-size:12px}.toolbar .tb-btn.active{background:var(--bg3);color:var(--accent)}.tb-spacer{flex:1}.canvas-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.canvas-level{border:1px solid var(--line2);color:var(--text);pointer-events:none;background:#000a;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;display:flex;position:absolute;top:12px;left:12px}.canvas-level strong{font-size:13.5px}.canvas-level span{color:var(--muted);font-size:11.5px}.canvas-zoom{color:var(--text);border:1px solid var(--line2);background:#000a;border-radius:8px;align-items:center;gap:2px;padding:4px;font-size:12px;display:flex;position:absolute;bottom:18px;left:12px}.canvas-zoom button{width:26px;height:26px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.canvas-zoom button:hover{background:var(--line)}.canvas-zoom button.fit{color:var(--accent)}.canvas-zoom span{text-align:center;min-width:42px}.canvas-hint{background:var(--bg3);border:1px solid var(--line2);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.canvas-floatbar{background:var(--bg2);border:1px solid var(--line2);border-radius:8px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.canvas-floatbar button{color:var(--accent);font-weight:600}.measure-box{background:var(--bg2);border:1px solid var(--line2);color:var(--accent);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.measure-box input{background:var(--bg1);border:1px solid var(--line2);width:110px;color:var(--fg);border-radius:6px;padding:4px 8px}.measure-box button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-weight:600}.props-panel{border-left:1px solid var(--line);background:var(--bg2);flex-shrink:0;width:240px;padding:14px;overflow-y:auto}.props-panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 12px;font-size:13px}.pf-field{flex-direction:column;gap:5px;margin-bottom:11px;display:flex}.pf-label{color:var(--muted);font-size:11.5px}.pf-hint{color:var(--muted);border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:11.5px;line-height:1.5}.panel-overlay{z-index:40;background:#0008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.materials-panel{background:var(--bg2);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(900px,94vw);height:86vh;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 18px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head .tb-btn{margin-left:auto}.panel-tabs{gap:4px;display:flex}.panel-tabs button{color:var(--muted);border-radius:8px;padding:6px 14px;font-size:12.5px}.panel-tabs button.active{background:var(--bg3);color:var(--accent)}.summary-strip{gap:12px;padding:12px 18px;display:flex}.summary-strip>div{background:var(--bg3);border-radius:10px;flex-direction:column;flex:1;padding:10px 14px;display:flex}.summary-strip strong{color:var(--accent);font-size:18px}.summary-strip span{color:var(--muted);font-size:11.5px}.summary-strip>div.ok strong{color:var(--ok)}.takeoff-body,.spending-body{flex:1;padding:0 18px 18px;overflow-y:auto}.takeoff-group h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px;font-size:11.5px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:6px 8px;font-size:11.5px;font-weight:500}td{border-bottom:1px solid #15233a;padding:6px 8px}.cell-name{max-width:320px}.cell-note{color:var(--muted);font-size:11px}.price-input{width:74px;padding:4px 6px}.empty-note{color:var(--muted);text-align:center;padding:24px}.spend-form{gap:8px;padding:16px 0;display:flex}.spend-form input{flex:1}.spend-form input[type=number]{max-width:90px}.dialog{background:var(--bg2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:460px;padding:6px 18px 18px;display:flex}.dlg-desc{color:var(--muted);margin:0;line-height:1.5}.share-row{gap:8px;display:flex}.share-row input{flex:1}.shared{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.shared-error{color:var(--muted);flex-direction:column;align-items:center;gap:12px;display:flex}.shared-head{width:100%}.shared-badge{color:var(--ok);background:#073a33;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.shared-layout{flex:1;grid-template-rows:auto auto 1fr;grid-template-columns:1fr 380px;gap:12px;width:100%;max-width:1280px;padding:18px;display:grid}.shared-tabs,.shared-levels{grid-column:1;gap:6px;display:flex}.shared-svg{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);grid-area:3/1;width:100%;height:100%;min-height:400px}.shared-panel{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);grid-area:1/2/span 3;padding:16px;overflow-y:auto}.shared-panel h3{margin:0 0 10px;font-size:14px}.shared-total{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:8px;padding:10px 4px;display:flex}.shared-total strong{color:var(--accent)}.shared-foot{color:var(--muted);font-size:11.5px}.shared-meta{color:var(--muted);font-size:13px}