:root{color:#162033;background:#eef4f6;font-family:Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 14px;max-width:1760px}.topbar h1,.editor h2{margin:0;letter-spacing:0}.topbar h1{color:#142033;font-size:clamp(1.35rem,2vw,2rem);line-height:1.2}.eyebrow{color:#486477;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.admin-panel,.login-form,.editor-actions{display:flex;align-items:center;gap:10px}.login-form input,.editor input{background:#fff;border:1px solid #bac8cf;border-radius:8px;color:#162033;min-height:42px;outline:none;padding:9px 11px;width:100%}.login-form input:focus,.editor input:focus{border-color:#1976a3;box-shadow:0 0 0 3px #1976a324}.button,.icon-button{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button{padding:0 14px;white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.52}.button.primary{background:#0b6f9e;color:#fff;box-shadow:0 7px 18px #0b6f9e38}.button.secondary,.icon-button{background:#fff;color:#223448;box-shadow:0 1px #1620331f}.icon-button{aspect-ratio:1;padding:0;width:42px}.button:not(:disabled):hover,.icon-button:hover{transform:translateY(-1px)}.status-message{background:#fff8d8;border:1px solid #e0c96d;border-radius:8px;color:#55430b;margin:0 auto 14px;max-width:1760px;padding:10px 12px}.workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;margin:0 auto;max-width:1760px}.map-column{display:grid;gap:18px;min-width:0}.side-column{align-self:start;display:grid;gap:18px;min-width:0}.map-stage{aspect-ratio:1999 / 1125;background:#0b5f8d;border-radius:8px;box-shadow:0 18px 50px #1420332e;overflow:hidden;position:relative;width:100%}.map-stage img{display:block;height:100%;object-fit:cover;width:100%}.berth-hotspot{background:transparent;border:1px solid rgba(255,255,255,0);border-radius:4px;position:absolute;transform:translateZ(0);z-index:2}.berth-hotspot:hover,.berth-hotspot.selected{background:#ffe74d14;border-color:#ffe74d;box-shadow:0 0 0 1px #0a1a2bb8}.berth-hotspot.occupied{background:transparent}.tooltip{background:#0b1623eb;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#fff;display:grid;gap:5px;right:16px;max-width:min(330px,calc(100% - 32px));padding:12px 14px;pointer-events:none;position:absolute;top:16px;z-index:8}.tooltip strong{font-size:1rem}.pixel-map-title{color:#f7fbff;font-family:Courier New,monospace;font-size:clamp(1.05rem,2.45vw,2.55rem);font-weight:950;left:49.5%;letter-spacing:0;line-height:1;pointer-events:none;position:absolute;text-shadow:3px 0 0 #09243c,-3px 0 0 #09243c,0 3px 0 #09243c,0 -3px 0 #09243c,4px 4px 0 rgba(0,0,0,.45);top:45.5%;transform:translate(-50%,-50%);white-space:nowrap;z-index:4}.pixel-berth-board{background:linear-gradient(180deg,#0b1927e0,#050d19eb),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.04) 5px 6px);border:3px solid #f4d36a;box-shadow:0 0 0 3px #10263c,6px 6px #00000057;color:#f7fbff;display:grid;column-gap:6px;row-gap:3px;grid-template-columns:1fr 1fr;left:1.2%;max-height:43%;overflow:hidden;padding:7px;position:absolute;bottom:3.6%;width:min(38%,450px);z-index:5}.pixel-board-title{color:#ffe46f;font-family:Courier New,monospace;font-size:clamp(.48rem,.72vw,.72rem);font-weight:900;grid-column:1 / -1;letter-spacing:0;line-height:1;text-shadow:2px 2px 0 #10263c}.pixel-board-section{min-width:0}.pixel-board-section h2{color:#72d6ff;font-family:Courier New,monospace;font-size:clamp(.44rem,.62vw,.62rem);letter-spacing:0;line-height:1;margin:0 0 2px;text-shadow:2px 2px 0 #10263c}.pixel-board-rows{display:grid;gap:1px}.pixel-board-row{align-items:center;background:#ffffff0f;border:1px solid rgba(244,211,106,.26);color:#fff;display:grid;font-family:Courier New,monospace;font-size:clamp(.48rem,.66vw,.68rem);font-weight:900;gap:5px;grid-template-columns:2.7em minmax(0,1fr);letter-spacing:0;line-height:1;min-height:13px;padding:1px 4px;text-align:left;text-shadow:1px 1px 0 #06172a}.pixel-board-row:hover,.pixel-board-row.selected{background:#ffe46f;color:#10263c;text-shadow:none}.pixel-board-row span{color:#ffe46f;font-size:.9em}.pixel-board-row:hover span,.pixel-board-row.selected span{color:#10263c}.pixel-board-row strong{display:block;font-size:1.06em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor{background:#fff;border:1px solid #d7e0e4;border-radius:8px;box-shadow:0 18px 50px #1420331f;display:grid;gap:16px;padding:18px}.application-card{background:#fff;border:1px solid #d7e0e4;border-radius:8px;box-shadow:0 18px 50px #1420331a;display:grid;gap:14px;padding:18px}.application-card h2{font-size:1.3rem;letter-spacing:0;margin:0}.application-heading{align-items:center;display:flex;gap:12px}.yacht-icon{align-items:center;background:#dff4f1;border:1px solid #b8ded8;border-radius:50%;color:#087c76;display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.berth-rule{align-items:flex-start;display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr)}.berth-rule p,.contact-row p{color:#30495c;line-height:1.55;margin:0}.zone-badge{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-weight:900;height:32px;justify-content:center;width:32px}.zone-badge.zone-a{background:#d94c45}.zone-badge.zone-b{background:#1674a5}.contact-block{background:#f1f8f7;border:1px solid #cfe3df;border-radius:8px;display:grid;gap:13px;padding:13px}.contact-row{align-items:flex-start;color:#087c76;display:grid;gap:10px;grid-template-columns:22px minmax(0,1fr)}.contact-row svg{margin-top:2px}.contact-row a{color:#087c76;font-weight:900;margin-left:5px;text-underline-offset:3px}.contact-row small{color:#5d6f78;display:block;margin-top:3px}.phone-links{display:flex;flex-wrap:wrap;gap:3px 8px}.phone-links a{margin-left:0}.editor-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.empty-state,.detail-summary{background:#edf6f8;border:1px solid #d2e2e7;border-radius:8px;color:#365568;margin:0;padding:12px}.detail-summary{display:grid;gap:4px}.detail-summary strong{color:#162033;font-size:1.1rem}.editor label{color:#30495c;display:grid;font-size:.9rem;font-weight:800;gap:7px}.field-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.date-heading{align-items:center;color:#30495c;display:flex;font-weight:900;gap:8px}@media (max-width: 1120px){.workspace{grid-template-columns:1fr}.side-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 760px){.app-shell{padding:12px}.topbar,.admin-panel,.login-form{align-items:stretch;flex-direction:column}.admin-panel,.login-form{width:100%}.admin-panel{display:grid;grid-template-columns:1fr auto}.login-form{grid-column:1}.topbar{gap:12px}.map-stage{overflow-x:auto}.field-grid,.side-column{grid-template-columns:1fr}.berth-label.horizontal{min-width:46px}.pixel-berth-board{bottom:2.5%;gap:4px;max-height:47%;padding:5px;width:54%}.pixel-board-row{grid-template-columns:2.5em minmax(0,1fr);padding:1px 3px}}