.skip-to-content{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:var(--color-primary, #2563eb);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 .25rem;transition:top .15s ease-in-out}.skip-to-content:focus{top:0;outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.layout{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;height:100%}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--color-secondary);color:#fff;z-index:100}.header__brand{display:flex;align-items:center;gap:10px}.header__logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--color-primary);font-weight:700;font-size:18px}.header__title{font-size:18px;font-weight:600;letter-spacing:-.02em}.header__actions{display:flex;align-items:center;gap:12px}.header__user{font-size:13px;color:var(--color-text-muted)}.mode-toggle{display:flex;align-items:center;gap:2px;background:#00000040;border-radius:8px;padding:3px;margin-inline-start:8px}.mode-toggle__btn{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;color:#ffffffa6;background:transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.mode-toggle__btn:hover{color:#fff;background:#ffffff1a}.mode-toggle__btn--active{background:#ffffff2e;color:#fff;font-weight:600}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;padding:12px 8px;background:var(--color-surface);border-inline-end:1px solid var(--color-border);overflow-y:auto}.sidebar__link{display:block;padding:10px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__link:hover{background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.sidebar__link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.content{grid-area:content;overflow:auto;position:relative}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;transition:background var(--transition-fast)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:#ffffff1a;color:#fff}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#b91c1c}.btn--secondary{background:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:#cbd5e1}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #0f172a;--color-accent: #06b6d4;--color-success: #16a34a;--color-warning: #eab308;--color-warning-text: #ff9800;--color-danger: #dc2626;--color-info: #2196f3;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--sidebar-width: 260px;--header-height: 56px;--transition-fast: .15s ease;--transition-theme: background-color .2s ease, color .2s ease, border-color .2s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);color-scheme:light dark}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: #1e3a5f;--color-secondary: #0f172a;--color-accent: #22d3ee;--color-success: #22c55e;--color-warning: #facc15;--color-warning-text: #ffb74d;--color-danger: #ef4444;--color-info: #64b5f6;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-raised: #334155;--color-border: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--color-border);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:1em;width:60%;margin-bottom:8px}.skeleton--title{height:1.4em;width:40%;margin-bottom:12px}.skeleton--rect{height:120px;width:100%;margin-bottom:12px}.skeleton--circle{width:40px;height:40px;border-radius:50%}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}[dir=rtl] .toast-container{right:auto;left:24px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary);font-size:14px;pointer-events:all;animation:toast-slide-in .25s ease-out;transition:var(--transition-theme);max-width:400px}[dir=rtl] .toast{border-left:none;border-right:4px solid var(--color-primary)}.toast--success{border-left-color:var(--color-success)}[dir=rtl] .toast--success{border-left-color:transparent;border-right-color:var(--color-success)}.toast--warning{border-left-color:var(--color-warning)}[dir=rtl] .toast--warning{border-left-color:transparent;border-right-color:var(--color-warning)}.toast--error{border-left-color:var(--color-danger)}[dir=rtl] .toast--error{border-left-color:transparent;border-right-color:var(--color-danger)}.toast__close{background:none;border:none;color:var(--color-text-muted);font-size:16px;padding:2px 6px;margin-inline-start:auto;border-radius:4px;cursor:pointer}.toast__close:hover{color:var(--color-text);background:var(--color-border)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ol-control button{background-color:var(--color-primary)!important;color:#fff!important}.ol-control button:hover{background-color:var(--color-primary-hover)!important}@media(max-width:768px){:root{--sidebar-width: 0px}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s ease;z-index:200;box-shadow:var(--shadow-md)}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:#0006;z-index:199;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay--visible{opacity:1;pointer-events:all}.header__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#fff;font-size:20px;border-radius:6px;margin-inline-end:8px}.header__menu-btn:hover{background:#ffffff1a}}@media(min-width:769px){.header__menu-btn,.sidebar-overlay{display:none}}