*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #0a0a0a;--bg-surface: #18181b;--bg-card: #27272a;--bg-elevated: #3f3f46;--text-primary: black;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-green: #36F4A4;--accent-red: #ED1C24;--primary-color: #36F4A4;--danger-color: #ef4444;--success-color: #22c55e;--warning-color: #f59e0b;--border-color: #3f3f46;--border-subtle: #27272a;--border-radius: 12px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5)}html{height:100%;height:-webkit-fill-available;width:100%;overflow-x:hidden}body{background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease;margin:0;padding:0;min-height:100vh;min-height:-webkit-fill-available;color:var(--text-primary);overflow-x:hidden;position:relative;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden;position:fixed;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-green)}input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #36f4a41a;outline:none}button{border:none;border-radius:var(--border-radius);padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-red);color:#fff;box-shadow:0 4px 12px #ed1c244d}.btn-primary:hover:not(:disabled){background:#d91920;box-shadow:0 6px 20px #ed1c2466}.spinner{border-color:var(--border-color);border-top-color:var(--accent-green)}.leaflet-routing-container,.leaflet-routing-container.leaflet-routing-show,.leaflet-routing-alt,.leaflet-routing-alt-minimized,.leaflet-routing-instruction-list,.leaflet-routing-panel,[class*=leaflet-routing]{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}@media (max-width: 768px){body{font-size:14px}button{min-height:44px;padding:10px 20px}input,select,textarea{min-height:44px;font-size:16px}}@supports (padding: env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}}