.screen-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;background:#0c1729}.screen-boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#93c5fd;background:#030711}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin-left:-960px;margin-top:-540px;box-sizing:border-box;padding:16px 8px 14px;color:#dbeafe;background:radial-gradient(circle at 50% 38%,rgba(64,150,255,.08),transparent 46%),#0c1729;overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(64,150,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(64,150,255,.3) 1px,transparent 1px),linear-gradient(rgba(64,150,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(64,150,255,.1) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.scan{position:absolute;top:0;bottom:0;width:140px;background:linear-gradient(90deg,transparent,rgba(64,150,255,.05),transparent);animation:scan-x 18s linear infinite;pointer-events:none}.hex{position:absolute;z-index:0;width:108px;height:108px;fill:none;stroke:#4096ff;stroke-width:1.6;opacity:.22;pointer-events:none;transform-origin:50% 50%;animation:hex-spin 48s linear infinite}.hex.h1{top:6px;left:6px}.hex.h2{top:6px;right:6px;animation-direction:reverse}.hex.h3{bottom:6px;left:6px;animation-direction:reverse}.hex.h4{right:6px;bottom:6px}.screen-head{position:relative;z-index:2;height:84px;display:flex;align-items:center;gap:16px}.screen-title h1{margin:0;font-size:26px;letter-spacing:.18em;font-weight:650;color:#f0f9ff;text-shadow:0 0 12px rgba(64,150,255,.85)}.screen-title p{margin:4px 0 0;color:#93c5fd;font-size:12px}.range-switch,.seg{display:flex;gap:6px}.range-switch button,.seg button,.text-btn,.screen-tools button,.crumbs button,.alert-toast button{border:1px solid rgba(64,150,255,.45);background:#0a192db3;color:#dbeafe;border-radius:6px;padding:4px 10px;cursor:pointer;font:inherit;font-size:12px}.range-switch button.on,.seg button.on{color:#fff;border-color:#4096ff;box-shadow:0 0 10px #4096ff73}.kpis{flex:1;display:flex;justify-content:flex-end;gap:10px;min-width:0}.kpi{animation:card-in 1s cubic-bezier(.22,1,.36,1) both;position:relative;min-width:132px;height:64px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:0;background:#0c1729db;border:none;box-shadow:none}.kpi>:not(.corner){position:relative;z-index:1}.kpi>.tech-frame{position:absolute;z-index:2}.kpi b{display:block;font-family:Segoe UI,Consolas,monospace;font-size:20px;font-variant-numeric:tabular-nums;color:#f8fafc;text-shadow:0 0 8px rgba(64,150,255,.7);line-height:1.1}.kpi span,.kpi em{color:#93c5fd;font-size:12px;font-style:normal}.kpi em.up{color:#36d399;text-shadow:0 0 6px rgba(54,211,153,.55)}.kpi em.down{color:#ff7d00;text-shadow:0 0 6px rgba(255,125,0,.5)}.kpi-icon{width:22px;height:22px;color:#4096ff;flex:none}.kpi.alert{border-color:#ff7d00cc;animation:pulse 2.8s ease-in-out infinite}.kpi.alert b{color:#ffd7b0;text-shadow:0 0 8px rgba(255,125,0,.8)}.kpi.alert .kpi-icon{color:#ff7d00}.screen-tools{display:flex;align-items:center;gap:10px}.screen-clock{font-variant-numeric:tabular-nums;color:#dbeafe}.alert-toast{position:absolute;top:96px;right:18px;z-index:6;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0a192deb;border:1px solid rgba(255,125,0,.7);box-shadow:0 0 16px #ff7d0040;color:#ffd7b0}.alert-toast b{color:#ff7d00}.board{position:relative;z-index:1;height:calc(100% - 96px);display:grid;grid-template-columns:470px minmax(0,1fr) 500px;grid-template-rows:1.15fr 1fr .95fr;column-gap:8px;row-gap:12px}.col-left{grid-row:1 / span 3;display:flex;flex-direction:column;gap:12px;min-height:0}.col-left .panel{flex:1;min-height:0}.col-left .panel:first-child{flex:0 0 124px}.map-card{grid-column:2;grid-row:1 / span 2}.reserve-card{grid-column:2;grid-row:3}.store-card{grid-column:3;grid-row:1}.activity-card{grid-column:3;grid-row:2}.owner-card{grid-column:3;grid-row:3}.activity-card .panel-head .seg{flex:none}.act-select{position:relative;z-index:6}.act-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:8;min-width:148px;padding:6px;display:flex;flex-direction:column;gap:4px;background:#041020f5;border:1px solid rgba(64,150,255,.55);box-shadow:0 0 12px #4096ff40}.act-menu label{display:flex;align-items:center;gap:6px;color:#dbeafe;font-size:12px;white-space:nowrap}.panel{animation:card-in 1.1s cubic-bezier(.22,1,.36,1) both;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 12px 8px;border-radius:0;border:none;background-color:#0c1729db;background-image:linear-gradient(rgba(64,150,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(64,150,255,.08) 1px,transparent 1px);background-size:14px 14px;box-shadow:none}.panel:after,.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(64,150,255,.08),transparent 68%)}.panel:hover .frame-line,.kpi:hover .frame-line{stroke:#bad6ffe6}.panel:hover .frame-corner,.kpi:hover .frame-corner{stroke:#d7e8ff}.flow{display:none}.tech-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:visible}.frame-line{fill:none;stroke:#4096ff66;stroke-width:1}.frame-run{fill:none;stroke:#8ec5ff;stroke-width:1.5}.frame-corner{fill:none;stroke:#4096ff;stroke-width:1.5;stroke-linejoin:miter}.border-box-1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.border-box-1 .border{position:absolute;display:block}.border-box-1 .box1-line{left:0;top:0}.border-box-1 .box1-line polygon{fill:none;stroke:#4096ff8c;stroke-width:1}.border-box-1 .left-top{top:0;left:0}.border-box-1 .right-top{top:0;right:0;transform:rotateY(180deg)}.border-box-1 .left-bottom{left:0;bottom:0;transform:rotateX(180deg)}.border-box-1 .right-bottom{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.border-box-4{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.border-box-4 svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:center}.border-box-4.reverse svg{transform:rotate(180deg)}.border-box-4.flip svg{transform:rotate(180deg) scaleX(-1)}.border-box-4 polyline{fill:none}.bb4-a{stroke:#4096ff;stroke-width:1}.bb4-b{stroke:#4fd2dd;stroke-width:1}.bb4-c{stroke:#4096ff;stroke-width:3;stroke-linecap:round}.bb4-d{stroke:#4fd2dd;stroke-width:3;stroke-linecap:round}.bb4-e{stroke:#4096ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:100 250}.bb4-f{stroke:#4fd2dd;stroke-width:1;stroke-dasharray:80 270}.corner{position:absolute;z-index:3;width:24px;height:24px;border-color:#4096ff9e;border-style:solid;pointer-events:none}.corner.c1{top:0;left:0;border-width:2px 0 0 2px}.corner.c2{top:0;right:0;border-width:2px 2px 0 0}.corner.c3{bottom:0;left:0;border-width:0 0 2px 2px}.corner.c4{right:0;bottom:0;border-width:0 2px 2px 0}.box4-flip .panel-head{padding:10px 0 0 42px}.box4-reverse .panel-head{padding:8px 28px 0 0}.box4-flip .panel-body{margin:0 4px 6px 8px}.box4-reverse .panel-body{margin:0 14px 8px 4px}.panel-head{position:relative;z-index:3;display:flex;align-items:center;gap:8px;min-height:28px;flex:none}.panel-head h2{margin:0;font-size:15px;font-weight:650;white-space:nowrap;color:#f0f9ff}.panel-head h2:before{content:"«";margin-right:6px;color:#4096ffe6;font-weight:500;letter-spacing:-.14em}.panel-head .hint{flex:1;min-width:0;color:#93c5fd;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-body{position:relative;z-index:1;flex:1;min-height:0}.chart{position:absolute;top:0;right:0;bottom:0;left:0}.map-wait,.chart-empty{height:100%;display:grid;place-items:center;color:#93c5fd;font-size:13px}.order-pair{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-pair>div{display:flex;flex-direction:column;justify-content:center;padding:0 12px;border:1px solid rgba(255,125,0,.55);background:#ff7d0014}.order-pair .done{border-color:#36d3998c;background:#36d39914}.order-pair span{font-size:12px;letter-spacing:.12em;color:#ffd7b0}.order-pair .done span{color:#b7f7df}.order-pair b{font-family:Consolas,Segoe UI,monospace;font-size:32px;line-height:1.1;color:#ffd7b0;text-shadow:0 0 10px rgba(255,125,0,.65)}.order-pair .done b{color:#d1fae5;text-shadow:0 0 10px rgba(54,211,153,.65)}.crumbs{display:flex;gap:6px}.seg-abs{position:absolute;top:0;right:0;z-index:2}.donut-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.drift{position:absolute;left:30%;top:18%;width:4px;height:4px;border-radius:50%;background:#4096ff;opacity:.45;animation:drift 10s ease-in-out infinite;pointer-events:none}.tip-panel{position:relative;min-width:140px;padding:10px 12px;color:#dbeafe;border:none;background-color:#0c1729f0;background-image:linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff),linear-gradient(#4096ff,#4096ff);background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px;background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;box-shadow:0 0 10px #4096ff29}.tip-panel b{display:block;margin-bottom:4px;color:#fff}.tip-panel div{font-size:12px;line-height:1.5}.tip-panel .tip-rate{color:#ff7d00;font-weight:700;font-size:16px;line-height:1.4}.tip-panel .tip-sub{color:#ffb067;font-size:12px}@property --flow{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hex-spin{to{transform:rotate(360deg)}}@keyframes scan-x{0%{left:-140px}to{left:100%}}@keyframes pulse{0%,to{box-shadow:0 0 8px #ff7d0040}50%{box-shadow:0 0 18px #ff7d00b3}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(10px,16px,0)}}@media (prefers-reduced-motion: reduce){.scan,.kpi,.panel,.drift,.hex{animation:none}}:root{color:#0f172a;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f1f5f9}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dbeafe 0,transparent 40%),radial-gradient(circle at 80% 0%,#e2e8f0 0,transparent 35%),linear-gradient(160deg,#0f172a,#1e293b 45%,#334155)}.login-card{width:min(420px,92vw);border-radius:16px!important;box-shadow:0 24px 60px #0f172a59!important}.login-brand{text-align:center;margin-bottom:24px}.brand-mark{width:56px;height:56px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:24px}.shell{min-height:100%;height:100%;overflow:hidden}.app-sider{background:#0f172a!important;height:100%!important;max-height:100vh;overflow:hidden}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-sider .ant-menu{flex:1;overflow-y:auto;overflow-x:hidden}.app-main{flex:1;min-width:0;min-height:0;height:100%;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:20px 16px;color:#e2e8f0;flex-shrink:0}.brand b{display:block;font-size:15px}.brand span{color:#94a3b8;font-size:12px}.topbar{background:#fff!important;display:flex!important;justify-content:space-between;align-items:center;padding:0 24px!important;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:30}.app-content{padding:24px}.store-template-head{position:sticky;top:64px;z-index:25;margin:-8px 0 12px;padding:8px 0 12px;background:#f1f5f9}.page-card{background:#fff;border-radius:12px;padding:20px}.dash-metric{font-size:28px;font-weight:650;letter-spacing:-.02em;color:#0f172a;margin:6px 0 4px;line-height:1.2}.dash-metric.sm{font-size:24px}.dash-metric.accent{color:#2563eb}.trend-bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:8px}.trend-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.trend-bar{width:100%;max-width:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#38bdf8,#2563eb);min-height:4px}.trend-label{font-size:11px;color:#94a3b8;white-space:nowrap}.pay-v2-form .ant-form-item-extra{color:#8c8c8c;font-size:12px;margin-top:4px}.pay-pem-square{width:72px;height:72px;border:1px solid #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;color:#8c8c8c;font-size:28px}.pay-pem-square:hover{border-color:#1677ff;color:#1677ff}
