:root{--c-primary: #2563EB;--c-primary-hover: #1D4ED8;--c-primary-light: #EFF6FF;--c-primary-border: #BFDBFE;--c-success: #15803D;--c-success-light: #DCFCE7;--c-success-border: #BBF7D0;--c-warning: #B45309;--c-warning-light: #FEF3C7;--c-warning-border: #FDE68A;--c-danger: #DC2626;--c-danger-light: #FEE2E2;--c-danger-border: #FECACA;--c-info: #2563EB;--c-info-light: #DBEAFE;--c-info-border: #BFDBFE;--c-purple: #7C3AED;--c-purple-light: #F3E8FF;--c-orange: #EA580C;--c-orange-light: #FFF7ED;--c-bg: #F8FAFC;--c-surface-0: #FFFFFF;--c-surface-1: #FFFFFF;--c-surface-2: #F9FAFB;--c-surface-3: #F8FAFC;--c-surface-stripe: #F8FAFC;--c-header-bg: #FFFFFF;--c-backdrop-bg: rgba(15, 23, 42, .4);--c-border: #E5E7EB;--c-border-strong: #EEF2F7;--c-divider: #E5E7EB;--c-text-primary: #111827;--c-text-secondary: #6B7280;--c-text-muted: #9CA3AF;--c-text-inverse: #FFFFFF;--gradient-brand: #2563EB;--gradient-success: #15803D;--gradient-blue: #2563EB;--gradient-purple: #7C3AED;--gradient-amber: #B45309;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .7rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.02);--shadow-sm: 0 1px 3px rgba(15,23,42,.03);--shadow-md: 0 2px 12px rgba(15,23,42,.05);--shadow-lg: 0 2px 12px rgba(15,23,42,.05);--shadow-xl: 0 2px 12px rgba(15,23,42,.05);--shadow-2xl: 0 2px 12px rgba(15,23,42,.05);--shadow-glow: 0 0 0 3px rgba(37, 99, 235, .15);--shadow-glow-sm: 0 0 0 3px rgba(37, 99, 235, .15);--ring-primary: 0 0 0 3px rgba(37, 99, 235, .15);--ring-danger: 0 0 0 3px rgba(220, 38, 38, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .1s var(--ease-out);--t-base: .18s var(--ease-out);--t-slow: .3s var(--ease-out);--primary: var(--c-primary);--primary-hover: var(--c-primary-hover);--primary-light: var(--c-primary-light);--bg-dark: var(--c-bg);--bg-surface: var(--c-surface-1);--bg-surface-elevated: var(--c-surface-2);--border-color: var(--c-border);--text-main: var(--c-text-primary);--text-muted: var(--c-text-secondary);--success: var(--c-success);--success-light: var(--c-success-light);--warning: var(--c-warning);--warning-light: var(--c-warning-light);--danger: var(--c-danger);--danger-light: var(--c-danger-light);--info: var(--c-info);--info-light: var(--c-info-light);--font-family: var(--font-sans);--transition-smooth: all var(--t-base);--shadow-glow-old: var(--shadow-glow)}body.dark-theme{--c-primary: #2563EB;--c-primary-hover: #1D4ED8;--c-primary-light: #EFF6FF;--c-primary-border: #BFDBFE;--c-success: #15803D;--c-success-light: #DCFCE7;--c-success-border: #BBF7D0;--c-warning: #B45309;--c-warning-light: #FEF3C7;--c-warning-border: #FDE68A;--c-danger: #DC2626;--c-danger-light: #FEE2E2;--c-danger-border: #FECACA;--c-info: #2563EB;--c-info-light: #DBEAFE;--c-info-border: #BFDBFE;--c-purple: #7C3AED;--c-purple-light: #F3E8FF;--c-orange: #EA580C;--c-orange-light: #FFF7ED;--c-bg: #F8FAFC;--c-surface-0: #FFFFFF;--c-surface-1: #FFFFFF;--c-surface-2: #F9FAFB;--c-surface-3: #F8FAFC;--c-surface-stripe: #F8FAFC;--c-header-bg: #FFFFFF;--c-backdrop-bg: rgba(15, 23, 42, .4);--c-border: #E5E7EB;--c-border-strong: #EEF2F7;--c-divider: #E5E7EB;--c-text-primary: #111827;--c-text-secondary: #6B7280;--c-text-muted: #9CA3AF;--c-text-inverse: #FFFFFF;--shadow-xs: 0 1px 2px rgba(15,23,42,.02);--shadow-sm: 0 1px 3px rgba(15,23,42,.03);--shadow-md: 0 2px 12px rgba(15,23,42,.05);--shadow-lg: 0 2px 12px rgba(15,23,42,.05);--shadow-xl: 0 2px 12px rgba(15,23,42,.05);--shadow-2xl: 0 2px 12px rgba(15,23,42,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--c-bg);color:var(--c-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}body.dark-theme ::-webkit-scrollbar-thumb{background:#ffffff26}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--sp-6);width:100%;margin:0 auto}@media(max-width:640px){.main-content{padding:var(--sp-4) var(--sp-3)}}header{background:var(--c-header-bg);border-bottom:1px solid var(--c-border);padding:0 var(--sp-6);height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}@media(max-width:768px){header{padding:0 var(--sp-4);height:56px}.header-logo-image{height:32px!important;max-height:32px!important;max-width:110px!important}}.logo{font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;color:var(--c-text-primary);display:flex;align-items:center;gap:var(--sp-3);text-decoration:none}.sidebar-logo-link,.header-logo-link,.login-logo-link,.logo-clickable-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px;cursor:pointer;text-decoration:none;border-radius:var(--radius-md);transition:transform var(--t-fast),opacity var(--t-fast);outline-offset:2px}.sidebar-logo-link:hover,.header-logo-link:hover,.login-logo-link:hover,.logo-clickable-link:hover{opacity:.92;transform:scale(1.02)}.sidebar-logo-link:focus-visible,.header-logo-link:focus-visible,.login-logo-link:focus-visible,.logo-clickable-link:focus-visible{outline:2px solid var(--c-primary);box-shadow:var(--ring-primary)}.sidebar-logo-image{height:64px!important;max-height:72px!important;width:auto;max-width:200px;object-fit:contain;object-position:left;display:block;transition:all var(--t-base)}.header-logo-image{height:44px!important;max-height:48px!important;width:auto;max-width:180px;object-fit:contain;object-position:left;display:block}.login-logo{width:320px!important;height:auto!important;max-height:160px!important;object-fit:contain;object-position:center;display:block}.step-title{color:#000!important;font-weight:800!important;font-size:.9rem!important;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.5rem 1.125rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.25;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--t-base);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none;letter-spacing:-.01em}.btn:focus-visible{outline:none;box-shadow:var(--ring-primary)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 2px 8px #05966940,inset 0 1px #ffffff26}.btn-primary:hover{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 14px #05966959,inset 0 1px #fff3;transform:translateY(-1px)}.btn-secondary{background:var(--c-surface-1);color:var(--c-text-primary);border:1px solid var(--c-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--c-surface-3);border-color:var(--c-primary);color:var(--c-primary);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--c-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--c-surface-3);color:var(--c-text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 2px 8px #dc262640}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#b91c1c);box-shadow:0 4px 14px #dc262659;transform:translateY(-1px)}.btn-success{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 2px 8px #05966940}.btn-success:hover{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 14px #05966959;transform:translateY(-1px)}.btn-xs{padding:.2rem .55rem;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-sm{padding:.35rem .7rem;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:.7rem 1.5rem;font-size:var(--text-md)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.card{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);transition:box-shadow var(--t-base),border-color var(--t-base);position:relative}.card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-md)}.card-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--c-text-primary);margin-bottom:var(--sp-4)}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--c-text-secondary);margin-bottom:var(--sp-2);letter-spacing:-.01em}.form-control{width:100%;padding:.5625rem var(--sp-4);font-family:var(--font-sans);font-size:var(--text-sm);background:var(--c-surface-1);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);color:var(--c-text-primary);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;line-height:1.5}.form-control::placeholder{color:var(--c-text-muted)}.form-control:hover{border-color:var(--c-border-strong);background:var(--c-surface-1)}.form-control:focus{border-color:var(--c-primary);background:var(--c-surface-1);box-shadow:var(--ring-primary)}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.125rem;padding-right:2.5rem;cursor:pointer}textarea.form-control{resize:vertical;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.01em;line-height:1.5;border:1px solid transparent}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-success{background:var(--c-success-light);color:var(--c-success);border-color:var(--c-success-border)}.badge-success:before{background:var(--c-success)}.badge-warning{background:var(--c-warning-light);color:var(--c-warning);border-color:var(--c-warning-border)}.badge-warning:before{background:var(--c-warning)}.badge-danger{background:var(--c-danger-light);color:var(--c-danger);border-color:var(--c-danger-border)}.badge-danger:before{background:var(--c-danger)}.badge-info{background:var(--c-info-light);color:var(--c-info);border-color:var(--c-info-border)}.badge-info:before{background:var(--c-info)}.badge-neutral{background:var(--c-surface-3);color:var(--c-text-secondary);border-color:var(--c-border-strong)}.badge-neutral:before{background:var(--c-text-muted)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);border:1px solid;line-height:1.5}.alert-success{background:var(--c-success-light);color:var(--c-success);border-color:var(--c-success-border)}.alert-danger{background:var(--c-danger-light);color:var(--c-danger);border-color:var(--c-danger-border)}.alert-warning{background:var(--c-warning-light);color:var(--c-warning);border-color:var(--c-warning-border)}.alert-info{background:var(--c-info-light);color:var(--c-info);border-color:var(--c-info-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes modalPopIn{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .25s var(--ease-out) both}.animate-slide-up{animation:slideUp .25s var(--ease-spring) both}.animate-slide-right{animation:slideInRight .22s var(--ease-out) both}.animate-pop-in{animation:modalPopIn .22s var(--ease-out) both}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-3) 50%,var(--c-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:.875rem;width:100%}.skeleton-title{height:1.5rem;width:60%}.skeleton-avatar{width:36px;height:36px;border-radius:50%}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.spinner-lg{width:28px;height:28px;border-width:3px}.spinner-primary{color:var(--c-primary)}.leaflet-container{border-radius:var(--radius-lg);border:1px solid var(--c-border);background-color:var(--c-bg)!important}.leaflet-tile{filter:none}body.dark-theme .leaflet-tile{filter:invert(100%) hue-rotate(180deg) brightness(92%) contrast(88%) saturate(90%)}.leaflet-popup-content-wrapper{background:var(--c-surface-1)!important;color:var(--c-text-primary)!important;border:1px solid var(--c-border-strong);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.leaflet-popup-tip{background:var(--c-surface-1)!important}.text-muted{color:var(--c-text-secondary)}.text-danger{color:var(--c-danger)}.text-success{color:var(--c-success)}.text-warning{color:var(--c-warning)}.text-info{color:var(--c-info)}.text-primary{color:var(--c-primary)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.header-user-badge-wrapper{position:relative;z-index:1010}.sidebar-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--c-border-strong);background:var(--c-surface-1);color:var(--c-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--t-base);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--c-surface-3);color:var(--c-text-primary);border-color:var(--c-primary)}.btn-toggle-sidebar-floating{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--c-border-strong);background:var(--c-surface-1);color:var(--c-text-secondary);font-size:1rem;cursor:pointer;transition:all var(--t-base);flex-shrink:0}.btn-toggle-sidebar-floating:hover{background:var(--c-surface-3);color:var(--c-text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5)}.section-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--c-text-primary)}.section-subtitle{font-size:var(--text-sm);color:var(--c-text-muted);margin-top:2px}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{background:var(--c-surface-0);color:var(--c-text-muted);padding:10px var(--sp-4);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--c-border);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:1}.data-table td{padding:12px var(--sp-4);border-bottom:1px solid var(--c-border);color:var(--c-text-secondary);vertical-align:middle}.data-table tbody tr:hover td{background:var(--c-surface-stripe)}.data-table tbody tr:last-child td{border-bottom:none}