@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182d3d;background:#f3f6f8;font-size:14px;--teal:#087d82;--ink:#112f43;--line:#dce5e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.filebutton{cursor:pointer;background:var(--teal);border:1px solid transparent;color:white;border-radius:7px;padding:11px 16px;font-weight:600}button:hover,.filebutton:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #c9d7dd;border-radius:6px;padding:10px;background:white;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #67c8c7;outline-offset:2px}label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-weight:600}label small{font-weight:400;color:#607580}h1{font-size:32px;letter-spacing:-1px;margin:5px 0 10px}h2{font-size:20px;margin:5px 0 20px}p{line-height:1.6}small,.muted{color:#6e808a}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--teal);font-weight:800}.login{max-width:510px;margin:7vh auto;padding:36px}.login h1{font-size:42px;line-height:1.15}.login form{margin:30px 0}.login button{width:100%}.brand{font-size:46px;font-weight:900;color:var(--ink)}.brand span,.wordmark>span{color:#20beb4}#shell{min-height:100vh}#shell:not([hidden]){display:flex}aside{position:fixed;width:238px;inset:0 auto 0 0;background:#102c3d;color:#c4d8e3;padding:30px 21px;display:flex;flex-direction:column}.wordmark{display:flex;gap:8px;align-items:center;text-decoration:none;color:#fff;font-size:34px;font-weight:900}.wordmark b{font-size:22px}.wordmark small{display:block;font-size:9px;letter-spacing:2.4px;font-weight:500;color:#8eaab9}.navlabel{font-size:10px;letter-spacing:1.6px;color:#8da7b6;margin:48px 10px 20px}nav{display:grid;gap:6px}nav button{text-align:left;background:none;color:#c2d5df;font-weight:500}nav button.active{background:#214d5a;color:#64e0d1}.aside-bottom{margin-top:auto;display:grid;gap:10px}.aside-bottom small{margin-top:20px}.quiet{background:none;color:inherit;border:0;padding:6px;text-align:left}main{margin-left:238px;width:calc(100% - 238px)}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:white;color:#71858f;font-size:12px}.pill{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:8px;border-radius:30px}.pill b{color:var(--teal)}#content{padding:32px 36px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.pagehead p{margin:4px 0;color:#6e818c}.pagehead .eyebrow{color:var(--teal)}.actions{display:flex;gap:10px}.secondary{background:white;color:#234b5b;border:1px solid #cddcdf}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat{padding:24px;background:white;border:1px solid var(--line);border-radius:10px}.stat strong{display:block;font-size:36px;margin-top:16px;font-weight:650}.stat span{color:#6b828e}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panelhead h2{margin:0}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#778b95;background:#f6f9fa}th,td{padding:16px 12px;border-bottom:1px solid #eaf0f2}td button{padding:7px 10px;font-size:12px;margin:2px}.status{font-size:11px;padding:5px 9px;background:#e6f4f0;color:#20786b;border-radius:20px;white-space:nowrap}.empty{padding:50px;text-align:center;color:#778b95}.search{width:300px;margin-bottom:20px}dialog{border:0;border-radius:12px;width:520px;max-width:95vw;padding:28px;box-shadow:0 20px 80px #102c3d44}dialog::backdrop{background:#102c3d88}.dialog-head{display:flex;justify-content:space-between}.dialog-actions{text-align:right}textarea{min-height:85px}#toast{position:fixed;bottom:24px;right:24px;max-width:460px;background:#123d4d;color:white;padding:16px 22px;border-radius:8px;z-index:20;display:none}#toast.show{display:block}#loginError{color:#b32631}.editor-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--line);padding:12px;border-radius:8px}.editor-bar label{margin:0;font-size:12px}.editor-bar input[type=range]{width:110px}.editor-bar select{max-width:230px}.editor-bar #lineLabel{width:210px}.hint{font-size:12px;color:#667f8c}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}#canvasWrap{height:65vh;min-height:400px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#e4ecef}canvas{display:block;transform-origin:top left;cursor:crosshair;background:white;touch-action:none}.quantities{padding:20px}.quantities h2{font-size:18px}.quantities button{width:100%;margin:4px 0}.quantities .muted{font-size:11px}.qrow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eaf0f2;padding:10px 0;font-size:12px}.qrow b{white-space:nowrap}.quantities label{font-size:12px;margin-top:18px}.element{font-size:11px;text-align:left;padding:5px!important;overflow-wrap:anywhere}.element.selected{border-color:var(--teal)}@media(max-width:1000px){aside{width:185px}main{margin-left:185px;width:calc(100% - 185px)}#content{padding:24px}.editor-grid{grid-template-columns:1fr}.quantities{max-width:100%}.pagehead{align-items:flex-start;flex-wrap:wrap}}@media(max-width:650px){#shell:not([hidden]){display:block}aside{position:static;width:100%;padding:16px}aside .navlabel,aside .aside-bottom small{display:none}nav{display:flex;flex-wrap:wrap;margin-top:12px}nav button{font-size:12px}.aside-bottom{display:flex;align-items:center;margin-top:12px;font-size:12px}main{margin:0;width:100%}header{padding:0 20px;height:55px}#content{padding:20px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:28px}h1{font-size:27px}.panel{overflow-x:auto;padding:16px}.pill{display:none}.actions{flex-wrap:wrap}th,td{padding:10px}table{min-width:500px}}@media print{aside,header,.editor-bar,.actions,.hint,.quantities button,.quantities label,#elementList,#toast{display:none!important}main{margin:0;width:100%}#content{padding:0}.editor-grid{display:block}#canvasWrap{height:auto;overflow:visible;border:0}canvas{width:100%!important;height:auto!important}.quantities{margin-top:15px;break-inside:avoid}.pagehead{margin-bottom:12px}}