@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--glass-white: rgba(255, 255, 255, .48);--glass-light: rgba(255, 255, 255, .32);--glass-subtle: rgba(255, 255, 255, .18);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: rgba(0, 0, 0, .1);--brand-navy: #1e3a5f;--brand-blue: #3b6b9a;--brand-sky: #5a9fd4;--brand-green: #91c73e;--brand-lime: #aee635;--success: #34c759;--success-light: rgba(52, 199, 89, .12);--warning: #ff9500;--warning-light: rgba(255, 149, 0, .12);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .12);--info: #007aff;--info-light: rgba(0, 122, 255, .12);--text-primary: #1d1d1f;--text-secondary: #515154;--text-tertiary: #6e6e73;--text-muted: #aeaeb2;--bg-mesh: radial-gradient(at 40% 20%, hsla(212, 80%, 70%, .3) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 80%, 70%, .25) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(280, 70%, 75%, .2) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340, 70%, 75%, .2) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22, 80%, 75%, .15) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 80%, 75%, .15) 0px, transparent 50%), linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-mesh);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.page-title{font-size:36px;font-weight:500;color:var(--brand-navy);letter-spacing:-.5px;margin-bottom:12px;text-align:center}h1{font-size:36px;font-weight:400;color:var(--brand-navy);font-family:Poppins,sans-serif;letter-spacing:-.5px}h2{font-size:24px;font-weight:400;color:var(--brand-navy);font-family:Poppins,sans-serif;letter-spacing:-.3px}h3{font-size:18px;font-weight:400;color:var(--brand-navy);font-family:Poppins,sans-serif;letter-spacing:-.2px}h4{font-size:36px;font-weight:500;color:var(--brand-navy);font-family:Open Sans,sans-serif;letter-spacing:-.5px}h5{font-size:24px;font-weight:500;color:var(--brand-navy);font-family:Open Sans,sans-serif;letter-spacing:-.3px}h6{font-size:18px;font-weight:500;color:var(--brand-navy);font-family:Open Sans,sans-serif;letter-spacing:-.2px}.glass-card{background:var(--glass-white);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-radius:24px;padding:32px;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px #ffffffb3;transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000024,inset 0 1px #fffc}.glass-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.glass-card-title{font-size:20px;font-weight:700;color:var(--brand-navy)}.marketing-card{background:var(--glass-white);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-radius:28px;padding:40px;box-shadow:0 12px 40px var(--glass-shadow),inset 0 1px #ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.marketing-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000026,inset 0 1px #fffc;border-color:var(--brand-green)}.stat-card{background:var(--glass-white);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--glass-border);border-radius:20px;padding:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px #ffffffb3}.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000024,inset 0 1px #fffc}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:var(--brand-navy);margin-bottom:4px}.stat-value.green{color:var(--success)}.stat-value.yellow{color:var(--warning)}.stat-value.red{color:var(--danger)}.btn{padding:14px 28px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;gap:8px;font-family:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#1e3a5f,#3b82f6);color:#fff;box-shadow:0 4px 20px #1e3a5f59}.btn-secondary{background:var(--glass-white);color:var(--brand-navy);border:1px solid var(--glass-border);box-shadow:0 4px 16px #00000014}.btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{background:#e6342a;transform:translateY(-2px);box-shadow:0 8px 28px #ff3b3059}.btn-sm{padding:10px 20px;font-size:14px}.btn-lg{padding:18px 36px;font-size:17px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-green{background:linear-gradient(135deg,#34c759,#2aa148);color:#000}.badge-blue{background:linear-gradient(135deg,#3b6b9a,#2d5577);color:#fff}.badge-purple{background:linear-gradient(135deg,#8b5cf6,#7040d4);color:#fff}.badge-gray{background:linear-gradient(135deg,#8e8e93,#6e6e73);color:#000}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-active{background:linear-gradient(135deg,#34c759,#2aa148);color:#000}.status-active:before{background:#000}.status-inactive{background:linear-gradient(135deg,#8e8e93,#6e6e73);color:#000}.status-inactive:before{background:#000}.tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag-green{background:linear-gradient(135deg,#34c759,#2aa148);color:#000}.tag-yellow{background:linear-gradient(135deg,#ff9500,#e08600);color:#000}.tag-red{background:linear-gradient(135deg,#ff3b30,#e0342a);color:#fff}.tag-blue{background:linear-gradient(135deg,#3b6b9a,#2d5577);color:#fff}.tag-gray{background:linear-gradient(135deg,#8e8e93,#6e6e73);color:#000}.progress-bar{height:8px;background:#00000014;border-radius:4px;overflow:hidden;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;background:#ffffff4d;border-radius:12px 12px 0 0}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.4);cursor:pointer;transition:background .2s}.data-table tbody tr:hover{background:#fff3}.data-table tbody td{padding:16px;font-size:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group>label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-input,.form-select{padding:12px 16px;border:1px solid rgba(255,255,255,.6);border-radius:12px;font-size:14px;font-family:inherit;color:var(--text-primary);background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #fff9;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #3b6b9a1f}.form-input:disabled{background:#0000000a;color:var(--text-muted);cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blue);cursor:pointer}.form-hint{font-size:13px;color:var(--text-tertiary)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.fade-in{animation:fadeIn .3s ease}.hero-gradient{background:linear-gradient(135deg,var(--brand-navy) 0%,#2a4a75 50%,var(--brand-blue) 100%);position:relative}.glass-header{background:linear-gradient(135deg,var(--brand-navy) 0%,#2a4a6f 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #00000026}.text-accent{color:var(--brand-green)}.marketing-section{padding:80px 0;position:relative}.marketing-section-light{background:var(--glass-subtle)}.marketing-section-glass{background:transparent}.btn-primary{background:linear-gradient(135deg,#1e3a5f,#3b82f6);color:#fff;padding:14px 32px;border-radius:14px;font-weight:600;box-shadow:0 4px 20px #1e3a5f59;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #1e3a5f73}.btn-secondary{background:var(--glass-white);color:var(--brand-navy);padding:14px 32px;border-radius:14px;font-weight:600;border:1px solid var(--glass-border);box-shadow:0 4px 16px #00000014;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.btn-secondary:hover{background:#fff;border-color:var(--brand-blue);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.icon-brand{color:var(--brand-blue);transition:color .2s}.icon-accent{color:var(--brand-green);transition:color .2s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px)}.text-gradient-brand{background:linear-gradient(135deg,#1e3a5f,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.container{margin-left:auto!important;margin-right:auto!important;margin-bottom:2vw!important}.progress-bar{height:8px;background:#00000014;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.green{background:linear-gradient(90deg,#6bcb77,var(--success))}.progress-fill.yellow{background:linear-gradient(90deg,#ffd93d,var(--warning))}.progress-fill.red{background:linear-gradient(90deg,#ff6b6b,var(--danger))}.progress-fill.blue{background:linear-gradient(90deg,var(--brand-blue),var(--brand-sky))}.page-header{margin-bottom:32px;text-align:center;display:flex;flex-direction:column;align-items:center}.page-header .header-content{text-align:center;width:100%}.page-subtitle{color:var(--text-secondary);font-size:16px;margin-top:8px;text-align:center}.stat-change{font-size:13px;color:var(--text-secondary)}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.location-card{background:var(--glass-white);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--glass-border);border-radius:20px;padding:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px #ffffffb3}.location-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000024,inset 0 1px #fffc;border-color:var(--brand-blue)}.location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.location-name{font-size:16px;font-weight:600;color:var(--text-primary)}.location-region{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media(max-width:1200px){.stats-grid,.location-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid,.location-grid{grid-template-columns:1fr}}[data-theme=glass]{--bg-base: #050a12;--bg-surface: rgba(255, 255, 255, .04);--bg-card: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .78);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--bg-mesh: #050a12;--glass-white: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .3);--brand-navy: var(--brand-lime);--accent-blue: #3b82f6;--accent-green: var(--brand-lime);--accent-green-glow: rgba(174, 230, 53, .25);--accent-red: #ef4444;--accent-amber: #f59e0b;background:#050a12}[data-theme=glass] .glass-card,[data-theme=glass] .card,[data-theme=glass] .stat-card,[data-theme=glass] .settings-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0f;position:relative;overflow:hidden}[data-theme=glass] .glass-card:before,[data-theme=glass] .card:before,[data-theme=glass] .stat-card:before,[data-theme=glass] .settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(163,230,53,.3) 50%,transparent 100%);z-index:1}[data-theme=glass] .glass-card:hover,[data-theme=glass] .card:hover,[data-theme=glass] .stat-card:hover,[data-theme=glass] .settings-card:hover{border-color:var(--border-glass-hover);box-shadow:0 16px 48px #0006,inset 0 1px #ffffff14}[data-theme=glass] .glass-card:hover:before,[data-theme=glass] .card:hover:before,[data-theme=glass] .stat-card:hover:before,[data-theme=glass] .settings-card:hover:before{background:linear-gradient(90deg,transparent 0%,rgba(163,230,53,.5) 50%,transparent 100%)}@supports not (backdrop-filter: blur(1px)){[data-theme=glass]{--bg-card: rgba(10, 15, 26, .95)}}[data-theme=glass] :is(h1,h2,h3,h4,h5,h6),[data-theme=glass] .page-title,[data-theme=glass] .card-title,[data-theme=glass] .glass-card-title,[data-theme=glass] .section-title{color:var(--brand-lime)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 8px rgba(174,230,53,.25)}[data-theme=glass] .card-description,[data-theme=glass] .description{color:var(--text-secondary)}[data-theme=glass] .top-nav,[data-theme=glass] .nav-container{background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#ffffff0f}[data-theme=glass] .nav-link{color:#ffffffb3}[data-theme=glass] .nav-link:hover,[data-theme=glass] .nav-link.active{color:#fffffff2;background:#a3e6351f}[data-theme=glass] .nav-link.active{border-left:3px solid var(--brand-lime)}[data-theme=glass] .nav-logo img{filter:brightness(10)}[data-theme=glass] .stat-value{color:var(--text-primary)}[data-theme=glass] .stat-value.green{color:#6bcb77}[data-theme=glass] .stat-value.yellow{color:#ffd93d}[data-theme=glass] .stat-value.red{color:#f87171}[data-theme=glass] .page-title,[data-theme=glass] .card-header h2{color:var(--brand-lime)}[data-theme=glass] .card-header{border-bottom-color:#ffffff0f}[data-theme=glass] .btn-primary{background:linear-gradient(135deg,#1e3a5f,#3b82f6);color:#fff;box-shadow:0 4px 16px #3b82f64d}[data-theme=glass] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2a4a6f,#60a5fa);box-shadow:0 8px 28px #3b82f673}[data-theme=glass] .btn-primary:disabled{background:#ffffff0a;color:var(--text-muted);box-shadow:none}[data-theme=glass] .btn-secondary{background:#ffffff0f;color:var(--text-primary)}[data-theme=glass] .btn-secondary:hover{background:#ffffff1a}[data-theme=glass] .btn-danger{background:#ef4444}[data-theme=glass] .btn-danger:hover{background:#dc2626;box-shadow:0 8px 28px #ef444459}[data-theme=glass] .form-input,[data-theme=glass] .form-select{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-primary)}[data-theme=glass] .form-input:focus,[data-theme=glass] .form-select:focus{border-color:#a3e63580;box-shadow:0 0 0 3px #a3e6351a}[data-theme=glass] .form-input::placeholder{color:var(--text-muted)}[data-theme=glass] .form-group>label{color:var(--text-primary)}[data-theme=glass] .modal{background:var(--bg-base, #0a0f1a);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #00000080}[data-theme=glass] .modal-header{border-bottom-color:#ffffff0f}[data-theme=glass] .modal-header h2{color:var(--brand-lime)}[data-theme=glass] .modal-footer{border-top-color:#ffffff0f}[data-theme=glass] .modal-close:hover{background:#ffffff14}[data-theme=glass] .detail-row{border-bottom-color:#ffffff0f}[data-theme=glass] .detail-row dd{color:var(--text-primary)}[data-theme=glass] .config-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=glass] .config-card:hover{border-color:#ffffff26}[data-theme=glass] .config-value{color:var(--text-primary)}[data-theme=glass] .alert-error,[data-theme=glass] .modal-error{background:#f871711a;border-color:#f871714d;color:#f87171}[data-theme=glass] .alert-success{background:#6bcb771a;border-color:#6bcb774d;color:#6bcb77}[data-theme=glass] .empty-state h3{color:var(--brand-lime)}[data-theme=glass] .data-table th{background:#ffffff0a;color:var(--text-secondary);border-color:#ffffff14}[data-theme=glass] .data-table td{border-color:#ffffff0f}[data-theme=glass] .data-table tbody tr:hover{background:#ffffff0a}
