:root{font-family:Segoe UI,Arial;background:#08131d;color:#e8f1f5}*{box-sizing:border-box}body{margin:0}.top{height:64px;background:#0e2737;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #2d637d}.brand{font-weight:900;letter-spacing:.12em;font-size:1.25rem}.brand span{font-size:.65rem;color:#63c8e8;margin-left:12px}.company{font-size:.72rem;color:#a9c2ce}.menu{height:34px;background:#681313;color:#f6dede;padding:9px 18px;font-size:.66rem;letter-spacing:.08em;white-space:nowrap;overflow:hidden}main{padding:18px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.heading small{color:#61c8e9;letter-spacing:.13em}.heading h1{margin:5px 0;font-size:1.4rem}.actions{display:flex;gap:8px}.actions a{background:#0e4d68;border:1px solid #328baa;color:#fff;padding:10px 14px;text-decoration:none;font-size:.68rem;font-weight:800}.board{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:9px;overflow-x:auto;align-items:start}.lane{background:#10222e;border:1px solid #2b5366;min-height:180px}.lane h3{font-size:.7rem;letter-spacing:.04em;margin:0;padding:10px;background:#163b4d;color:#bfe7f2}.lane h3 span{float:right;background:#0a1720;border-radius:10px;padding:2px 6px}.lane article{margin:8px;padding:9px;background:#07151f;border-left:3px solid #45b4d5;display:grid;gap:4px;font-size:.72rem}.lane article strong{color:#fff}.lane article span,.lane article small{color:#9bb6c3;font-size:.65rem}@media(max-width:900px){.board{grid-template-columns:repeat(3,minmax(190px,1fr))}}
.menu a{color:#f6dede}.split{display:grid;grid-template-columns:320px 1fr;gap:14px}.panel{background:#10222e;border:1px solid #2b5366;padding:16px}.panel h2{margin-top:0}.panel label{display:grid;gap:4px;color:#bfe7f2;font-size:.72rem;margin:10px 0}.panel input,.panel button,.heading input,.heading button{padding:9px;background:#07151f;color:#fff;border:1px solid #427185}.panel button,.heading button{background:#0e4d68;font-weight:800}.record{display:grid;gap:4px;padding:10px;border-bottom:1px solid #294756}.record span,.record small{color:#9bb6c3;font-size:.7rem}@media(max-width:700px){.split{grid-template-columns:1fr}}
.inline{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.inline input,.inline select,.inline button{padding:6px;background:#07151f;color:#fff;border:1px solid #427185;font-size:.65rem}.inline button{background:#0e4d68;font-weight:800}
.designer{display:grid;grid-template-columns:1fr 320px;gap:14px}.canvas{background:#e9f2f4;color:#19313e;min-height:500px;padding:25px;display:grid;place-items:center;position:relative}.dimension{position:absolute;top:12px;font-weight:800}.window-canvas{width:min(70%,600px);aspect-ratio:6/5;border:14px solid #555;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #0005}.panel-box{border:1px solid #56818e;width:100%;height:100%;display:grid;place-items:center;color:#3c6b79;font-size:.75rem;text-align:center;padding:12px}@media(max-width:800px){.designer{grid-template-columns:1fr}}