:root{--color-primary:#3f3fe0;--color-primary-deep:#3634c4;--color-on-primary:#fff;--color-canvas:#eef1f5;--color-surface:#f8f9fb;--color-surface-hover:#eef0f4;--color-ink:#181b22;--color-ink-dim:#5b6270;--color-ink-faint:#7d8492;--color-hairline:#00000012;--color-hairline-strong:#00000026;--color-accent-teal:#007a63;--color-accent-danger:#d13a4a;--color-grade-orange:#b45309;--color-grade-purple:#6b21a8;--bg:var(--color-canvas);--bg-card:var(--color-surface);--bg-card-hover:var(--color-surface-hover);--bg-input:#fff;--text:var(--color-ink);--text-dim:var(--color-ink-dim);--dim:var(--color-ink-faint);--accent:var(--color-primary);--on-accent:var(--color-on-primary);--accent-2:var(--color-accent-teal);--accent-2-bg:#007a6314;--accent-2-border:#007a633d;--danger:var(--color-accent-danger);--danger-bg:#d13a4a14;--danger-border:#d13a4a3d;--grade-6:var(--color-grade-orange);--grade-6-bg:#b4530914;--grade-6-border:#b453093d;--grade-7:var(--color-accent-danger);--grade-7-bg:var(--danger-bg);--grade-7-border:var(--danger-border);--grade-8-9:var(--color-grade-purple);--grade-8-9-bg:#6b21a814;--grade-8-9-border:#6b21a83d;--border:var(--color-hairline);--border-strong:var(--color-hairline-strong);--chip-bg:#0000000a;--font-display:"Archivo", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--space-xxs:4px;--space-xs:6px;--space-sm:8px;--space-md:14px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-xxxl:48px}.primary-btn{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-full);height:46px;font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;border:none;padding:0 26px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.primary-btn:hover,.primary-btn:active{background:var(--color-primary-deep)}.primary-btn:active{transform:scale(.98)}.full-width{width:100%}.ghost-btn{border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-full);padding:9px var(--space-lg);font-family:var(--font-body);letter-spacing:0;cursor:pointer;background:0 0;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.ghost-btn:hover{border-color:var(--text);color:var(--text)}.ghost-btn.small{padding:6px var(--space-md);font-size:13px}.ghost-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.modal-overlay{z-index:100;padding:var(--space-xl);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xxl);width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:0 1px 2px #00000008,0 10px 28px #00000014}.modal:focus{outline:none}.modal h2{font-family:var(--font-display);letter-spacing:-.01em;margin-top:0;font-size:20px;font-weight:700;line-height:1.3}.modal h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:var(--space-xl) 0 var(--space-sm);font-size:13px;font-weight:600}.modal form{gap:var(--space-md);flex-direction:column;display:flex}.modal-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.modal-wide{max-width:min(960px,92vw)}@media (width<=720px){.modal-overlay{padding:var(--space-md);align-items:flex-start}.modal{padding:var(--space-xl)}}.empty-state{color:var(--text-dim);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center;font-size:13px}.pagination{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.pagination-status{color:var(--text-dim);font-size:13px}.grade-pill{font-family:var(--font-mono);color:var(--accent-2);background:var(--accent-2-bg);border:1px solid var(--accent-2-border);border-radius:var(--radius-sm);white-space:nowrap;padding:4px 10px;font-size:13px;font-weight:600}.grade-band-6{color:var(--grade-6);background:var(--grade-6-bg);border-color:var(--grade-6-border)}.grade-band-7{color:var(--grade-7);background:var(--grade-7-bg);border-color:var(--grade-7-border)}.grade-band-8-9{color:var(--grade-8-9);background:var(--grade-8-9-bg);border-color:var(--grade-8-9-border)}.remove-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.remove-btn:hover{color:var(--danger)}.remove-btn-overlay{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0009;border:none;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:4px;right:4px}.remove-btn-overlay:hover{background:var(--danger)}.tag-chip{font-family:var(--font-body);color:var(--text-dim);background:var(--chip-bg);border-radius:var(--radius-full);padding:4px var(--space-md);font-size:13px}.chip-removable{align-items:center;gap:6px;display:inline-flex}.chip-removable .remove-btn{font-size:14px}.chip-approved{color:var(--accent-2);background:var(--accent-2-bg);border:1px solid var(--accent-2-border)}.chip-rejected{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;font-size:13px;display:flex}.list-row-main{min-width:0}.list-row-title{font-weight:600}.list-row-subtitle{color:var(--text-dim)}.list-row-trailing{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.list-row-clickable{cursor:pointer}.list-row-clickable:hover{border-color:var(--accent)}.badge{background:var(--danger);min-width:18px;height:18px;color:var(--on-accent);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.combobox{position:relative}.combobox-list{z-index:1100;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-height:220px;padding:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.combobox-option{color:var(--text);text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;font-size:14px}.combobox-option:hover{background:var(--bg-card-hover)}.combobox-empty{padding:var(--space-sm) var(--space-md);color:var(--text-dim);font-size:13px}:root{--page-max-width:1100px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:.24px;min-height:100dvh;margin:0;font-size:16px;font-weight:400;line-height:1.5}.hidden{display:none!important}.brand{align-items:center;gap:var(--space-sm);display:flex}.brand-mark{color:var(--color-primary);flex:none;width:22px;height:22px}.brand-name{font-family:var(--font-display);letter-spacing:.12em;color:var(--text);font-size:14px;font-weight:600}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xxl);width:340px}.login-sub{color:var(--text-dim);margin:var(--space-md) 0 var(--space-xl);font-size:14px;line-height:1.43}.login-card form{gap:var(--space-lg);flex-direction:column;display:flex}.login-divider{align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0;color:var(--text-dim);font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}label{gap:var(--space-xs);color:var(--text-dim);flex-direction:column;font-size:14px;font-weight:400;display:flex}.hint{color:var(--text-dim);font-weight:400}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);height:48px;color:var(--text);font-family:var(--font-body);letter-spacing:.24px;outline:none;font-size:16px}select{height:48px}textarea{resize:vertical;height:auto;font-family:var(--font-body)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}.error-text{color:var(--danger);min-height:16px;font-size:13px}.loading-bar{z-index:1200;opacity:0;pointer-events:none;width:100%;height:3px;transition:opacity .12s;position:fixed;top:0;left:0;overflow:hidden}.loading-bar-active{opacity:1;transition:opacity .12s .2s}.loading-bar-active:before{content:"";background:var(--accent);width:40%;height:100%;animation:1.1s ease-in-out infinite loading-bar-sweep;display:block}@keyframes loading-bar-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.loading-bar-active:before{width:100%;animation:none}}.topbar{align-items:center;gap:var(--space-xxl);min-height:64px;padding:0 var(--space-xxl);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.topbar-right{align-items:center;gap:var(--space-lg);margin-left:auto;display:flex}#who{color:var(--text-dim);font-size:14px}.main-nav{align-items:center;gap:var(--space-lg);display:flex;overflow-x:auto}.main-nav-items{display:contents}.nav-toggle{display:none}.main-nav-item{color:var(--text-dim);font-family:var(--font-body);letter-spacing:0;flex-shrink:0;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.main-nav-item:hover,.main-nav-item.active{color:var(--text)}.notif-bell{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-dim);border-radius:var(--radius-full);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.notif-bell svg{width:20px;height:20px}.notif-bell:hover{border-color:var(--color-on-dark);color:var(--text)}.notif-badge{position:absolute;top:-4px;right:-4px}.user-menu{position:relative}.user-menu-trigger{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0;display:flex}.user-menu-trigger svg{width:20px;height:20px}.user-menu-trigger:hover{border-color:var(--text);color:var(--text)}.user-menu-popup{top:calc(100% + var(--space-xs));background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xs) 0;z-index:10;flex-direction:column;align-items:stretch;min-width:200px;display:flex;position:absolute;right:0;overflow:hidden}.user-menu-name{padding:var(--space-sm) var(--space-md);color:var(--text-dim);text-align:left;font-size:13px}.user-menu-divider{background:var(--border);height:1px;margin:var(--space-xs) 0}.user-menu-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:none;display:flex}.user-menu-item svg{width:16px;height:16px;color:var(--text-dim);flex-shrink:0}.user-menu-item:hover{background:var(--bg-card-hover)}.home-page{max-width:var(--page-max-width);padding:var(--space-xxl);gap:var(--space-xxl);flex-direction:column;margin:0 auto;display:flex}.home-header{gap:var(--space-xs);flex-direction:column;display:flex}.home-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0;font-size:12px;font-weight:600}.home-page h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.home-lede{color:var(--text-dim);margin:0}.home-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.home-card{align-items:flex-start;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);color:inherit;flex-direction:column;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.home-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.home-card-icon{border-radius:var(--radius-full);background:var(--accent-2-bg);width:40px;height:40px;color:var(--accent-2);margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:flex}.home-card-icon svg{width:20px;height:20px}.home-card h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.home-card p{color:var(--text-dim);flex:1;margin:0;font-size:14px;line-height:1.5}.home-card-cta{color:var(--accent);font-size:14px;font-weight:600}.layout{gap:var(--space-xxl);padding:var(--space-xxl);grid-template-columns:260px 1fr;display:grid}.filters{gap:var(--space-sm);top:var(--space-xxl);flex-direction:column;align-self:start;display:flex;position:sticky}.filters h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--space-xs);font-size:13px;font-weight:600}.field-label{margin-top:var(--space-sm)}.routes-header h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--space-xl);font-size:24px;font-weight:700;line-height:1.3}.routes-list{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.route-card{gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;flex-direction:column;transition:background .15s,border-color .15s;display:flex;position:relative}.route-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.route-card.grade-band-6{border-left-color:var(--grade-6)}.route-card.grade-band-7{border-left-color:var(--grade-7)}.route-card.grade-band-8-9{border-left-color:var(--grade-8-9)}.rc-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.rc-icons{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.rc-main{min-width:0;margin-top:var(--space-xs)}.rc-name{font-size:15px;font-weight:600}.rc-sub{color:var(--text-dim);margin-top:2px;font-size:13px;line-height:1.4}.rc-meta{color:var(--text-dim);font-size:12px}.rc-tick-icon{width:16px;height:16px;color:var(--accent-2);flex-shrink:0}.rc-topo-icon{width:16px;height:16px;color:var(--text-dim);flex-shrink:0}.trc-tick{color:var(--text-dim);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border);flex-direction:column;gap:2px;font-size:12px;display:flex}.trc-notes{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:1fr 1fr auto;align-items:end;display:grid}.modal-wide .area-map{height:60vh;min-height:360px;margin-top:var(--space-md)}.detail-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.detail-actions{gap:var(--space-sm);flex-shrink:0;display:flex}.detail-meta{align-items:center;gap:var(--space-sm);color:var(--text-dim);margin:4px 0 0;font-size:13px;display:flex}.detail-desc{color:var(--text);letter-spacing:.24px;font-size:16px;line-height:1.5}.detail-fa{color:var(--text-dim);font-size:13px}.detail-section{gap:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;display:flex}.detail-section h3{margin:0}.detail-stats{gap:var(--space-lg);flex-wrap:wrap;display:flex}.detail-stat{flex-direction:column;gap:2px;display:flex}.detail-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.detail-stat-value{font-size:14px;font-weight:600}.detail-link{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px var(--space-xs);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.tag-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.picker-stack{gap:var(--space-xs);flex-direction:column;display:flex}.combo-create-form{gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;display:flex}.checkbox-field{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:row}.checkbox-field input{width:auto;height:auto}.topo-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(96px,100%),1fr));display:grid}.topo-thumb{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border);position:relative;overflow:hidden}.topo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.topo-upload{margin-top:var(--space-sm);align-self:flex-start;display:inline-flex}.tick-form{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.ticks-list{gap:var(--space-sm);flex-direction:column;display:flex}.area-root-badge{align-items:center;gap:4px;display:inline-flex}.area-root-icon{flex-shrink:0;width:13px;height:13px}.tr-field{align-items:baseline;gap:var(--space-sm);grid-template-columns:64px 1fr;display:grid}.tr-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10px;font-weight:700}.login-mfa{gap:var(--space-md);flex-direction:column;display:flex}.settings-page{max-width:var(--page-max-width);padding:var(--space-xxl);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.settings-page h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.3}.settings-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.settings-section h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.settings-section form{gap:var(--space-md);flex-direction:column;display:flex}.success-text{color:var(--accent-2);font-size:13px}.field-static{gap:var(--space-xs);flex-direction:column;font-size:14px;display:flex}.field-static-label{color:var(--text-dim)}.passkey-form{border-top:1px solid var(--border);padding-top:var(--space-md)}.area-page{max-width:var(--page-max-width);padding:var(--space-xxl);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.area-page h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.3}.area-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.area-breadcrumb a{color:var(--text-dim)}.area-breadcrumb a:hover{color:var(--text)}.area-breadcrumb-sep{color:var(--text-dim)}.area-breadcrumb-current{color:var(--text);font-weight:600}.fa-page{max-width:var(--page-max-width);padding:var(--space-xxl);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.fa-page h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.3}.fa-page .hint{margin:0}.fa-page input{max-width:360px}.fa-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.fa-card{gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);color:inherit;flex-direction:column;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.fa-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.fa-card-name{font-size:15px;font-weight:600}.fa-card-count{color:var(--text-dim);font-size:13px}.page-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.users-toolbar{gap:var(--space-md);display:flex}.users-toolbar input{flex:1}.users-toolbar select{width:220px}.users-sort-bar{align-items:center;gap:var(--space-md);display:flex}.users-sort-label{color:var(--text-dim);font-size:13px}.sort-btn{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:600}.user-row-meta{color:var(--text-dim);font-size:13px;display:block}.side-nav-layout{gap:var(--space-xxl);max-width:var(--page-max-width);padding:var(--space-xxl);grid-template-columns:220px 1fr;display:grid}.side-nav{gap:var(--space-xs);top:var(--space-xxl);flex-direction:column;align-self:start;display:flex;position:sticky}.side-nav-header,.side-nav-items{display:contents}.side-nav h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--space-xs);font-size:13px;font-weight:600}.side-nav-item{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-dim);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.side-nav-item:hover{background:var(--bg-card-hover);color:var(--text)}.side-nav-item.active{background:var(--bg-card);color:var(--text)}.side-nav-content{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.side-nav-content h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.3}.tab-bar{align-items:flex-start;gap:var(--space-lg);border-bottom:1px solid var(--border);display:flex}.tab-item{align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0 var(--space-md);color:var(--text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--text);border-bottom-color:var(--accent)}.explore-page{padding:var(--space-xxl);gap:var(--space-lg);flex-direction:column;display:flex}.explore-page h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.3}.area-map-wrap{gap:var(--space-md);flex-direction:column;display:flex}.area-map{border-radius:var(--radius-lg);width:100%;height:65vh;min-height:420px;overflow:hidden}.area-map-placeholder{border-radius:var(--radius-lg);background:var(--bg-card-hover);width:100%;height:65vh;min-height:420px}.area-map-editor{align-items:center;gap:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.area-map-editor .hint{margin:0}.area-tree-wrap{gap:var(--space-md);flex-direction:column;display:flex}.area-tree-header{justify-content:flex-end;display:flex}.area-tree,.area-tree-children{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.area-tree-children{padding-left:var(--space-xl);margin-top:var(--space-xs)}.area-tree-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card-hover);border-radius:var(--radius-md);display:flex}.area-tree-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:20px;padding:0}.area-tree-toggle-spacer{flex-shrink:0;width:20px}.area-tree-name{flex:1}.area-tree-children .hint{padding:var(--space-xs) var(--space-md)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--bg-card);color:var(--text)}.leaflet-container a.leaflet-popup-close-button{color:var(--text-dim)}.area-map-popup{align-items:center;gap:var(--space-sm);display:flex}@media (width<=720px){.topbar{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.brand-name{display:none}.main-nav{position:relative;overflow:visible}.nav-toggle{background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0;display:flex}.nav-toggle svg{width:20px;height:20px}.nav-toggle:hover{border-color:var(--text);color:var(--text)}.main-nav-items,.side-nav-items{display:none}.main-nav-items.is-open,.side-nav-items.is-open{flex-direction:column;align-items:stretch;display:flex}.nav-popup .main-nav-item{padding:var(--space-sm) var(--space-md)}.side-nav{position:relative}.side-nav-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.side-nav-header h2{margin:0}.nav-popup{top:calc(100% + var(--space-xs));z-index:20;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;padding:var(--space-xs) 0;position:absolute;left:0}.layout{padding:var(--space-xl);grid-template-columns:1fr}.filters{position:static}.grid-2,.grid-3{grid-template-columns:1fr}.settings-page{padding:var(--space-xl)}.side-nav-layout{padding:var(--space-xl);grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.users-toolbar{flex-direction:column}.users-toolbar select{width:100%}.explore-page,.home-page{padding:var(--space-xl)}.home-grid{grid-template-columns:1fr}.fa-page,.area-page{padding:var(--space-xl)}.tab-bar{scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.detail-head{flex-direction:column;align-items:stretch}.detail-actions{flex-wrap:wrap}.area-map{height:50vh;min-height:240px}.modal-wide .area-map{height:50vh;min-height:220px}.area-map-placeholder{height:50vh;min-height:240px}.notif-bell,.user-menu-trigger{width:44px;height:44px}.users-sort-bar{flex-wrap:wrap}.area-tree-children{padding-left:var(--space-md)}}