:root{--app-blue:#174ea6;--app-blue-hover:#0f3d84;--app-green:#147d45;--app-green-hover:#0d6034;--app-soft:#f3f6fa;--app-line:#d8e0ea;--app-ink:#172334;--app-muted:#5f6f82;--app-danger:#a12a2a}.app-shell{min-height:100vh;color:var(--app-ink);background:#f6f8fb}button{color:inherit}.loading{min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}.appbar{border-bottom:1px solid var(--app-line);z-index:20;background:#fff;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #1723340d}.brand{letter-spacing:-.04em;background:0 0;border:0;margin-right:38px;font-size:21px;font-weight:800}.brand span{color:var(--app-blue)}.appbar nav{gap:6px;height:100%;display:flex}.appbar nav button{color:var(--app-muted);background:0 0;border:0;padding:0 16px;font-weight:650}.appbar nav button:hover{color:var(--app-blue);background:var(--app-soft)}.user-switch{align-items:center;gap:10px;margin-left:auto;display:flex}.user-switch select,.page-title select{border:1px solid var(--app-line);height:38px;color:var(--app-ink);background:#fff;border-radius:8px;padding:0 10px}.user-switch b{background:var(--app-blue);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.page,.capture-page{max-width:1800px;margin:auto;padding:26px 30px 40px}.page-title,.subhead{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.page-title h1,.subhead h1{margin:3px 0;font-size:25px}.page-title p,.subhead p{color:var(--app-muted);margin:4px 0}.page-title label{color:var(--app-muted);gap:5px;min-width:240px;font-size:12px;display:grid}.crumb,.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--app-blue)!important;font-size:11px!important}.panel,.table-card{border:1px solid var(--app-line);background:#fff;border-radius:10px;box-shadow:0 2px 10px #1723340a}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:var(--app-soft);color:#435269;text-transform:uppercase;letter-spacing:.04em;font-size:11px}th,td{white-space:nowrap;border-bottom:1px solid #e6ebf1;padding:13px 14px}tbody tr{transition:all .15s}tbody tr:hover,tbody tr.selected{background:#edf4ff}.projects-page{position:relative}.projects-page .table-card{margin-right:0}.project-drawer{z-index:15;background:#fff;width:390px;padding:34px 28px;animation:.2s slide;position:fixed;top:64px;bottom:0;right:0;box-shadow:-8px 0 30px #17233424}.project-drawer h2{font-size:25px}.project-drawer>p:not(.eyebrow){color:var(--app-muted);line-height:1.6}.close{color:var(--app-muted);background:0 0;border:0;font-size:25px;position:absolute;top:15px;right:18px}dl{margin-top:28px}dl div{border-bottom:1px solid var(--app-line);justify-content:space-between;padding:12px 0;display:flex}dt{color:var(--app-muted)}dd{margin:0;font-weight:650}.drawer-actions{gap:10px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--app-blue);color:#fff}.btn.primary:hover{background:var(--app-blue-hover)}.btn.success{background:var(--app-green);color:#fff}.btn.success:hover{background:var(--app-green-hover)}.btn.secondary{color:#25364b;background:#fff;border-color:#aab7c7}.btn.secondary:hover{background:#edf2f7;border-color:#607289}.btn.compact{min-height:34px;padding:0 11px;font-size:12px}.btn.wide{width:100%}.status{border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700}.status.active{color:#0b6637;background:#dff5e9}.status.paused{color:#795500;background:#fff1c7}.status.closed{color:#5b6675;background:#e8ecf1}.viewer-grid{grid-template-columns:260px 280px minmax(520px,1fr);align-items:stretch;gap:16px;height:calc(100vh - 158px);min-height:610px;display:grid}.list-panel{padding:0;overflow:auto}.panel-title{border-bottom:1px solid var(--app-line);z-index:2;background:#fff;justify-content:space-between;align-items:center;min-height:58px;padding:13px 16px;display:flex;position:sticky;top:0}.panel-title h2{font-size:15px}.panel-title small{color:var(--app-muted);margin-top:3px;display:block}.panel-title>span{color:#42546b;background:#e8eef6;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.select-card,.point-card,.route-card{border:1px solid var(--app-line);text-align:left;background:#fff;border-radius:8px;width:calc(100% - 20px);margin:10px;padding:13px;position:relative}.select-card:hover,.point-card:hover,.route-card:hover{background:#f7faff;border-color:#80a9dd}.select-card.active,.point-card.active,.route-card.active{border-color:var(--app-blue);box-shadow:0 0 0 1px var(--app-blue);background:#edf4ff}.select-card strong,.select-card small,.select-card time{padding-right:25px;display:block}.select-card small,.select-card time,.point-card small,.route-card small{color:var(--app-muted);margin-top:4px;font-size:11px}.select-card p,.route-card p{color:var(--app-muted);margin:8px 0;font-size:12px;line-height:1.4}.check{color:#fff;border:1px solid #9cabbc;border-radius:4px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:12px}.active>.check{background:var(--app-blue);border-color:var(--app-blue)}.point-card{align-items:start;gap:11px;display:flex}.point-card>b{color:var(--app-blue);background:#e7eef8;border-radius:5px;padding:6px;font-size:11px}.point-card div{gap:3px;display:grid}.plan-panel{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.toolset{border:1px solid var(--app-line);border-radius:7px;align-items:center;display:flex;overflow:hidden}.toolset button{background:#fff;border:0;width:32px;height:30px;font-size:18px}.toolset span{text-align:center;width:46px;font-size:11px}.plan-viewport{background:#dfe5eb;place-items:center;padding:26px;display:grid;overflow:auto}.floorplan{transform-origin:50%;background-color:#fff;background-image:linear-gradient(#eef2f5 1px,#0000 1px),linear-gradient(90deg,#eef2f5 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:90%;height:90%;min-height:430px;transition:transform .15s;position:relative;box-shadow:0 3px 18px #17233430}.room{color:#8190a2;background:#f8fafc;border:3px solid #697789;place-items:center;font-size:11px;display:grid;position:absolute}.r1{inset:12% 46% 48% 8%}.r2{inset:55% 34% 10% 10%}.r3{inset:15% 8% 25% 63%}.corridor{background:#eef2f5;border:3px solid #697789;width:13%;position:absolute;top:12%;bottom:10%;left:46%}.marker{background:var(--app-blue);color:#fff;border:3px solid #fff;border-radius:50%;min-width:42px;height:42px;font-size:10px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #17233455}.marker.active{background:#c0362c;outline:4px solid #c0362c44}.plan-panel>footer{border-top:1px solid var(--app-line);color:var(--app-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.capture-grid{grid-template-columns:310px minmax(560px,1fr) 320px;gap:15px;height:calc(100vh - 158px);min-height:650px;display:grid}.capture-lists{grid-template-rows:42% 58%;display:grid;overflow:hidden}.split-list{border-bottom:1px solid var(--app-line);overflow:auto}.route-card strong{display:block}.panorama-panel{grid-template-rows:1fr auto;display:grid;overflow:hidden}.panorama{perspective:700px;background:linear-gradient(#74b8e7 0 48%,#c9b594 48% 72%,#4c5660 72%);min-height:520px;position:relative;overflow:hidden}.sky{background:radial-gradient(circle at 78% 18%,#fff8 0 4%,#0000 5%),linear-gradient(120deg,#0000,#fff3);position:absolute;inset:0}.building{background:linear-gradient(90deg,#c8c1b6,#e4ddd1 42%,#a79e91);width:76%;height:55%;position:absolute;top:18%;left:8%;transform:rotateY(-6deg);box-shadow:0 12px 35px #17233466}.building i{background:linear-gradient(135deg,#31536c,#88a6b5);border:8px solid #776f66;width:18%;height:58%;margin:8% 3%;display:inline-block}.street{background:repeating-linear-gradient(170deg,#59636c 0 45px,#626d77 46px 48px);height:48%;position:absolute;bottom:-18%;left:-10%;right:-10%;transform:rotateX(58deg)}.scene-2{filter:saturate(.85)brightness(.94)}.scene-3{filter:hue-rotate(16deg)}.pano-label{color:#fff;background:#122033dc;border-radius:7px;padding:12px 15px;display:grid;position:absolute;bottom:20px;left:20px}.pano-label span{color:#dbe6f3;font-size:12px}.pano-tools{gap:5px;display:flex;position:absolute;top:16px;right:16px}.pano-tools button{color:#fff;background:#172334cc;border:1px solid #fff8;border-radius:6px;width:36px;height:36px}.pano-nav{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:13px;display:grid}.pano-nav button{border:1px solid var(--app-line);background:#fff;border-radius:7px;padding:10px}.pano-nav div{text-align:center;display:grid}.pano-nav small{color:var(--app-muted)}.comment-panel{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.comment-feed{padding:12px;overflow:auto}.comment-feed article{border:1px solid var(--app-line);background:#fafbfd;border-radius:8px;margin-bottom:10px;padding:11px}.comment-feed article header{justify-content:space-between;font-size:12px;display:flex}.comment-feed time{color:var(--app-muted);font-size:10px}.comment-feed p{font-size:13px;line-height:1.5}.comment-panel form{border-top:1px solid var(--app-line);gap:8px;padding:12px;display:grid}.comment-panel textarea{resize:vertical;min-height:80px;color:var(--app-ink);background:#fff;border:1px solid #9eacbd;border-radius:7px;padding:10px}.empty{color:var(--app-muted);text-align:center}.management-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.data-panel{grid-template-rows:auto 1fr;min-width:0;height:330px;display:grid}.data-panel>header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.data-panel h2{font-size:15px}.data-scroll{overflow:auto}.data-scroll table{min-width:650px}.modal-backdrop{z-index:50;background:#17233499;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(520px,100%);padding:28px;position:relative;box-shadow:0 20px 60px #0005}.modal h2{margin:4px 0 8px}.modal>p:not(.eyebrow){color:var(--app-muted);line-height:1.5}.dropzone{text-align:center;color:#34465b;background:#f7f9fc;border:2px dashed #8fa3ba;border-radius:10px;place-content:center;gap:6px;height:210px;margin:22px 0;display:grid}.dropzone span{color:var(--app-blue);font-size:34px}.dropzone small{color:var(--app-muted)}.dropzone input{opacity:0;pointer-events:none;position:absolute}.toast{z-index:60;color:#fff;background:#143d28;border-radius:8px;padding:12px 44px 12px 16px;position:fixed;top:80px;right:20px;box-shadow:0 8px 25px #0003}.toast button{color:#fff;background:0 0;border:0;font-size:22px;position:absolute;top:5px;right:9px}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}@media (max-width:1200px){.viewer-grid{grid-template-columns:230px 250px 1fr}.capture-grid{grid-template-columns:280px 1fr}.comment-panel{grid-column:1/-1;min-height:360px}.capture-grid{height:auto}.management-grid{grid-template-columns:1fr}}@media (max-width:820px){.appbar{padding:0 14px}.appbar nav{display:none}.page,.capture-page{padding:18px 12px}.page-title,.subhead{flex-direction:column;align-items:stretch}.viewer-grid,.capture-grid{flex-direction:column;height:auto;display:flex}.list-panel{max-height:360px}.plan-panel{min-height:620px}.project-drawer{width:100%;top:64px}.management-grid{grid-template-columns:1fr}.user-switch select{max-width:165px}.panorama{min-height:460px}}
.table-action{color:#174ea6;background:#fff;border:1px solid #8fa3ba;border-radius:6px;padding:6px 10px;font-weight:700}.table-action:hover{background:#edf4ff;border-color:#174ea6}