:root{--color-bg:#fff;--color-surface:#fff;--color-surface-alt:#f7f7f8;--color-surface-hover:#f1f1f3;--color-overlay:#0f0f1473;--color-border:#e5e7eb;--color-border-strong:#d4d4d8;--color-border-focus:#18181b;--color-text:#18181b;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-text-inverse:#fff;--color-icon:#0a0a0a;--color-icon-muted:#4b5563;--color-accent:#18181b;--color-accent-hover:#27272a;--color-accent-soft:#f4f4f5;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-info:#2563eb;--color-highlight:#2563eb;--color-highlight-soft:#2563eb2e;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--line-height-tight:1.2;--line-height-normal:1.45;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--shadow-1:0 1px 2px #0f0f140d;--shadow-2:0 4px 12px #0f0f1414;--shadow-3:0 12px 28px #0f0f141f;--shadow-4:0 24px 48px #0f0f142e;--z-base:0;--z-map:1;--z-toolbar:100;--z-drawer:200;--z-dropdown:300;--z-context-menu:400;--z-modal:1000;--z-tooltip:1100;--z-toast:1200;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}p{margin:0}a{color:var(--color-text);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.login-screen{background:radial-gradient(1200px 600px at 20% -10%, var(--color-surface-alt), transparent 60%), radial-gradient(900px 500px at 110% 110%, var(--color-surface-alt), transparent 60%), var(--color-bg);width:100%;min-height:100vh;padding:var(--space-5);place-items:center;display:grid;position:relative}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-6);box-shadow:var(--shadow-2);gap:var(--space-5);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-3);display:flex}.login-brand__mark{border-radius:var(--radius-md);background:var(--color-accent);width:40px;height:40px;color:var(--color-text-inverse);place-items:center;display:grid}.login-brand__mark svg{stroke:currentColor;width:22px;height:22px}.login-brand__title{flex-direction:column;display:flex}.login-brand__title h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.2px}.login-brand__title span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-field label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.login-input{height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.login-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.login-error{font-size:var(--font-size-sm);color:var(--color-danger);background:var(--color-danger-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.login-submit{border-radius:var(--radius-md);background:var(--color-accent);height:42px;color:var(--color-text-inverse);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);transition:background var(--transition-fast), transform var(--transition-fast)}.login-submit:hover:not(:disabled){background:var(--color-accent-hover)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-bypass-note{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-align:center;border-top:1px dashed var(--color-border);padding-top:var(--space-3)}.login-version-footer{bottom:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-subtle);white-space:nowrap;margin:0;position:absolute;left:50%;transform:translate(-50%)}.buffer-radius-modal__backdrop{z-index:1200;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.buffer-radius-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:min(100%,320px);box-shadow:var(--shadow-2);padding:var(--space-4)}.buffer-radius-modal__title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.buffer-radius-modal__hint{margin:0 0 var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.45}.buffer-radius-modal__form{gap:var(--space-3);flex-direction:column;display:flex}.buffer-radius-modal__input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);background:var(--color-surface-alt);color:var(--color-text)}.buffer-radius-modal__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.buffer-radius-modal__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none}.buffer-radius-modal__btn--ghost{color:var(--color-text-muted);background:0 0}.buffer-radius-modal__btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;display:inline-flex}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button--sm{height:30px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.ui-button--md{height:36px;padding:0 var(--space-4);font-size:var(--font-size-md)}.ui-button--lg{height:42px;padding:0 var(--space-5);font-size:var(--font-size-md)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-accent);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.ui-button--secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-strong)}.ui-button--ghost{color:var(--color-text);background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.ui-button--danger{background:var(--color-danger);color:var(--color-text-inverse)}.ui-button--danger:hover:not(:disabled){background:#b91c1c}.ui-button__icon{color:currentColor;align-items:center;display:inline-flex}.ui-button__icon svg{width:16px;height:16px}.ui-button__label{align-items:center;display:inline-flex}.icon-button{border-radius:var(--radius-md);color:var(--color-icon);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button--sm{width:30px;height:30px}.icon-button--md{width:36px;height:36px}.icon-button--lg{width:40px;height:40px}.icon-button__icon{justify-content:center;align-items:center;display:inline-flex}.icon-button__icon svg{stroke:currentColor;width:18px;height:18px}.icon-button--ghost{background:0 0}.icon-button--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.icon-button--surface{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-1)}.icon-button--surface:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-strong)}.icon-button--active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.icon-button--active:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-text-inverse)}.icon-button:disabled{color:var(--color-text-subtle);cursor:not-allowed}.ui-modal{z-index:var(--z-modal);background:var(--color-overlay);padding:var(--space-5);place-items:center;transition:background .32s cubic-bezier(.25,.8,.25,1),opacity .42s cubic-bezier(.25,.8,.25,1);display:grid;position:fixed;inset:0}.ui-modal--transparent{opacity:.25;pointer-events:none}.ui-modal--no-backdrop{background:0 0}.ui-modal__dialog{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-3);flex-direction:column;max-height:85vh;display:flex;overflow:hidden}.ui-modal__dialog--sm{max-width:420px}.ui-modal__dialog--md{max-width:560px}.ui-modal__dialog--lg{max-width:820px}.ui-modal__dialog--xl{max-width:1080px}.ui-modal__header{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.ui-modal__titles{gap:var(--space-1);flex-direction:column;display:flex}.ui-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ui-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-modal__body{padding:var(--space-5);flex:auto;overflow:auto}.ui-modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-2);background:var(--color-surface);display:flex}.data-panel-modal .ui-modal__body{padding:0}.data-panel-modal__body{flex-direction:column;min-height:320px;display:flex}.data-panel-filters{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.data-panel-filters__row{gap:var(--space-2);grid-template-columns:1.5fr 1fr 1fr auto;display:grid}.data-panel-filter{align-items:center;gap:var(--space-2);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:34px;color:var(--color-text-muted);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.data-panel-filter:focus-within{border-color:var(--color-border-focus);background:var(--color-surface)}.data-panel-filter input,.data-panel-filter select{width:100%;color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;outline:none}.data-panel-filter--select{padding:0 var(--space-2) 0 var(--space-3)}.data-panel-filters__reset{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);height:34px;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);display:inline-flex}.data-panel-filters__reset:hover{background:var(--color-surface-alt)}.data-panel-filters__summary{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.data-panel-table{background:var(--color-surface);flex:auto;overflow:auto}.data-panel-table table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-panel-table thead th{text-align:left;background:var(--color-surface-alt);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.3px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);position:sticky;top:0}.data-panel-table tbody td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text)}.data-panel-row{cursor:pointer;transition:background var(--transition-fast)}.data-panel-row:hover{background:var(--color-surface-alt)}.data-panel-row--selected{background:var(--color-highlight-soft)}.data-panel-table__loading,.data-panel-table__empty{padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.export-menu{position:relative}.export-menu__dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);min-width:180px;z-index:var(--z-dropdown);position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden}.export-menu__item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);display:block}.export-menu__item:hover{background:var(--color-surface-alt)}.data-panel-filters__row--search{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-panel-filter--grow{flex:220px;min-width:0}.data-panel-load-error{margin:0 var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-danger,#c0392b);font-size:var(--font-size-sm)}.data-panel-table-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.data-panel-column-strip{margin:var(--space-2) var(--space-5) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);flex:none}.data-panel-column-strip__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm);display:flex}.data-panel-column-strip__body{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-panel-column-strip__actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.data-panel-th-inner{align-items:center;gap:var(--space-2);width:100%;min-width:0;display:flex}.data-panel-th-heading{flex:auto;min-width:0}.data-panel-th-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.data-panel-filter-btn--marked .icon-button{border-color:var(--color-border-focus);color:var(--color-accent,var(--color-text))}.data-panel-mini-field{gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-direction:column;display:flex}.data-panel-mini-field input{min-width:140px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.data-panel-coord-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.data-panel-kategori-box{gap:var(--space-2) var(--space-4);flex-wrap:wrap;max-height:180px;display:flex;overflow-y:auto}.data-panel-kategori-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.data-panel-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;flex:none;display:flex}.data-panel-pagination__sizes{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.data-panel-pagination__sizes select{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.data-panel-pagination__nav{align-items:center;gap:var(--space-2);display:inline-flex}.data-panel-pagination__nav button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.data-panel-pagination__nav button:disabled{opacity:.45;cursor:not-allowed}.data-panel-pagination__nav button:not(:disabled):hover{background:var(--color-surface-alt)}.data-panel-pagination__status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.data-panel-modal .ui-modal__footer{justify-content:stretch}.data-panel-modal__footer-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.ui-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.8s linear infinite ui-spinner-rotate;display:inline-block}.ui-spinner--sm{width:14px;height:14px}.ui-spinner--md{width:22px;height:22px}.ui-spinner--lg{border-width:3px;width:32px;height:32px}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}.import-modal-wrap .ui-modal__dialog{z-index:calc(var(--z-modal) + 1)}.import-modal__lead{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);line-height:1.5}.import-modal__lead code{font-size:var(--font-size-xs)}.import-modal__format{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.import-modal__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.import-modal__radio{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex}.import-modal__hint{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.import-modal__hint-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.import-modal__code{padding:var(--space-3);font-size:var(--font-size-xs);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);max-height:220px;margin:0;line-height:1.45;overflow:auto}.import-modal__csv-line{margin:0 0 var(--space-2);word-break:break-all}.import-modal__csv-line code{font-size:var(--font-size-xs)}.import-modal__muted{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin:0;line-height:1.45}.import-modal__file{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.import-modal__file-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.import-modal__file-name{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.import-modal__errors{margin:0 0 var(--space-3);padding-left:var(--space-5);font-size:var(--font-size-xs);color:var(--color-danger,#c62828)}.import-modal__result{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.import-modal__irreversible{margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-warning,#b45309) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-warning,#b45309) 35%, var(--color-border));border-radius:var(--radius-sm);line-height:1.45}.import-modal__footer-actions{gap:var(--space-2);justify-content:flex-end;width:100%;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.form-input,.form-select,.form-textarea{width:100%;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);height:38px;color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:92px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.form-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-stack{gap:var(--space-3);flex-direction:column;display:flex}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.form-password-rules{padding-left:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.form-feedback{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.form-feedback--error{background:var(--color-danger-soft);color:var(--color-danger)}.ui-drawer{z-index:var(--z-drawer);background:#0f0f141f;position:fixed;inset:0}.ui-drawer__panel{background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-3);flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.ui-drawer__panel--right{right:0}.ui-drawer__panel--left{border-left:none;border-right:1px solid var(--color-border);left:0}.ui-drawer__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.ui-drawer__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.ui-drawer__body{padding:var(--space-4);flex:auto;overflow:auto}.ui-drawer--floating{pointer-events:none;z-index:var(--z-dropdown);background:0 0}.ui-drawer--floating .ui-drawer__panel{pointer-events:auto}.ui-drawer__panel--floating.ui-drawer__panel--right{top:calc(56px + var(--space-3));right:var(--space-4);height:auto;max-height:calc(100vh - 56px - var(--space-4) * 2);border-radius:var(--radius-md);bottom:auto;left:auto}.layers-panel .layers-panel__list{gap:var(--space-1);flex-direction:column;display:flex}.layers-panel__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt);justify-content:space-between;align-items:center;display:flex}.layers-panel__item-left{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.layers-panel__icon{color:var(--color-icon);display:inline-flex}.layers-panel__switch{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.layers-panel__switch input{opacity:0;width:0;height:0}.layers-panel__switch-track{background:var(--color-border-strong);border-radius:var(--radius-pill);transition:background var(--transition-fast);position:absolute;inset:0}.layers-panel__switch-track:after{content:"";background:var(--color-surface);width:16px;height:16px;transition:transform var(--transition-fast);box-shadow:var(--shadow-1);border-radius:50%;position:absolute;top:2px;left:2px}.layers-panel__switch input:checked+.layers-panel__switch-track{background:var(--color-accent)}.layers-panel__switch input:checked+.layers-panel__switch-track:after{transform:translate(16px)}.map-toolbar{top:var(--space-4);left:var(--space-4);gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:var(--z-toolbar);flex-direction:column;display:flex;position:absolute}.map-toolbar__divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.map-toolbar__menu-wrapper{position:relative}.map-toolbar__menu{top:0;left:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);min-width:200px;padding:var(--space-1);z-index:var(--z-dropdown);flex-direction:column;gap:2px;display:flex;position:absolute}.map-toolbar__menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;display:flex}.map-toolbar__menu-item:hover{background:var(--color-surface-alt)}.measure-overlay{top:var(--space-4);z-index:var(--z-toolbar);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);display:flex;position:absolute;left:50%;transform:translate(-50%)}:root,:host{--ol-background-color:white;--ol-accent-background-color:#f5f5f5;--ol-subtle-background-color:#80808040;--ol-partial-background-color:#ffffffbf;--ol-foreground-color:#333;--ol-subtle-foreground-color:#666;--ol-brand-color:#0af}.ol-box{box-sizing:border-box;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color);border-radius:2px}.ol-mouse-position{position:absolute;top:8px;right:8px}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;padding:2px;position:absolute;bottom:8px;left:8px}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-align:center;will-change:contents, width;border-top:none;margin:1px;font-size:10px;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;z-index:10;width:1px;height:15px}.ol-scale-step-text{z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:10px;position:absolute;bottom:-5px}.ol-scale-text{text-align:center;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);font-size:12px;position:absolute;bottom:25px}.ol-scale-singlebar{z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color);height:10px;position:relative}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.ol-zoom{top:.5em;left:.5em}.ol-rotate{transition:opacity .25s linear,visibility linear;top:.5em;right:.5em}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{top:.5em;right:.5em}.ol-control button{color:var(--ol-subtle-foreground-color);font-weight:700;font-size:inherit;text-align:center;background-color:var(--ol-background-color);border:none;border-radius:2px;width:1.375em;height:1.375em;margin:1px;padding:0;line-height:.4em;text-decoration:none;display:block}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{will-change:transform;font-weight:400;display:block}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color);text-decoration:none}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;flex-flow:row-reverse;align-items:center;max-width:calc(100% - 1.3em);display:flex;bottom:.5em;right:.5em}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);margin:0;padding:1px .5em;font-size:12px}.ol-attribution li{list-style:none;display:inline}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.ol-attribution.ol-uncollapsible img{max-height:1.6em;margin-top:-.2em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{height:200px;top:4.5em;left:.5em}.ol-zoomslider button{height:10px;position:relative}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{bottom:.5em;left:.5em}.ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);width:150px;height:150px}.ol-overviewmap:not(.ol-collapsed) button{position:absolute;bottom:0;left:0}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.point-inspector{gap:var(--space-3);flex-direction:column;display:flex}.point-inspector__readonly-block{padding-bottom:var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.point-inspector__status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.point-inspector__error{background:var(--color-danger-soft);color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.point-inspector__coords{gap:var(--space-2);flex-direction:column;display:flex}.point-inspector__mono{font-family:var(--font-mono);font-size:var(--font-size-xs)}.point-inspector__toggle{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;margin-top:var(--space-1);display:flex}.point-inspector__toggle input{margin-top:3px}.point-inspector__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.map-view{background:var(--color-bg);position:absolute;inset:0}.map-view__canvas{position:absolute;inset:0}.map-view__canvas canvas{outline:none}.map-status-bar{right:var(--space-4);bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);z-index:var(--z-toolbar);display:flex;position:absolute}.map-status-bar__group{align-items:center;gap:var(--space-2);display:flex}.map-status-bar__label{color:var(--color-text-subtle);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.4px}.map-status-bar__value{font-family:var(--font-mono);color:var(--color-text)}.map-status-bar__group--version .map-status-bar__label{text-transform:none;letter-spacing:normal}.map-status-bar__value--muted{color:var(--color-text-muted);font-family:var(--font-sans)}.map-status-bar__divider{background:var(--color-border);width:1px;height:14px}.map-context-menu{z-index:var(--z-context-menu);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:var(--space-1);flex-direction:column;gap:2px;min-width:220px;display:flex;position:fixed}.map-context-menu__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;display:flex}.map-context-menu__item:hover{background:var(--color-surface-alt)}.map-context-menu__divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.map-context-menu__coord{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.top-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;padding:0 var(--space-4);z-index:var(--z-toolbar);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-bar__brand{align-items:center;gap:var(--space-2);display:flex}.top-bar__brand-mark{border-radius:var(--radius-md);background:var(--color-accent);width:28px;height:28px;color:var(--color-text-inverse);place-items:center;display:grid}.top-bar__brand-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:-.2px}.top-bar__actions{align-items:center;gap:var(--space-3);display:flex}.top-bar__data-source-wrap{position:relative}.top-bar__data-source-help-bridge{height:10px;z-index:calc(var(--z-tooltip) - 1);position:absolute;top:100%;left:0;right:0}.top-bar__data-source-help{width:min(320px, calc(100vw - var(--space-4) - var(--space-4)));padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);z-index:var(--z-tooltip);text-align:left;position:absolute;top:calc(100% + 10px);right:0}.top-bar__data-source-help:before{content:"";border:7px solid #0000;border-width:0 7px 8px;border-bottom-color:var(--color-border);pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.top-bar__data-source-help:after{content:"";border:6px solid #0000;border-width:0 6px 7px;border-bottom-color:var(--color-surface);pointer-events:none;margin-bottom:-1px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.top-bar__data-source-help-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--space-2)}.top-bar__data-source-help-text{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text);margin:0}.top-bar__data-source{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);align-items:center;padding:2px;display:flex}.top-bar__data-source-option{align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:0 0;display:inline-flex}.top-bar__data-source-option.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.top-bar__data-source-option:disabled{color:var(--color-text-subtle)}.top-bar__user{position:relative}.top-bar__user-button{align-items:center;gap:var(--space-2);padding:4px var(--space-2) 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex}.top-bar__user-button:hover{background:var(--color-surface-alt)}.top-bar__avatar{background:var(--color-accent);width:26px;height:26px;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;display:inline-grid}.top-bar__user-name{font-size:var(--font-size-sm);color:var(--color-text)}.top-bar__user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-3);padding:var(--space-1);z-index:var(--z-dropdown);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.top-bar__user-menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;display:flex}.top-bar__user-menu-item:hover{background:var(--color-surface-alt)}.top-bar-anchor{flex-direction:column;flex-shrink:0;display:flex}.top-bar__flash{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-success);background:#16a34a1a;border-bottom:1px solid #16a34a38}.top-bar__flash--error{color:var(--color-danger,#b91c1c);background:#b91c1c1a;border-bottom-color:#b91c1c38}.top-bar__backend-switch-text{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.55}.top-bar__backend-switch-footer{justify-content:flex-end;gap:var(--space-2);display:flex}.app-shell{background:var(--color-bg);flex-direction:column;width:100vw;height:100vh;display:flex}.app-shell__main{flex:auto;position:relative;overflow:hidden}