:root{--yellow: #ffcc33;--yellow-d: #e6b520;--blue: #0e72b5;--blue-d: #0a5f99;--ink: #1c1c1e;--bg: #f4f5f6;--card: #ffffff;--line: #e3e5e8;--muted: #6b7280;--green: #1a7f4b;--red: #c0392b;--chart-axis: #6b7280;--chart-grid: #c9ccd1;--chart-bar: #ffcc33;--chart-bar-stroke: #e6b520;--chart-line: #e6a817;--chart-positive: #1a7f4b;--terrain: #7da05c;--panel-fill: #16253f;--panel-stroke: #3d5f9e;--panel-invalid: #ff6b5b;--obstacle: #5b5e63;--canvas-active: #ffcc33;--canvas-active-soft: rgba(255, 204, 51, .55);--canvas-ink: #1c1c1e;--canvas-contrast: #ffffff;--canvas-contrast-soft: rgba(255, 255, 255, .5);--canvas-contrast-strong: rgba(255, 255, 255, .85);--pos: #0a7d33;--neg: #aa3333;--warn: #d99a06;--muted-2: #9ca3af;--row-highlight: #fffbe8;--row-success: #eefaf1;--row-neutral: #f7f8fa;--code-bg: #f7f8f9;--chart-area: rgba(255, 204, 51, .18);--panel-invalid-fill: rgba(192, 57, 43, .75);--canvas-contrast-max: rgba(255, 255, 255, .92);--canvas-contrast-faint: rgba(255, 255, 255, .15);--roof-fill: rgba(143, 111, 95, .45);--roof-fill-soft: rgba(143, 111, 95, .22);--scrim: rgba(20, 20, 22, .35);--scrim-strong: rgba(20, 20, 22, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--yellow-d)}h1{font-size:22px}h2{font-size:17px}h3{font-size:14px}.muted{color:var(--muted)}.err{color:var(--red)}.btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{background:#f0f1f3}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-o{color:var(--blue);border-color:var(--blue);background:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;background:#eef0f2;color:#374151}.chip.ok{background:#d1fae5;color:#065f46}.chip.warn{background:#fef3c7;color:#92400e}.chip.bad{background:#fdecea;color:#7f1d1d}.chip.info{background:#e0ecff;color:#1d4ed8}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.msg{padding:9px 12px;border-radius:8px;font-size:12.5px;margin-bottom:7px}.msg.ok{background:#eaf7f0;color:#14532d}.msg.err{background:#fdecea;color:#7f1d1d}.msg.info{background:#eef4ff;color:#1e3a8a}.topbar{height:52px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 0 0 16px;gap:14px;position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:9px;cursor:pointer}.logo .mark{width:30px;height:30px;background:var(--ink);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--yellow);font-size:16px}.logo b{font-size:15px}.crumb{color:var(--muted);font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb b{color:var(--ink)}.ribbon{margin-left:auto;align-self:stretch;display:flex;align-items:center;gap:18px;background:var(--yellow);padding:0 20px 0 42px;clip-path:polygon(30px 0,100% 0,100% 100%,0 100%);font-weight:600;font-size:13px}.ribbon .rb{cursor:pointer;white-space:nowrap;background:none;border:none;font-weight:600;font-size:13px}.auth-wrap{min-height:calc(100vh - 52px);display:flex;align-items:center;justify-content:center}.auth-card{width:400px;max-width:92vw}.auth-card .field{margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.frow{display:flex;gap:12px;flex-wrap:wrap}.frow>.field{flex:1}.dash{display:flex;min-height:calc(100vh - 52px)}.dash-side{width:252px;background:#fff;border-right:1px solid var(--line);padding:10px 0;flex-shrink:0}.ds-item{padding:13px 16px;cursor:pointer;border-left:3px solid transparent;font-weight:700;font-size:13px;color:#374151;display:flex;gap:10px}.ds-item span{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:3px}.ds-item.active{border-left-color:var(--yellow);background:#fafafa;color:var(--ink)}.dash-main{flex:1;padding:26px 30px 60px;max-width:1240px;min-width:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.kpi .v{font-size:18px;font-weight:700}.kpi .l{font-size:11.5px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input[type=text]{width:240px;margin-left:auto}table.tbl{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff}.tbl th{background:#f7f8f9;text-align:left;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.tbl td{padding:8px 10px;border-top:1px solid var(--line)}.tbl td.r,.tbl th.r{text-align:right}.tbl tr.row{cursor:pointer}.tbl tr.row:hover td{background:#f7fafc}.tbl-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.board-col{min-width:220px;flex:1}.board-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}.board-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:12.5px}.board-card:hover{box-shadow:0 3px 10px #00000014}.board-card b{display:block;font-size:13px}.proj{display:flex;min-height:calc(100vh - 104px)}.sidenav{width:216px;background:#fff;border-right:1px solid var(--line);padding:14px 0 80px;flex-shrink:0}.sidenav .sect{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:14px 16px 4px;font-weight:700}.step{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:13px;color:#374151;border-left:3px solid transparent}.step:hover{background:#f7f8f9}.step.active{background:#fffbe8;border-left-color:var(--yellow);font-weight:700;color:var(--ink)}.step .ic{width:26px;height:26px;border-radius:7px;background:#eef0f2;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.step.active .ic{background:var(--yellow)}.step.done:after{content:"✓";color:var(--green);font-weight:700;margin-left:auto;font-size:12px}.stage{flex:1;padding:22px 24px 90px;min-width:0;max-width:1280px}.stage h1{margin-bottom:4px}.stage .sub{color:var(--muted);margin-bottom:18px;font-size:13px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.tile .v{font-size:19px;font-weight:700}.tile .l{font-size:11px;color:var(--muted)}.tile.hl{background:#fffbe8;border-color:var(--yellow)}.canvas-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px;max-width:min(100%,1000px)}.canvas-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.canvas-tools .sep{width:1px;height:24px;background:var(--line)}canvas.designer{border-radius:8px;display:block;width:100%;cursor:crosshair;background:#7da05c}.legend{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:8px;flex-wrap:wrap}.slider-field{display:flex;align-items:center;gap:8px;font-size:12px}.slider-field input[type=range]{width:110px;padding:0}.slider-field b{min-width:44px;text-align:right}.comp-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comp-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.ccard{border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;background:#fff}.ccard:hover{border-color:#c8cbd0}.ccard.sel{border-color:var(--yellow);background:#fffbe8;box-shadow:0 0 0 1px var(--yellow)}.ccard .nm{font-weight:700;font-size:13px}.ccard .meta{font-size:11px;color:var(--muted);margin-top:2px}.ccard .pr{float:right;font-weight:700;font-size:13px}@media(max-width:1100px){.comp-cols{grid-template-columns:1fr}}.check{display:flex;gap:10px;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;font-size:13px;align-items:flex-start}.check .cb{width:18px;height:18px;border-radius:4px;border:2px solid #cbd0d6;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:1px}.check.donec .cb{background:var(--green);border-color:var(--green);color:#fff}.check .t b{display:block}.check .t span{color:var(--muted);font-size:12px}.rollup{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 18px;gap:22px;z-index:60;font-size:13px}.rollup .ri{display:flex;flex-direction:column;line-height:1.15}.rollup .ri b{font-size:14px;color:var(--yellow)}.rollup .ri span{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.rollup select{background:#33353a;color:#fff;border-color:#44464b}.lossbar{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:12px}.lossbar .nm{width:170px;color:#374151}.lossbar .bar{flex:1;height:10px;background:#eef0f2;border-radius:5px;overflow:hidden}.lossbar .bar i{display:block;height:100%;background:var(--red);opacity:.75;border-radius:5px}.lossbar b{width:52px;text-align:right}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}