@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #f2f2f7;--bg-secondary: rgba(118,118,128,.08);--surface: #ffffff;--text-primary: #1c1c1e;--text-secondary: #636366;--text-tertiary: #8e8e93;--text-placeholder: #c7c7cc;--accent: #007aff;--accent-hover: #0071e3;--accent-pressed: #006edb;--accent-subtle: rgba(0,122,255,.1);--accent-glow: rgba(0,122,255,.26);--success: #30d158;--warning: #ff9f0a;--danger: #ff453a;--purple: #bf5af2;--teal: #5ac8fa;--orange: #ff6b2b;--indigo: #5e5ce6;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--separator: rgba(60,60,67,.12);--fill-primary: rgba(120,120,128,.2);--fill-secondary: rgba(120,120,128,.14);--fill-tertiary: rgba(120,120,128,.08);--fill-quaternary: rgba(120,120,128,.05);--sidebar-bg: rgba(248,248,248,.9);--r-xs: 6px;--r-sm: 10px;--r-md: 13px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 0 0 .5px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 0 0 .5px rgba(0,0,0,.05);--shadow-lg: 0 8px 32px rgba(0,0,0,.12), 0 0 0 .5px rgba(0,0,0,.05);--shadow-xl: 0 20px 60px rgba(0,0,0,.16), 0 0 0 .5px rgba(0,0,0,.06)}@layer base{*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{font-family:-apple-system,SF Pro Display,SF Pro Text,Helvetica Neue,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);letter-spacing:-.012em;line-height:1.47;font-size:15px}h1{font-size:2.125rem;font-weight:700;letter-spacing:-.035em;line-height:1.08}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.028em}h3{font-size:1.125rem;font-weight:600;letter-spacing:-.022em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0003}a{color:inherit;text-decoration:none}::selection{background:#007aff2e}}@layer components{.card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow .22s ease,transform .22s ease}.card-hover{@apply card cursor-pointer;}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.input-apple{width:100%;padding:9px 13px;border-radius:var(--r-md);background:var(--fill-tertiary);border:1.5px solid transparent;color:var(--text-primary);font-family:inherit;font-size:15px;letter-spacing:-.01em;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}.input-apple::placeholder{color:var(--text-placeholder)}.input-apple:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-apple:disabled{opacity:.45;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-weight:600;letter-spacing:-.012em;border:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .14s,box-shadow .14s,transform .1s,opacity .14s;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn-sm{@apply btn;padding:5px 12px;font-size:13px;border-radius:8px}.btn-md{@apply btn;padding:9px 18px;font-size:15px;border-radius:11px}.btn-lg{@apply btn;padding:12px 24px;font-size:17px;border-radius:13px;font-weight:700}.btn-pill{@apply btn;padding:6px 14px;border-radius:980px;font-size:13px;font-weight:500;gap:6px;background:var(--accent);color:#fff;box-shadow:0 1px 3px #0000002e,inset 0 .5px #ffffff38}.btn-pill:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-glow),inset 0 .5px #ffffff38;transform:translateY(-.5px)}.btn-pill:active:not(:disabled){background:var(--accent-pressed);transform:scale(.975);box-shadow:0 1px 4px #0000002e}.btn-pill-danger{@apply btn;padding:6px 14px;border-radius:980px;font-size:13px;font-weight:500;gap:6px;background:var(--danger);color:#fff;box-shadow:0 1px 3px #0000002e,inset 0 .5px #ffffff2e}.btn-pill-danger:hover:not(:disabled){background:#e03530;box-shadow:0 4px 14px #ff453a59;transform:translateY(-.5px)}.btn-pill-danger:active:not(:disabled){transform:scale(.975)}.btn-pill-light{@apply btn;padding:6px 14px;border-radius:980px;font-size:13px;font-weight:500;gap:6px;background:#0071e31a;color:var(--accent)}.btn-pill-light:hover:not(:disabled){background:#0071e32e;transform:translateY(-.5px)}.btn-pill-light:active:not(:disabled){background:#0071e33d;transform:scale(.975)}.btn-primary{@apply btn-md;background:var(--accent);color:#fff;box-shadow:0 1px 3px #0000002e,inset 0 .5px #ffffff38}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-glow),inset 0 .5px #ffffff38;transform:translateY(-.5px)}.btn-primary:active:not(:disabled){background:var(--accent-pressed);transform:scale(.975);box-shadow:0 1px 4px #0000002e}.btn-secondary{@apply btn-md;background:var(--fill-secondary);color:var(--text-primary);box-shadow:inset 0 0 0 .5px #00000012}.btn-secondary:hover:not(:disabled){background:var(--fill-primary)}.btn-secondary:active:not(:disabled){transform:scale(.975)}.btn-danger{@apply btn-md;background:var(--danger);color:#fff;box-shadow:0 1px 3px #0000002e,inset 0 .5px #ffffff2e}.btn-danger:hover:not(:disabled){background:#e03530;box-shadow:0 4px 14px #ff453a59;transform:translateY(-.5px)}.btn-danger:active:not(:disabled){transform:scale(.975)}.btn-ghost{@apply btn-md;background:transparent;color:var(--accent)}.btn-ghost:hover:not(:disabled){background:var(--accent-subtle)}.btn-ghost:active:not(:disabled){background:#007aff29;transform:scale(.975)}.btn-outline{@apply btn-md;background:transparent;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn-outline:hover:not(:disabled){background:var(--fill-quaternary)}.btn-outline:active:not(:disabled){transform:scale(.975)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:-.01em;padding:2.5px 9px}.badge-blue{@apply badge;background:#007aff1a;color:var(--accent)}.badge-green{@apply badge;background:#30d1581f;color:#1a7a35}.badge-yellow{@apply badge;background:#ff9f0a21;color:#955f00}.badge-red{@apply badge;background:#ff453a1a;color:var(--danger)}.badge-gray{@apply badge;background:var(--fill-secondary);color:var(--text-secondary)}.badge-purple{@apply badge;background:#bf5af21f;color:#6e2f9e}.section-title{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary)}.divider{border:none;border-top:.5px solid var(--separator)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:13px;font-weight:500;color:var(--text-primary)}.form-hint{font-size:12px;color:var(--text-tertiary)}.table-apple{width:100%;font-size:14px}.table-apple thead th{padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);border-bottom:.5px solid var(--separator);text-align:left}.table-apple tbody tr{border-bottom:.5px solid var(--separator);transition:background .12s}.table-apple tbody tr:last-child{border-bottom:none}.table-apple tbody tr:hover{background:var(--fill-quaternary)}.table-apple tbody td{padding:12px 16px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;letter-spacing:-.01em}.nav-item:hover{background:#0000000d;color:var(--text-primary)}.nav-item.active{background:#007aff1a;color:var(--accent);font-weight:600}.glass{background:#ffffffb8;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.alert-info{background:#007aff12;border:.5px solid rgba(0,122,255,.2);border-radius:var(--r-md);padding:11px 14px;font-size:13px;color:var(--accent);line-height:1.45}.alert-warning{background:#ff9f0a14;border:.5px solid rgba(255,159,10,.25);border-radius:var(--r-md);padding:11px 14px;font-size:13px;color:#7d4900;line-height:1.45}.alert-success{background:#30d15814;border:.5px solid rgba(48,209,88,.25);border-radius:var(--r-md);padding:11px 14px;font-size:13px;color:#1a6630;line-height:1.45}}@layer utilities{.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.bg-surface{background:var(--surface)}.bg-app{background:var(--bg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .32s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .22s ease forwards}.animate-scale-in{animation:scaleIn .22s cubic-bezier(.16,1,.3,1) forwards}.form-section{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:20px 22px 22px;margin-bottom:8px}.select-apple{width:100%;border-radius:var(--r-md);padding:9px 38px 9px 13px;font-size:15px;font-family:inherit;letter-spacing:-.01em;background:var(--fill-tertiary);border:1.5px solid transparent;color:var(--text-primary);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .15s,border-color .15s,box-shadow .15s;cursor:pointer}.select-apple:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.textarea-apple{width:100%;border-radius:var(--r-md);padding:10px 13px;font-size:15px;font-family:inherit;letter-spacing:-.01em;background:var(--fill-tertiary);border:1.5px solid transparent;color:var(--text-primary);outline:none;transition:background .15s,border-color .15s,box-shadow .15s;resize:vertical;line-height:1.5}.textarea-apple::placeholder{color:var(--text-placeholder)}.textarea-apple:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.checkbox-apple{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.checkbox-apple input[type=checkbox]{width:17px;height:17px;border-radius:5px;border:1.5px solid rgba(0,0,0,.18);background:var(--fill-tertiary);accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:1.5px}.toggle-btn{border:1.5px solid transparent;background:var(--fill-secondary);color:var(--text-secondary);border-radius:var(--r-sm);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .13s;letter-spacing:-.01em}.toggle-btn:hover{background:var(--fill-primary);color:var(--text-primary)}.toggle-btn.active{background:#007aff1f;color:var(--accent);border-color:#007aff38;font-weight:600}.toggle-btn.active-green{background:#30d1581f;color:#1a7a35;border-color:#30d15838;font-weight:600}.leaflet-container{border-radius:var(--r-lg);z-index:1}@media (max-width: 767px){.form-section [style*=grid-template-columns]{grid-template-columns:1fr!important}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-outline{min-height:44px}.table-apple thead th{padding:8px 12px}.table-apple tbody td{padding:10px 12px}.form-section{padding:14px 14px 16px}h1{font-size:1.625rem}}