:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222;background:#f7f7f9}*{box-sizing:border-box}body{margin:0}.app{max-width:1100px;margin:0 auto;padding:16px}h1{margin:0 0 12px;font-size:22px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px}.tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.card{background:#fff;border:1px solid #e3e3e7;border-radius:6px;padding:12px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #eee}th{background:#fafafa}input,select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}button{padding:4px 10px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}button.danger{color:#b91c1c;border-color:#fca5a5}.error{color:#b91c1c;font-size:13px}.muted{color:#666;font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-info{display:flex;gap:8px;align-items:center}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{width:320px;display:flex;flex-direction:column;gap:8px}.login-card h1{margin:0 0 8px;font-size:20px}.login-card input{width:100%}.link-button{background:none;border:none;color:#2563eb;cursor:pointer;padding:0;font:inherit;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:8px;padding:16px;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 10px 30px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-head h3{margin:0}table.details th{width:140px;font-weight:500;color:#555}.venue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px}.venue-tile{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s,transform .05s}.venue-tile:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.venue-tile:active{transform:translateY(1px)}.venue-tile--selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.venue-tile__title{font-size:16px;font-weight:600;color:#111}.venue-tile__address{font-size:13px}.venue-tile__stats{display:flex;gap:16px;font-size:13px;color:#444;margin-top:4px}.breadcrumbs{margin:4px 0 12px;font-size:14px;color:#555}.breadcrumb__sep{margin:0 4px;color:#999}.breadcrumb__current{color:#111;font-weight:600}.status-group{margin-top:12px}.status-group:first-child{margin-top:0}.status-group__title{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#444}.map-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:8px}.map-toolbar select{padding:4px 8px}.map-canvas-wrap{width:100%;overflow:auto;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;max-height:75vh;cursor:grab;-webkit-user-select:none;user-select:none}.map-canvas-wrap--panning{cursor:grabbing}.map-canvas-zoom,.map-canvas-islands{position:relative}.map-zoom{display:inline-flex;gap:4px;margin-left:12px}.map-zoom button{padding:4px 10px;min-width:48px}.map-island{position:absolute;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 2px 6px #0000000f;z-index:2}.map-island--hub{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e,0 4px 14px #2563eb2e}.map-island__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:#eef2ff;border-top-left-radius:10px;border-top-right-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none}.map-island__head:active{cursor:grabbing}.map-island__head--readonly,.map-island__head--readonly:active{cursor:default}.map-island--hub .map-island__head{background:#dbeafe}.map-island__title{font-weight:600;color:#111}.map-island__count{font-size:12px;color:#2563eb;font-weight:600}.map-island__body{display:flex;flex-direction:column;gap:6px;padding:8px}.map-island__empty{padding:8px}.map-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;cursor:pointer;transition:border-color .1s,box-shadow .1s}.map-card:hover,.map-card--hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb2e}.map-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.map-card__name{font-weight:600;color:#111;font-size:13px}.map-card__code{font-size:11px;color:#666}.map-card__ports{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.map-port{display:grid;grid-template-columns:10px 1fr 10px;align-items:center;gap:6px;font-size:12px;color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:4px 6px;position:relative}.map-port__dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#d1d5db;box-shadow:0 0 0 2px #fff}.map-port__label{white-space:nowrap;text-align:center}.map-port--out{background:#eff6ff;border-color:#bfdbfe}.map-port--out .map-port__dot{background:#2563eb}.map-port--in{background:#bbf7d0;border-color:#16a34a;border-width:2px;font-weight:600;box-shadow:0 0 0 1px #16a34a33}.map-port--in .map-port__dot{background:#15803d;box-shadow:0 0 0 2px #16a34a55}.map-port--off{opacity:.7}.map-port--off .map-port__dot{background:#d1d5db}.map-port--draggable{cursor:grab;opacity:1;border-style:dashed;border-color:#93c5fd}.map-port--draggable:active{cursor:grabbing}.map-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.map-svg--edit{z-index:3}.map-link{stroke:#94a3b8;stroke-width:1.6;opacity:.75}.map-link--active{stroke:#2563eb;stroke-width:2.5;opacity:1}.map-link--edit{cursor:pointer}.map-link-hit{stroke:transparent;stroke-width:14;fill:none;pointer-events:stroke;cursor:pointer}.map-link-hit:hover+.map-link{stroke:#dc2626;stroke-width:2.4;opacity:1}.map-link-ghost{stroke:#2563eb;stroke-width:2;stroke-dasharray:6 4;opacity:.85;pointer-events:none}.map-link-handle{fill:#2563eb;stroke:#fff;stroke-width:2;cursor:grab;pointer-events:all}.map-link-handle:active{cursor:grabbing}.map-link-handle--from{fill:#0f766e}.map-port--drop-hover{background:#fef3c7!important;border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b80}.map-card--drop-hover{outline:2px dashed #f59e0b;outline-offset:2px}.small{font-size:12px}