:root{--bg: #0f1113;--panel: #16191c;--card: #1c2126;--border: #2a2f36;--text: #e6e6e6;--muted: #9aa3ad;--accent: #ffd000;--accent-soft: #ffe45a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.app-root{height:100vh}.app-body{height:100%;display:flex}.sidebar{width:360px;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border)}.section{padding:12px;border-bottom:1px solid var(--border)}.section.scroll{padding:0 12px 12px;flex:1;overflow-y:auto}.section.scroll::-webkit-scrollbar{width:8px}.section.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.logo-img{height:78px;object-fit:contain}.map-container{flex:1;position:relative}.map-wrapper{position:relative;height:100%}.map{position:absolute;top:0;right:0;bottom:0;left:0}.clickable-map{cursor:crosshair}.map-overlay{position:absolute;background:var(--panel);border:1px solid var(--border);padding:8px;border-radius:6px;display:flex;gap:6px}.map-overlay.top-left{top:12px;left:12px}.column{flex-direction:column}.location-input{min-width:260px;max-width:360px}.map-helper{font-size:11px;color:var(--muted)}.suggestions{background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden}.suggestion{padding:6px;cursor:pointer}.suggestion:hover{background:var(--border)}.results-card{bottom:60px;left:12px;background:var(--accent-soft);color:#000;border:none;flex-direction:column;font-weight:600;line-height:1.4}.card{background:var(--card);border:1px solid var(--border);padding:10px;border-radius:6px;margin-bottom:10px}.row{display:flex;gap:6px;align-items:center;margin-top:6px}.control-row{gap:4px;width:100%}.grow{flex:1}.select-wrap{position:relative;display:inline-flex}.select-wrap select{background:var(--card);border:1px solid var(--border);color:var(--text);padding:6px 20px 6px 8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:60px;background-image:url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polyline points='5,8 10,13 15,8' fill='none' stroke='%239aa3ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.select-wrap:after{content:none}.times{color:var(--muted);font-size:12px}.right-controls{margin-left:auto;display:grid;grid-template-columns:76px 76px;gap:6px;align-items:center;flex-shrink:0}.qty-control{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;border:1px solid var(--border);border-radius:4px;overflow:hidden;width:72px;min-width:72px;background:var(--card)}.qty-control button{background:var(--card);border:none;color:var(--text);cursor:pointer}.qty-control span{display:grid;place-items:center;color:var(--text)}.remove-btn{display:grid;place-items:center;background:transparent;border:1px solid var(--border);color:var(--muted);padding:4px 0;white-space:nowrap;width:76px;min-width:76px;text-align:center}button{cursor:pointer}.cta{width:100%;background:var(--accent);color:#000;border:none;padding:10px;font-weight:600}.mobile-notice{display:none}@media (max-width: 768px){.app-body{display:none}.mobile-notice{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;min-height:100dvh;z-index:9999;background:var(--bg);align-items:center;justify-content:center;padding:16px;overflow:hidden}.mobile-notice-card{width:min(360px,calc(100vw - 32px));background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center}}