:root{--ink:#17212b;--muted:#677481;--line:#dfe5e9;--paper:#fff;--canvas:#f3f6f7;--navy:#123047;--blue:#1686b7;--coral:#ef765f;--green:#2d9b78;--violet:#7768d8;--shadow:0 18px 50px rgba(27,49,64,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit}.hidden{display:none!important}
.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 18px rgba(8,30,45,.22)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:12px;font-weight:800;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand small{color:#aac0ce;font-size:12px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:8px;font-size:13px;color:#c8d5dd}.status-dot{width:8px;height:8px;border-radius:50%;background:#e6a44c}.status-dot.online{background:#55d2a5;box-shadow:0 0 0 4px rgba(85,210,165,.12)}.logout{border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff;padding:7px 11px;cursor:pointer}.logout:hover{background:rgba(255,255,255,.1)}
.auth-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#dff2f7 0,transparent 32%),radial-gradient(circle at 80% 85%,#e9e5fb 0,transparent 30%)}.auth-card{width:min(460px,100%);padding:42px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{font-family:Georgia,serif;font-size:36px;margin:8px 0 12px}.auth-card p{color:var(--muted);line-height:1.55;margin:0 0 26px}
.workspace{height:calc(100vh - 72px);display:grid;grid-template-columns:300px 1fr}.sidebar{background:#eaf0f2;border-right:1px solid #d6e0e4;padding:26px 18px;overflow:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 16px}.sidebar h2{font-family:Georgia,serif;font-size:28px;margin:4px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}.icon-button{width:38px;height:38px;border:0;border-radius:11px;background:var(--navy);color:#fff;font-size:23px;cursor:pointer}.search{width:100%;padding:11px 13px;border:1px solid #cad6db;border-radius:10px;background:#fff}.spot-count{padding:14px 6px 8px;color:var(--muted);font-size:12px}.spot-list{display:grid;gap:6px}.spot-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:11px;padding:11px 12px;cursor:pointer;display:flex;align-items:center;gap:10px}.spot-item:hover{background:#fff}.spot-item.active{background:#fff;border-color:#d7e1e5;box-shadow:0 5px 18px rgba(27,49,64,.07)}.spot-item .pin{color:var(--blue)}.spot-item strong{display:block;font-size:14px}.spot-item small{display:block;color:var(--muted);margin-top:2px}.spot-item .disabled{margin-left:auto;width:7px;height:7px;background:#a6b0b6;border-radius:50%}
.editor-shell{overflow:auto;padding:34px clamp(22px,4vw,58px) 80px}.editor{max-width:1080px;margin:auto}.editor-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.editor-title h1{font-family:Georgia,serif;font-size:38px;margin:5px 0 0}.actions{display:flex;gap:10px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:18px;box-shadow:0 5px 24px rgba(28,48,61,.04)}.section-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf0f2;padding-bottom:17px;margin-bottom:20px}.section-title h2{font-size:18px;margin:0 0 3px}.section-title p{font-size:13px;color:var(--muted);margin:0}.section-title .add-source{margin-left:auto}.section-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:18px}.blue{background:var(--blue)}.coral{background:var(--coral)}.green{background:var(--green)}.violet{background:var(--violet)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}label{font-size:12px;font-weight:750;color:#46535e;display:grid;gap:7px}label.wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #ccd6db;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,134,183,.11)}input:disabled{background:#edf1f3;color:#77838c}label small{font-weight:400;color:#849099}.switch-label{display:flex;align-items:center;justify-content:space-between;border:1px solid #d7e0e4;border-radius:10px;padding:10px 12px}.switch-label input{display:none}.switch-label i{width:40px;height:22px;background:#b9c3c8;border-radius:20px;position:relative;transition:.2s}.switch-label i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-label input:checked+i{background:var(--green)}.switch-label input:checked+i:after{transform:translateX(18px)}.map-preview{border:1px dashed #b9cbd3;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.map-preview a{color:var(--blue);font-weight:750;text-decoration:none}
.source-list{display:grid;gap:12px}.source-empty{padding:22px;text-align:center;color:var(--muted);background:#f7f9fa;border:1px dashed #cad5da;border-radius:11px}.source-card{border:1px solid #dbe3e7;border-radius:12px;background:#fafcfc}.source-card-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.source-card-head strong{font-size:14px}.source-card-head small{color:var(--muted)}.source-card-head .remove-source{margin-left:auto}.source-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:5px 14px 16px}.source-fields .wide{grid-column:1/-1}.source-fields .span2{grid-column:span 2}.remove-source{border:0;background:#fbe9e6;color:#b84d3d;border-radius:8px;padding:6px 9px;cursor:pointer}.primary,.secondary{border-radius:9px;padding:10px 15px;font-weight:750;cursor:pointer}.primary{border:1px solid var(--navy);background:var(--navy);color:#fff}.primary:hover{background:#1d435e}.secondary{border:1px solid #ccd7dc;background:#fff;color:#334550}.message{display:none;padding:12px 14px;border-radius:10px;margin-bottom:15px;font-size:13px}.message.success{display:block;background:#e5f7f0;color:#176c50}.message.error,.error:not(:empty){display:block;background:#fcebea;color:#a33d32}.error{margin-top:12px;padding:10px;border-radius:8px;font-size:13px}.empty-state{min-height:65vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state h2{font-family:Georgia,serif;color:var(--ink);font-size:28px;margin:12px 0 4px}.empty-state p{margin:0}.empty-icon{font-size:52px;color:#9db5c1}
@media(max-width:850px){.workspace{grid-template-columns:1fr;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:330px}.editor-shell{padding:24px 14px}.editor-title{align-items:start;gap:16px}.form-grid,.source-fields{grid-template-columns:1fr}.source-fields .span2{grid-column:auto}.actions{flex-direction:column}.section-title{align-items:flex-start;flex-wrap:wrap}.section-title .add-source{margin-left:51px}.topbar{padding:0 16px}}