*{box-sizing:border-box}:root{--app-bg: #f4f8f6;--app-bg-soft: #eef7f4;--app-surface: rgba(255, 255, 255, .92);--app-surface-solid: #ffffff;--app-surface-muted: #f7fbf9;--app-border: rgba(26, 46, 38, .1);--app-border-strong: rgba(15, 118, 110, .22);--app-text: #17231d;--app-text-soft: #41534b;--app-muted: #687a72;--app-primary: #0f766e;--app-primary-hover: #0d9488;--app-primary-soft: #e6f5f1;--app-accent: #2563eb;--app-accent-soft: #eef4ff;--app-warning: #d97706;--app-danger: #dc2626;--app-radius: 8px;--app-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--app-shadow: 0 12px 30px rgba(15, 23, 42, .08);--app-shadow-lg: 0 22px 58px rgba(15, 23, 42, .12)}html{min-width:320px}body{position:relative;margin:0;color:var(--app-text);background:linear-gradient(rgba(15,118,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,118,110,.035) 1px,transparent 1px),linear-gradient(135deg,#f8fbfa 0%,var(--app-bg) 52%,#eef5ff 100%);background-size:36px 36px,36px 36px,100% 100%;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}body:before,body:after{display:none}.app-shell{position:relative;z-index:1;min-height:100vh}.app-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:10;width:232px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#fffffff5,#eff7f4eb),var(--app-surface);border-right:1px solid var(--app-border);box-shadow:12px 0 32px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:rgba(15,118,110,.45) transparent}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:#0f766e6b;border-radius:999px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-shell>.el-container{min-height:100vh;min-width:0;margin-left:232px}.brand{position:sticky;top:0;z-index:2;display:flex;gap:12px;align-items:center;height:76px;padding:0 18px;background:#ffffffbd;border-bottom:1px solid var(--app-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-mark{position:relative;display:grid;width:42px;height:42px;overflow:hidden;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,var(--app-primary) 0%,var(--app-accent) 100%);border:1px solid rgba(224,242,254,.72);border-radius:var(--app-radius);box-shadow:0 12px 24px #0f766e33}.brand-mark:after{position:absolute;top:8px;left:10px;width:9px;height:14px;content:"";background:#ffffffb8;border-radius:999px;transform:rotate(28deg)}.brand-copy{min-width:0}.brand-title{font-size:16px;font-weight:800;letter-spacing:0}.brand-subtitle{margin-top:3px;color:var(--app-muted);font-size:12px}.nav-menu{--el-menu-item-height: 48px;border-right:0;display:grid;gap:10px;padding:14px 12px 22px;background:transparent}.nav-menu .el-menu-item{position:relative;gap:10px;height:48px;padding:0 16px!important;margin-bottom:0;color:var(--app-text-soft);border-radius:var(--app-radius);transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.nav-menu .el-menu-item:hover{color:var(--app-primary);background:var(--app-primary-soft);transform:translate(2px)}.nav-menu .el-menu-item.is-active{color:var(--app-primary);background:linear-gradient(90deg,#e6f5f1fa,#eef4ffdb);box-shadow:inset 4px 0 0 var(--app-primary),0 12px 24px #0f766e24}.nav-menu .el-menu-item.is-active:after{position:absolute;top:10px;right:12px;width:10px;height:18px;content:"";background:#ffffffb3;border-radius:999px;transform:rotate(28deg)}.nav-icon{width:18px;height:18px;flex:0 0 auto}.app-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 24px;background:#ffffffe6;border-bottom:1px solid var(--app-border);box-shadow:0 8px 24px #0f172a0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-button{display:none}.header-title{min-width:0}.app-header h1{margin:0 0 4px;font-size:21px;font-weight:800;letter-spacing:0}.app-header span{color:var(--app-muted);font-size:13px}.header-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.user-name{color:var(--app-text-soft);font-size:13px}.app-main{padding:22px;background:linear-gradient(rgba(15,118,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,118,110,.035) 1px,transparent 1px),linear-gradient(135deg,#f8fbfafa,#eff7f4d1);background-size:34px 34px,34px 34px,100% 100%}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;padding:14px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar-card{margin:0 0 16px;padding:12px 0 0;border-top:1px solid var(--app-border)}.toolbar-control{width:220px}.auto-refresh-switch{--el-switch-on-color: var(--app-primary);--el-switch-off-color: #94a3b8;flex:0 0 auto}.location-chip{display:inline-flex;min-height:36px;align-items:center;max-width:100%;padding:0 12px;color:#475569;font-size:13px;line-height:1.35;overflow-wrap:anywhere;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow-sm)}.location-chip.is-auto{color:var(--app-primary);background:var(--app-primary-soft);border-color:var(--app-border-strong)}.search-input{width:320px;max-width:100%}.data-status-strip{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:14px;align-items:stretch;margin-bottom:16px;padding:14px;background:#ffffffeb;border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow-soft)}.data-status-head,.data-status-grid>div{display:grid;gap:6px;align-content:center;min-height:72px;padding:12px 14px;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.data-status-head span,.data-status-grid span{color:var(--app-text-muted);font-size:12px;font-weight:700}.data-status-head strong,.data-status-grid strong{color:var(--app-text);font-size:18px;font-weight:800;letter-spacing:0}.data-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.overview-strip{position:relative;display:flex;gap:18px;align-items:stretch;justify-content:space-between;margin-bottom:18px;padding:24px;overflow:hidden;background:linear-gradient(120deg,#fffffff0,#eff7f4db),var(--app-surface);border:1px solid var(--app-border);border-left:5px solid var(--app-primary);border-radius:var(--app-radius);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.overview-strip:after{position:absolute;right:0;bottom:0;left:0;height:4px;content:"";background:linear-gradient(90deg,var(--app-primary),var(--app-accent),var(--app-warning));opacity:.22}.overview-strip h2{margin:6px 0;color:var(--app-text);font-size:25px;font-weight:800;letter-spacing:0}.overview-strip p{max-width:760px;margin:0;color:var(--app-text-soft);font-size:14px;line-height:1.75}.section-eyebrow{color:var(--app-primary);font-size:13px;font-weight:800;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;background:var(--app-primary-soft);border:1px solid var(--app-border-strong);border-radius:999px}.strip-stats{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:10px;min-width:440px}.strip-stats div,.summary-pill{position:relative;padding:12px;overflow:hidden;background:#ffffffb8;border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow-sm)}.strip-stats div:before,.summary-pill:before{position:absolute;inset:0 0 auto;height:2px;content:"";background:linear-gradient(90deg,#0f766e14,#0f766e85,#2563eb2e)}.strip-stats span,.summary-pill span{display:block;color:var(--app-muted);font-size:12px}.strip-stats strong,.summary-pill strong{display:block;margin-top:6px;color:var(--app-text);font-size:22px;line-height:1.1}.weather-status{color:var(--app-primary)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#f7fbf9e0),var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card:before,.panel:before{position:absolute;inset:0 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent)}.metric-card{min-height:112px;padding:18px 20px;border-top:4px solid var(--app-primary);transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--app-shadow-lg)}.metric-card:nth-child(2){border-top-color:var(--app-accent)}.metric-card:nth-child(3){border-top-color:var(--app-warning)}.metric-card:nth-child(4){border-top-color:var(--app-danger)}.metric-label{color:var(--app-muted);font-size:13px;font-weight:700}.metric-value{margin-top:10px;color:var(--app-text);font-size:34px;font-weight:800;line-height:1}.metric-note{margin-top:10px;color:var(--app-muted);font-size:13px;line-height:1.4}.metric-range{font-size:24px}.metric-compact{font-size:20px;line-height:1.2}.panel{padding:18px}.panel-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel-header.compact{margin-bottom:6px}.panel-header p{margin:4px 0 0;color:var(--app-muted);font-size:13px;line-height:1.6}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.summary-pills{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-width:330px}.summary-pill{min-width:106px}.page-loading{display:grid;min-height:120px;place-items:center;color:var(--app-muted);font-size:14px}.page-error{margin-bottom:16px;padding:12px 14px;color:#991b1b;font-size:14px;line-height:1.6;background:#fef2f2e0;border:1px solid #fecaca;border-radius:8px}.panel-title{margin:0 0 12px;color:var(--app-text);font-size:17px;font-weight:800}.panel-header .panel-title{margin-bottom:0}.two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px}.management-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.9fr);gap:18px}.chart{position:relative;width:100%;height:330px;min-height:260px}.chart-empty:after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#94a3b8;font-size:14px;content:attr(data-empty-text);pointer-events:none}.dashboard-detail,.history-table,.ranking-panel{margin-top:16px}.insight-list{display:grid;gap:10px;margin-bottom:16px}.location-realtime-summary{display:grid;gap:10px}.location-realtime-summary div{min-height:70px;padding:12px;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.location-realtime-summary span{display:block;color:var(--app-muted);font-size:12px}.location-realtime-summary strong{display:block;margin-top:8px;color:var(--app-text);font-size:16px;line-height:1.45;overflow-wrap:anywhere}.insight-row,.ranking-row,.advice-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(26,46,38,.08)}.insight-row:last-child,.ranking-row:last-child,.advice-row:last-child{border-bottom:0}.insight-row span,.advice-row span,.rank-meta{color:var(--app-muted);font-size:13px}.trend-up{color:#dc2626}.trend-down{color:var(--app-primary)}.trend-neutral{color:var(--app-text-soft)}.advice-list{display:grid;gap:2px}.advice-row{display:grid;justify-content:stretch}.advice-row strong{color:var(--app-text);font-size:14px}.ranking-list{display:grid}.ranking-row{display:grid;grid-template-columns:36px minmax(90px,1fr) minmax(180px,2fr) 80px 90px;min-height:46px;padding:10px 8px;border-radius:8px;transition:background .18s ease}.ranking-row:hover{background:var(--app-primary-soft)}.rank-index{display:grid;width:26px;height:26px;place-items:center;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(145deg,var(--app-primary),var(--app-accent));border-radius:8px;box-shadow:0 8px 16px #0f766e38}.rank-city{color:var(--app-text);font-weight:800}.table-actions,.form-actions{display:flex;gap:8px;align-items:center}.rule-form-panel{align-self:start}.route-query-panel{margin-bottom:16px}.route-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 150px auto;gap:12px;align-items:center}.route-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:16px}.route-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.route-metrics div{min-height:78px;padding:12px;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.route-metrics span,.waypoint-row span,.event-row span,.alternative-row span{display:block;color:var(--app-muted);font-size:12px}.route-metrics strong{display:block;margin-top:8px;color:var(--app-text);font-size:15px;line-height:1.45}.route-reason{margin-bottom:16px;padding:12px 14px;color:var(--app-primary);font-size:14px;line-height:1.6;background:linear-gradient(135deg,#e6f5f1f5,#eef4ffe6);border:1px solid var(--app-border-strong);border-radius:8px}.sub-panel-title{margin:0 0 10px;color:var(--app-text);font-size:15px;font-weight:800}.waypoint-list,.event-list,.alternative-list{display:grid;gap:10px}.waypoint-row{display:grid;grid-template-columns:36px minmax(160px,1.4fr) minmax(120px,.8fr) minmax(180px,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(26,46,38,.08)}.waypoint-row:last-child{border-bottom:0}.waypoint-row strong,.event-row strong,.alternative-row strong{display:block;color:var(--app-text);font-size:14px;line-height:1.4}.waypoint-row p,.event-row p{margin:0;color:var(--app-text-soft);font-size:13px;line-height:1.55}.event-row,.alternative-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.event-row p{grid-column:1 / -1}.route-alt-title{margin-top:18px}.orb-entry-page{position:relative;min-height:100vh;overflow:hidden;background:#07131a;perspective:1200px}.orb-entry-scene{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;transform-origin:center center;transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}.orb-entry-scene.is-cat-sensitive{cursor:pointer}.orb-entry-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.orb-entry-hotspot{position:absolute;z-index:3;aspect-ratio:1;padding:0;cursor:pointer;background:transparent;border:0;border-radius:999px;transform:translate(-50%,-50%) scale(var(--orb-scale));transition:transform .16s ease}.orb-entry-hotspot:before,.orb-entry-hotspot:after{position:absolute;content:"";border-radius:inherit;opacity:var(--orb-glow);pointer-events:none;transition:opacity .18s ease}.orb-entry-hotspot:before{top:2%;right:2%;bottom:2%;left:2%;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.72) 0 5%,rgba(255,84,112,.56) 15%,rgba(255,0,54,.26) 34%,rgba(255,0,54,.08) 58%,transparent 82%);filter:blur(7px);mix-blend-mode:screen;transform:scale(calc(1.06 + .12 * var(--orb-glow)))}.orb-entry-hotspot:after{top:-150%;right:-150%;bottom:-150%;left:-150%;background:radial-gradient(circle at 50% 52%,rgba(255,48,78,.26) 0 10%,rgba(255,0,54,.15) 24%,rgba(255,0,54,.08) 42%,rgba(255,0,54,.03) 64%,transparent 84%);filter:blur(calc(42px + 26px * var(--orb-glow)));mix-blend-mode:screen;transform:scale(calc(1 + .18 * var(--orb-glow)))}.orb-entry-hotspot:hover:before,.orb-entry-hotspot:hover:after,.orb-entry-hotspot:focus-visible:before,.orb-entry-hotspot:focus-visible:after{opacity:1}.orb-entry-hotspot:active{transform:translate(-50%,-50%) scale(.96)}.orb-entry-hotspot:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:8px}.falling-leaves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;transform:translateZ(30px)}.falling-leaf{position:absolute;top:0;left:var(--leaf-left);width:var(--leaf-size);height:calc(var(--leaf-size) * .48);background:radial-gradient(ellipse at 32% 44%,#ddf48ce6,#619128f2 48%,#2a5916f0);border-radius:85% 12% 80% 18%;filter:drop-shadow(0 4px 5px rgba(10,34,12,.28));opacity:.78;transform-origin:62% 48%;animation:leaf-fall var(--leaf-duration) linear infinite;animation-delay:var(--leaf-delay)}.falling-leaf:before{position:absolute;top:48%;left:10%;width:84%;height:1px;content:"";background:#1f4a1575;transform:rotate(-8deg)}@keyframes leaf-fall{0%{transform:translate3d(0,var(--leaf-start-y, -12vh),0) rotate(-36deg);opacity:var(--leaf-start-opacity, 0)}10%{opacity:.82}45%{transform:translate3d(calc(var(--leaf-drift) * .45),48vh,0) rotate(calc(var(--leaf-spin) * .45))}to{transform:translate3d(var(--leaf-drift),118vh,0) rotate(var(--leaf-spin));opacity:0}}.login-page{position:relative;z-index:1;display:grid;min-height:100vh;overflow:hidden;place-items:center;padding:clamp(18px,3vw,40px);background:linear-gradient(rgba(15,118,110,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,118,110,.045) 1px,transparent 1px),linear-gradient(135deg,#f8fbfa 0%,var(--app-bg-soft) 54%,#eef4ff 100%);background-size:38px 38px,38px 38px,100% 100%}.login-page:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:linear-gradient(180deg,#ffffff9e,#fff0);opacity:.75}.login-page:after{position:absolute;inset:auto 0 0;z-index:0;height:34%;content:"";background:linear-gradient(180deg,transparent,rgba(15,118,110,.1));pointer-events:none}.login-page .falling-leaves{z-index:0;opacity:.62}.login-page .falling-leaf{filter:drop-shadow(0 5px 8px rgba(15,23,42,.16))}.login-aura{position:absolute;z-index:0;border:1px solid rgba(15,118,110,.14);border-radius:999px;pointer-events:none}.login-aura:before,.login-aura:after{position:absolute;content:"";border-radius:inherit}.login-aura:before{top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(37,99,235,.12)}.login-aura:after{top:28%;right:28%;bottom:28%;left:28%;background:radial-gradient(circle,rgba(255,255,255,.44),transparent 68%)}.login-aura-top{top:-110px;left:-90px;width:320px;height:320px}.login-aura-bottom{right:-120px;bottom:-150px;width:420px;height:420px}.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(380px,.92fr);width:min(1160px,calc(100vw - 64px));min-height:560px;overflow:hidden;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow-lg),0 1px #ffffffd1 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-shell.is-captcha{grid-template-columns:minmax(300px,.76fr) minmax(520px,1.24fr);width:min(1180px,100%)}.login-visual{position:relative;display:grid;align-content:space-between;min-height:100%;padding:38px 42px;color:#f8fafc;background:linear-gradient(150deg,#0f3f3a 0%,var(--app-primary) 52%,#1d4ed8 100%),var(--app-primary)}.login-visual:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px);background-size:32px 32px;opacity:.26}.login-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,transparent,rgba(255,255,255,.08));pointer-events:none}.login-brand,.login-monitor-card,.login-hero-copy,.login-data-strip,.login-status-grid,.login-capability-row,.login-security-note{position:relative;z-index:1}.login-brand{display:flex;gap:14px;align-items:center}.login-brand-mark{display:grid;width:52px;height:52px;place-items:center;color:#0f172a;font-size:18px;font-weight:900;background:#f8fafc;border-radius:8px;box-shadow:0 12px 26px #0f172a2e,0 0 0 1px #ffffff8a inset}.login-brand strong{display:block;font-size:18px;font-weight:900}.login-brand span:not(.login-brand-mark){display:block;margin-top:2px;color:#f8fafcb8;font-size:12px}.login-monitor-card{position:absolute;top:34px;right:36px;width:172px;min-height:142px;padding:14px;color:#dcfce7;background:linear-gradient(145deg,#064e3b94,#2563eb24);border:1px solid rgba(187,247,208,.26);border-radius:8px;box-shadow:0 20px 42px #064e3b38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.monitor-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.monitor-header span{color:#dcfce7b3;font-size:10px;font-weight:900}.monitor-header strong{color:#fff;font-size:22px;line-height:1}.monitor-map{position:relative;height:62px;overflow:hidden;background:linear-gradient(rgba(187,247,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(187,247,208,.09) 1px,transparent 1px),radial-gradient(circle at 48% 46%,rgba(134,239,172,.18),transparent 48%);background-size:18px 18px,18px 18px,100% 100%;border:1px solid rgba(187,247,208,.16);border-radius:8px}.map-node{position:absolute;width:8px;height:8px;background:#bbf7d0;border:2px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 0 0 5px #bbf7d024,0 0 18px #bbf7d09e}.node-a{top:18px;left:22px}.node-b{top:44px;left:62px}.node-c{top:25px;right:38px}.node-d{right:18px;bottom:16px}.map-route{position:absolute;height:2px;background:linear-gradient(90deg,#bbf7d014,#bbf7d0c7);border-radius:999px;transform-origin:left center}.route-a{top:32px;left:29px;width:94px;transform:rotate(9deg)}.route-b{right:25px;bottom:25px;width:82px;transform:rotate(-19deg)}.monitor-bars{display:grid;gap:7px;margin-top:12px}.monitor-bars span{display:block;height:6px;overflow:hidden;background:#dcfce729;border-radius:999px}.monitor-bars span:before{display:block;width:var(--bar-width);height:100%;content:"";background:linear-gradient(90deg,#86efac,#22d3ee);border-radius:inherit}.login-eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:12px;color:var(--app-primary);font-size:12px;font-weight:900;letter-spacing:0}.login-visual .login-eyebrow{color:#bbf7d0}.login-hero-copy{max-width:382px;margin:56px 0 42px}.login-hero-copy h1{margin:0;font-size:clamp(34px,3.6vw,46px);line-height:1.14;font-weight:900;letter-spacing:0}.login-hero-copy p{max-width:430px;margin:16px 0 0;color:#f8fafcd1;font-size:15px;line-height:1.75}.login-data-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.login-data-strip div,.login-panel-meta div{position:relative;overflow:hidden;border-radius:8px}.login-data-strip div{min-height:74px;padding:12px 14px;background:#ecfdf51f;border:1px solid rgba(187,247,208,.22);box-shadow:0 14px 26px #064e3b1f}.login-data-strip div:before,.login-panel-meta div:before{position:absolute;inset:0 0 auto;height:2px;content:"";background:linear-gradient(90deg,transparent,rgba(187,247,208,.8),transparent)}.login-data-strip span,.login-panel-meta span{display:block;color:#dcfce7bd;font-size:11px;font-weight:850}.login-data-strip strong{display:block;margin-top:10px;color:#fff;font-size:21px;line-height:1}.login-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.login-status-item{min-width:0;padding:16px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px;box-shadow:0 12px 26px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-status-icon{width:22px;height:22px;margin-bottom:12px;color:#bbf7d0}.login-status-item span,.login-status-item strong{display:block}.login-status-item span{color:#f8fafcb3;font-size:12px}.login-status-item strong{margin-top:4px;color:#fff;font-size:15px;font-weight:850}.login-capability-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.login-capability-row span{display:inline-flex;min-height:30px;align-items:center;padding:0 11px;color:#f8fafcd1;font-size:12px;font-weight:800;background:#ffffff1a;border:1px solid rgba(187,247,208,.22);border-radius:999px}.login-security-note{display:inline-flex;gap:10px;align-items:center;margin-top:26px;color:#f8fafcc2;font-size:13px}.login-security-dot{width:9px;height:9px;background:#86efac;border-radius:999px;box-shadow:0 0 0 5px #86efac29}.login-panel{position:relative;display:grid;align-content:center;justify-items:center;padding:46px 52px;background:linear-gradient(90deg,#e6f5f1ad,#fffffff5 22%),var(--app-surface)}.login-panel:before{position:absolute;top:38px;right:44px;width:104px;height:104px;content:"";background:linear-gradient(90deg,rgba(15,118,110,.1) 1px,transparent 1px),linear-gradient(rgba(15,118,110,.1) 1px,transparent 1px);background-size:16px 16px;border:1px solid rgba(15,118,110,.1);border-radius:999px;-webkit-mask-image:radial-gradient(circle,#000 0 52%,transparent 73%);mask-image:radial-gradient(circle,#000 0 52%,transparent 73%);opacity:.72;pointer-events:none}.login-panel>*{position:relative;z-index:1;width:min(100%,390px)}.login-panel-header h2,.captcha-panel-header h2{margin:0;color:var(--app-text);font-size:32px;font-weight:900;letter-spacing:0}.login-panel-header p,.captcha-panel-header p{margin:12px 0 0;color:var(--app-muted);font-size:14px;line-height:1.72}.login-panel-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.login-panel-meta div{min-height:66px;padding:12px 14px;background:linear-gradient(135deg,#e6f5f1f5,#ffffffeb);border:1px solid var(--app-border-strong);box-shadow:var(--app-shadow-sm)}.login-panel-meta span{color:var(--app-primary)}.login-panel-meta strong{display:block;margin-top:8px;color:var(--app-text);font-size:16px;line-height:1}.login-ops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:10px;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.login-ops-summary div{min-width:0;padding:8px 6px;text-align:center;background:#fff;border:1px solid var(--app-border);border-radius:7px}.login-ops-summary span,.login-ops-summary strong{display:block}.login-ops-summary span{color:var(--app-muted);font-size:11px}.login-ops-summary strong{margin-top:5px;color:var(--app-text);font-size:14px;line-height:1.1}.login-form{margin-top:24px}.login-form .el-form-item{margin-bottom:18px}.login-form .el-input__wrapper{min-height:52px;padding:0 16px;background:var(--app-surface-muted);border-radius:8px;box-shadow:0 0 0 1px var(--app-border) inset,0 10px 22px #0f172a0a;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.login-form .el-input__wrapper:hover,.login-form .el-input__wrapper.is-focus{background:#fff;box-shadow:0 0 0 1px var(--app-primary) inset,0 0 0 4px #0f766e21,0 12px 26px #0f766e14}.login-form .el-input__inner{color:var(--app-text);font-size:15px;font-weight:650;background:transparent;box-shadow:none}.login-form .el-input__inner:-webkit-autofill,.login-form .el-input__inner:-webkit-autofill:hover,.login-form .el-input__inner:-webkit-autofill:focus,.login-form .el-input__inner:-webkit-autofill:active{-webkit-text-fill-color:var(--app-text);box-shadow:0 0 0 1000px var(--app-surface-muted) inset;caret-color:var(--app-text);transition:background-color 9999s ease-out}.login-form .el-input__wrapper.is-focus .el-input__inner:-webkit-autofill,.login-form .el-input__wrapper:hover .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.login-submit{width:100%;min-height:52px;font-weight:800;border-radius:8px;background:linear-gradient(135deg,var(--app-primary),var(--app-accent));border:0;box-shadow:0 16px 30px #0f766e3d;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-submit:hover,.login-submit:focus{filter:saturate(1.06);box-shadow:0 20px 34px #0f766e47;transform:translateY(-1px)}.login-mode-switch{display:inline-flex;width:100%;min-height:38px;align-items:center;justify-content:center;margin-top:12px;padding:0;color:var(--app-primary);font-size:13px;font-weight:800;cursor:pointer;background:transparent;border:0;border-radius:8px}.login-mode-switch:hover,.login-mode-switch:focus-visible{color:var(--app-primary-hover);background:var(--app-primary-soft);outline:0}.image-captcha-panel{position:relative;z-index:1;width:100%;padding:42px 46px;background:var(--app-surface)}.captcha-panel-header{margin-bottom:24px}.image-captcha-stage{width:100%;aspect-ratio:750 / 378;overflow:hidden;background:var(--app-accent-soft);border:1px solid var(--app-border);border-radius:8px}.image-captcha-svg{display:block;width:100%;height:100%}.image-captcha-slot{fill:#0f172a94;stroke:#ffffffb8;stroke-width:2.2}.image-captcha-piece{transition:transform .18s ease}.image-captcha-piece.dragging{transition:none}.image-captcha-piece-border{fill:transparent;stroke:#ffffffe6;stroke-width:2.2}.image-captcha-slider{position:relative;height:72px;margin-top:24px;overflow:hidden;touch-action:none;background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px}.image-captcha-slider.dragging{border-color:var(--app-primary)}.image-captcha-slider.verified{background:var(--app-primary-soft);border-color:var(--app-primary)}.image-captcha-progress{position:absolute;inset:0 auto 0 0;width:72px;max-width:100%;background:linear-gradient(90deg,#0f766e3d,#2563eb3d);transition:width .18s ease}.image-captcha-slider.dragging .image-captcha-progress{transition:none}.image-captcha-slider.verified .image-captcha-progress{background:#0f766e47}.image-captcha-slider span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--app-text);font-size:20px;font-weight:800;pointer-events:none}.image-captcha-slider.verified span{color:var(--app-primary)}.image-captcha-handle{position:absolute;top:0;left:0;display:grid;width:72px;height:70px;padding:0;place-items:center;color:#fff;cursor:grab;background:linear-gradient(145deg,var(--app-primary),var(--app-accent));border:1px solid rgba(224,242,254,.72);border-radius:8px;box-shadow:0 8px 20px #0f766e42;transition:transform .18s ease}.image-captcha-slider.dragging .image-captcha-handle{cursor:grabbing;transition:none}.image-captcha-slider.verified .image-captcha-handle{color:#fff;background:var(--app-primary);border-color:var(--app-primary);cursor:default}.captcha-icon{width:30px;height:30px}.app-loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;background:#fbfaff}.app-loading-frame{width:min(100vw,1680px);height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.app-loading-fade-enter-active,.app-loading-fade-leave-active{transition:opacity .12s ease}.app-loading-fade-enter-from,.app-loading-fade-leave-to{opacity:0}.el-table{--el-table-header-bg-color: var(--app-primary-soft);--el-table-header-text-color: var(--app-primary);--el-table-row-hover-bg-color: var(--app-surface-muted);--el-table-border-color: rgba(26, 46, 38, .1);overflow:hidden;border-radius:var(--app-radius);box-shadow:var(--app-shadow-sm)}.el-button{border-radius:var(--app-radius);font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.el-button:hover,.el-button:focus{transform:translateY(-1px)}.el-button--primary{background:linear-gradient(135deg,var(--app-primary),var(--app-accent));border-color:var(--app-primary);box-shadow:0 8px 18px #0f766e38}.el-button--primary:hover,.el-button--primary:focus{background:linear-gradient(135deg,var(--app-primary-hover),#1d4ed8);border-color:var(--app-primary-hover)}.el-input__wrapper,.el-select__wrapper{min-height:38px;border-radius:var(--app-radius);background:#ffffffe6;box-shadow:0 0 0 1px var(--app-border) inset,0 8px 18px #0f172a0a}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--app-primary) inset,0 0 0 3px #0f766e29}.el-tag{border-radius:8px;font-weight:700}.el-card,.el-dialog,.el-drawer{border-radius:var(--app-radius)}.el-dialog{box-shadow:var(--app-shadow-lg)}.el-dialog__header,.el-drawer__header{color:var(--app-text);font-weight:800}@media (max-width: 960px){.login-page{min-height:100svh;align-items:start;overflow-y:auto;padding:18px}.login-shell,.login-shell.is-captcha{grid-template-columns:1fr;width:min(680px,100%);min-height:0}.login-visual{min-height:auto;padding:30px}.login-shell.is-captcha .login-visual,.login-monitor-card{display:none}.login-hero-copy{max-width:100%;margin:36px 0 30px}.login-panel,.image-captcha-panel{padding:34px}.login-panel:before{display:none}.app-sidebar{display:none}.app-shell>.el-container{margin-left:0}.mobile-menu-button{display:inline-flex;flex:0 0 auto}.metric-grid,.data-status-strip,.two-column,.management-layout,.route-layout,.route-form{grid-template-columns:1fr}.data-status-grid,.route-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.waypoint-row{grid-template-columns:32px minmax(0,1fr)}.waypoint-row>div,.waypoint-row>p{grid-column:2}.overview-strip{display:grid}.strip-stats{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-pills{min-width:0}.panel-header{display:grid}.ranking-row{grid-template-columns:32px minmax(80px,1fr)}.rank-meta,.ranking-row strong,.ranking-row .el-tag{grid-column:2}.app-header{height:auto;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px}.header-title{flex:1}.header-actions{margin-left:auto}.app-main{padding:16px}}@media (max-width: 640px){.login-page{padding:12px}.login-shell,.login-shell.is-captcha{width:100%}.login-visual{display:none}.login-visual,.login-panel,.image-captcha-panel{padding:22px}.login-brand-mark{width:44px;height:44px;font-size:16px}.login-hero-copy{margin:28px 0 22px}.login-hero-copy h1{font-size:28px}.login-panel-header h2,.captcha-panel-header h2{font-size:24px}.login-status-grid,.login-data-strip,.login-panel-meta{grid-template-columns:1fr}.app-header{align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}.app-header h1{font-size:18px}.overview-strip,.data-status-strip,.panel,.metric-card{padding:14px}.overview-strip h2{font-size:20px}.strip-stats,.data-status-grid{grid-template-columns:1fr}.toolbar-control,.search-input{width:100%}.chart{height:280px}.route-metrics{grid-template-columns:1fr}.image-captcha-panel{padding:20px}.image-captcha-slider span{padding-left:76px;font-size:16px}}