:root{--navy:#15334d;--navy-2:#214d67;--jade:#118873;--jade-2:#20a88e;--orange:#f28a3a;--red:#d94f4f;--yellow:#efb44e;--blue:#4b82a8;--ink:#1e2c35;--muted:#73818a;--line:#e2e8e5;--bg:#f3f6f3;--soft:#eef3f0;--white:#fff;--shadow:0 14px 40px rgba(21,51,77,.10);--radius:14px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:linear-gradient(135deg,#eef4f1,#f8f4ec)}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,51,77,.08);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:18px;font-weight:900;background:linear-gradient(145deg,var(--navy),var(--jade));box-shadow:0 8px 18px rgba(17,136,115,.25)}.brand b{font-size:16px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.device-switch{display:flex;background:#eaf0ed;padding:4px;border-radius:12px}.device-switch button,.role-switch button{border:0;background:transparent;color:#69777f;padding:9px 17px;border-radius:9px;font-weight:700}.device-switch button.active,.role-switch button.active{background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(21,51,77,.10)}.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--orange);position:relative}.badge{position:absolute;right:-5px;top:-6px;background:var(--red);color:#fff;border-radius:20px;font-size:8px;min-width:16px;padding:2px}.user-chip{display:flex;align-items:center;gap:8px}.user-chip>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e4f3ee;color:var(--jade);font-weight:800}.user-chip b{font-size:11px}.user-chip small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.app-view{display:none;padding:20px 25px 30px;min-height:calc(100vh - 68px)}.app-view.active{display:block}
/* admin shell */
.admin-shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:210px 1fr;min-height:850px;background:var(--bg);border:1px solid rgba(21,51,77,.08);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.sidebar{background:linear-gradient(180deg,#173650,#102b40);color:#cad7dd;padding:23px 14px;display:flex;flex-direction:column}.project-name{padding:0 12px 20px;color:#fff;font-size:14px;font-weight:800}.project-name small{display:block;font-size:8px;letter-spacing:1.3px;opacity:.55;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;color:#c4d1d8;border-radius:10px;padding:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;text-align:left;font-size:12px}.nav-item i{font-style:normal;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:11px}.nav-item em{font-style:normal;font-size:8px;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.1)}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(32,168,142,.34),rgba(255,255,255,.06));color:#fff}.nav-item.active i{background:var(--jade-2)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:15px 10px 2px;font-size:9px;line-height:1.8;color:#9fb1ba}.online-dot{display:inline-block;width:7px;height:7px;background:#38c79a;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(56,199,154,.12)}.admin-content{min-width:0}.content-top{min-height:61px;background:#fff;border-bottom:1px solid var(--line);padding:11px 20px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:11px}.global-filters{display:flex;gap:7px;align-items:center}.select-btn,.outline,.soft-btn{border:1px solid var(--line);background:#fff;color:#58666e;border-radius:9px;padding:8px 11px;font-size:10px}.select-btn:hover,.outline:hover{border-color:#a7c8bf;color:var(--jade)}.primary,.danger-btn,.orange-btn{border:0;border-radius:9px;background:var(--jade);color:#fff;padding:9px 13px;font-weight:700;font-size:10px;box-shadow:0 5px 12px rgba(17,136,115,.16)}.primary:hover{background:#0f7866}.orange-btn{background:var(--orange)}.danger-btn{background:var(--red)}.page-content{padding:20px;min-height:780px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.page-head h1{margin:0;font-size:21px;color:var(--navy)}.page-head p{margin:6px 0 0;font-size:10px;color:var(--muted)}.page-actions{display:flex;gap:8px}.tabs{display:flex;gap:4px;background:#e8eeeb;padding:4px;border-radius:10px;width:max-content;margin-bottom:14px}.tabs button{border:0;background:transparent;border-radius:8px;padding:8px 13px;font-size:10px;color:#65737a}.tabs button.active{background:#fff;color:var(--navy);font-weight:800;box-shadow:0 3px 10px rgba(21,51,77,.08)}
/* components */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric{background:#fff;border:1px solid rgba(21,51,77,.06);border-radius:13px;padding:15px;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.metric:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(21,51,77,.08)}.metric:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-25px;background:var(--wash,#e5f4ef)}.metric small{font-size:9px;color:var(--muted)}.metric strong{font-size:21px;display:block;margin:8px 0 6px;color:var(--navy)}.metric span{font-size:9px;color:var(--jade)}.metric.warn span{color:var(--red)}.card{background:#fff;border:1px solid rgba(21,51,77,.06);border-radius:var(--radius);padding:15px}.card+.card{}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.card-head b{font-size:13px}.card-head small,.link-btn{font-size:9px;color:var(--muted)}.link-btn{border:0;background:transparent;color:var(--jade)}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:12px;margin-top:12px}.dashboard-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:13px;padding:15px 10px 25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#edf1ef 44px,#edf1ef 45px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;gap:4px;position:relative}.bar-group:after{content:attr(data-label);position:absolute;bottom:-19px;left:5px;font-size:8px;color:#849198}.bar{width:48%;border-radius:5px 5px 2px 2px;background:#bcddd5;transition:.3s}.bar.real{background:var(--jade)}.legend{display:flex;gap:12px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.fee-lines{display:flex;flex-direction:column;gap:11px}.fee-line{display:grid;grid-template-columns:37px 1fr auto;gap:9px;align-items:center}.ring{width:36px;height:36px;border-radius:50%;background:conic-gradient(var(--c) var(--p),#edf1ef 0);display:grid;place-items:center}.ring:after{content:"";width:23px;height:23px;border-radius:50%;background:#fff}.fee-line b{font-size:10px}.fee-line small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.fee-line strong{font-size:10px}.todo-list{display:flex;flex-direction:column}.todo-item{border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:9px 0;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;text-align:left}.todo-item:last-child{border-bottom:0}.todo-icon{width:31px;height:31px;border-radius:9px;background:#e7f4f0;color:var(--jade);display:grid;place-items:center;font-weight:800;font-size:10px}.todo-item b{font-size:10px}.todo-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.tag{display:inline-block;padding:4px 7px;border-radius:99px;background:#e5f5f0;color:var(--jade);font-size:8px}.tag.orange{background:#fff0e4;color:#c86b29}.tag.red{background:#fde8e8;color:#be4141}.tag.gray{background:#edf1ef;color:#68767d}.tag.blue{background:#e8f0f7;color:#4a7693}.progress{height:7px;border-radius:99px;background:#e9efec;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--jade),#39b99d);border-radius:99px}.toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 11px;margin-bottom:11px}.toolbar-left,.toolbar-right{display:flex;gap:7px;align-items:center}.search{width:220px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:10px;outline:0}.search:focus{border-color:#9bc8bc}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table th{background:#f5f7f5;color:#6b7880;text-align:left;padding:10px;font-weight:700;white-space:nowrap}.data-table td{padding:10px;border-top:1px solid #edf1ef;white-space:nowrap}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f4faf7}.row-actions{display:flex;gap:4px}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 7px;font-size:8px;color:#58676f}.mini-btn:hover{border-color:#91c0b4;color:var(--jade)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.stat-box small{color:var(--muted);font-size:9px}.stat-box strong{display:block;font-size:19px;color:var(--navy);margin:7px 0}.empty{padding:60px;text-align:center;color:var(--muted);font-size:11px}.pagination{display:flex;justify-content:flex-end;gap:5px;padding:10px;background:#fff}.pagination button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 8px;font-size:8px}.pagination button.active{background:var(--jade);color:#fff;border-color:var(--jade)}
/* heatmap */
.heatmap-layout{display:grid;grid-template-columns:1fr 250px;gap:12px}.heatmap-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.heat-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.mode-switch{display:flex;flex-wrap:wrap;gap:5px}.mode-switch button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;color:#64727a}.mode-switch button.active{background:var(--navy);border-color:var(--navy);color:#fff}.floor-map{background:#f5f7f5;border:1px dashed #cdd8d3;border-radius:12px;padding:18px;min-height:445px;position:relative}.floor-label{position:absolute;left:20px;top:15px;color:#86939a;font-size:9px}.corridor{height:50px;border:1px dashed #cfd8d4;border-left:0;border-right:0;margin:12px 0;display:grid;place-items:center;color:#a4afaa;font-size:9px;letter-spacing:4px}.shop-row{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.shop-cell{height:54px;border:0;border-radius:9px;color:#fff;font-size:8px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.2s;position:relative}.shop-cell:hover{transform:translateY(-3px);box-shadow:0 7px 14px rgba(21,51,77,.18)}.shop-cell small{font-size:7px;opacity:.8}.shop-cell.selected:after{content:"";position:absolute;inset:-3px;border:2px solid var(--navy);border-radius:11px}.heat-green{background:#2fa889}.heat-yellow{background:#e9ad4e}.heat-orange{background:#e77f43}.heat-red{background:#d65454}.heat-gray{background:#9facac}.heat-blue{background:#5285a5}.heat-purple{background:#8a6fa2}.heat-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:8px}.heat-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:4px}.heat-side{display:flex;flex-direction:column;gap:12px}.insight{background:linear-gradient(145deg,var(--navy),#20566b);color:#fff;border-radius:14px;padding:15px}.insight small{font-size:8px;opacity:.7}.insight strong{display:block;font-size:22px;margin:8px 0}.rank-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.rank-list h3{font-size:11px;margin:0 0 10px}.rank-item{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ef;font-size:8px}.rank-item:last-child{border-bottom:0}.rank-item i{width:19px;height:19px;border-radius:6px;background:#e8f3ef;color:var(--jade);display:grid;place-items:center;font-style:normal}.rank-item b{font-size:9px}.rank-item span{color:var(--red)}
/* forms, integrations */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1/-1}.form-group label{font-size:9px;color:#5b6971;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:10px;outline:0;background:#fff}.form-group textarea{min-height:76px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#84bbae;box-shadow:0 0 0 3px rgba(17,136,115,.08)}.form-tip{font-size:8px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.integration{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.integration-top{display:flex;justify-content:space-between;align-items:center}.integration-logo{width:36px;height:36px;border-radius:10px;background:#e5f3ef;color:var(--jade);display:grid;place-items:center;font-weight:900}.integration h3{font-size:11px;margin:11px 0 5px}.integration p{font-size:8px;color:var(--muted);line-height:1.6;min-height:26px}.integration-actions{display:flex;gap:6px;margin-top:12px}.permission-tree{display:grid;grid-template-columns:220px 1fr;gap:12px}.role-list,.permission-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.role-item{padding:10px;border-radius:9px;font-size:9px;display:flex;justify-content:space-between;cursor:pointer}.role-item.active{background:#e6f4ef;color:var(--jade);font-weight:800}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-card{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:9px}.check-card label{display:flex;gap:6px;align-items:center;font-weight:700}.check-card p{font-size:8px;color:var(--muted);margin:5px 0 0 20px;line-height:1.5}
/* mobile */
.mobile-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:270px 390px 270px;justify-content:center;gap:35px;align-items:start;padding-top:15px}.mobile-guide{padding-top:32px}.eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--jade);font-weight:900}.mobile-guide h1{font-size:28px;line-height:1.35;color:var(--navy);margin:10px 0}.mobile-guide>p{font-size:11px;line-height:1.8;color:var(--muted)}.role-switch{display:flex;flex-direction:column;background:#e5ece8;border-radius:12px;padding:4px;margin:20px 0}.role-switch button{text-align:left}.guide-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 8px 23px rgba(21,51,77,.06)}.guide-card h3{font-size:11px;margin:0 0 9px}.guide-card div{display:flex;gap:8px;font-size:9px;color:#627078;line-height:1.6;margin:7px 0}.guide-card i{min-width:20px;height:20px;display:grid;place-items:center;background:#e6f4ef;color:var(--jade);font-style:normal;border-radius:6px}.phone-wrap{text-align:center}.phone{width:390px;height:810px;border:10px solid #172b3a;border-radius:42px;background:#f3f6f3;box-shadow:0 26px 60px rgba(21,51,77,.25);overflow:hidden;position:relative;text-align:left}.phone-notch{position:absolute;z-index:20;top:-1px;left:129px;width:112px;height:24px;border-radius:0 0 16px 16px;background:#172b3a}.phone-status{height:34px;background:var(--navy);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;padding:9px 16px 0;font-size:8px}.phone-screen{height:756px;position:relative;overflow:hidden;background:#f3f6f3}.phone-hint{font-size:9px;color:var(--muted);margin-top:12px}.flow-panel{padding-top:32px}.flow-title{font-size:11px;font-weight:800;color:var(--navy);margin-bottom:12px}.flow-step{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;gap:9px;align-items:center;margin-bottom:8px}.flow-step b{min-width:25px;height:25px;border-radius:8px;background:#e4f3ee;color:var(--jade);display:grid;place-items:center;font-size:9px}.flow-step span{font-size:9px;color:#59676f;line-height:1.5}.wide{width:100%;margin-top:10px}.m-page{height:100%;overflow-y:auto;padding-bottom:65px}.m-header{background:linear-gradient(145deg,var(--navy),#1a6f73);color:#fff;padding:18px 18px 30px;position:relative;overflow:hidden}.m-header:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-50px}.m-header small{font-size:8px;opacity:.7}.m-header h2{font-size:18px;margin:5px 0 12px}.identity{position:absolute;right:15px;top:18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:6px 8px;font-size:8px;z-index:3}.bill-hero{background:#fff;border-radius:14px;padding:14px;color:var(--ink);position:relative;z-index:2;box-shadow:0 12px 28px rgba(14,42,57,.18)}.bill-hero>small{color:var(--muted)}.m-amount{font-size:28px;color:var(--navy);font-weight:900;margin:6px 0 10px}.m-amount i{font-style:normal;font-size:12px}.m-due{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9a6845}.m-primary{border:0;background:var(--orange);color:#fff;border-radius:9px;padding:9px 14px;font-size:9px;font-weight:800}.m-body{padding:43px 14px 15px}.m-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px}.m-section-title b{font-size:11px}.m-section-title button{border:0;background:transparent;color:var(--jade);font-size:8px}.m-fees{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.m-fee{border:1px solid #e5eae7;background:#fff;border-radius:11px;padding:10px 8px;text-align:left}.m-fee i{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#e5f4ef;color:var(--jade);font-style:normal;font-size:9px}.m-fee small{display:block;color:var(--muted);font-size:8px;margin:8px 0 4px}.m-fee b{font-size:10px}.m-card{background:#fff;border:1px solid #e6ebe8;border-radius:12px;padding:12px;margin-top:10px}.m-card-head{display:flex;justify-content:space-between;align-items:center}.m-card-head b{font-size:10px}.m-card-head button{border:0;background:transparent;color:var(--jade);font-size:8px}.meter-image{height:54px;margin-top:9px;border-radius:8px;background:linear-gradient(145deg,#334f5e,#88999a);position:relative}.meter-image:after{content:"008531";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e9ede5;border:5px solid #263b45;border-radius:5px;padding:5px 9px;color:#1c292e;font:bold 14px monospace;letter-spacing:3px}.m-data{display:flex;justify-content:space-between;font-size:7px;color:var(--muted);margin-top:8px}.m-data b{display:block;color:var(--ink);font-size:9px;margin-top:2px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.quick-item{border:0;background:transparent;text-align:center;font-size:7px;color:#67757c}.quick-item i{width:32px;height:32px;margin:0 auto 5px;border-radius:9px;background:#edf4f1;color:var(--jade);display:grid;place-items:center;font-style:normal;font-size:10px}.m-bottom{position:absolute;bottom:0;left:0;right:0;height:61px;background:#fff;border-top:1px solid #e3e9e6;display:flex;justify-content:space-around;padding-top:8px;z-index:10}.m-bottom button{border:0;background:transparent;color:#859198;font-size:7px;text-align:center}.m-bottom i{display:block;font-style:normal;font-size:15px;height:23px}.m-bottom button.active{color:var(--jade);font-weight:800}.m-list{padding:12px 13px 72px}.m-filter{display:flex;gap:6px;margin-bottom:10px}.m-filter button{border:0;background:#e9efec;color:#6c797f;border-radius:8px;padding:7px 10px;font-size:8px}.m-filter button.active{background:var(--navy);color:#fff}.m-bill-item,.m-task-item,.m-menu-item{background:#fff;border:1px solid #e4eae7;border-radius:12px;padding:12px;margin-bottom:8px;text-align:left;width:100%}.m-bill-top,.m-task-top{display:flex;justify-content:space-between;align-items:center}.m-bill-item b,.m-task-item b{font-size:10px}.m-bill-item small,.m-task-item small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.m-bill-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px}.m-bill-bottom strong{font-size:15px;color:var(--navy)}.m-bill-bottom span{font-size:8px;color:var(--jade)}.m-titlebar{height:47px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;position:sticky;top:0;z-index:5}.m-titlebar button{border:0;background:transparent;font-size:15px}.m-titlebar b{font-size:12px}.m-detail{padding:12px 13px 75px}.detail-total{background:linear-gradient(145deg,var(--navy),#246373);color:#fff;border-radius:14px;padding:17px;text-align:center}.detail-total small{font-size:8px;opacity:.7}.detail-total strong{display:block;font-size:26px;margin:8px}.detail-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1ef;font-size:9px}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.fixed-action{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:9px 13px;z-index:8}.fixed-action button{width:100%;border:0;background:var(--orange);color:#fff;border-radius:10px;padding:12px;font-weight:800;font-size:10px}.pay-method{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1ef}.pay-method i{width:33px;height:33px;border-radius:9px;background:#e5f3ef;color:var(--jade);display:grid;place-items:center;font-style:normal}.pay-method b{font-size:10px}.pay-method small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.radio{margin-left:auto;width:17px;height:17px;border:2px solid var(--jade);border-radius:50%;position:relative}.radio:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--jade);left:3px;top:3px}.success-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.success-icon{width:68px;height:68px;border-radius:50%;background:#dff3ec;color:var(--jade);display:grid;place-items:center;font-size:31px;font-weight:900}.success-page h2{font-size:18px;margin:18px 0 7px}.success-page p{font-size:9px;color:var(--muted);line-height:1.7}.success-page button{width:100%;margin-top:18px}.worker-head{background:linear-gradient(145deg,var(--navy),var(--jade));color:#fff;padding:18px 16px 25px}.worker-head small{font-size:8px;opacity:.7}.worker-head h2{font-size:18px;margin:6px 0}.worker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.worker-stat{background:rgba(255,255,255,.11);border-radius:10px;padding:9px;text-align:center}.worker-stat strong{font-size:18px;display:block}.worker-stat span{font-size:7px;opacity:.75}.route-card{margin:-11px 13px 0;background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 20px rgba(21,51,77,.12);position:relative}.route-card b{font-size:10px}.route-card p{font-size:7px;color:var(--muted);margin:5px 0 0}.route-card button{position:absolute;right:10px;top:11px;border:0;background:#e4f3ee;color:var(--jade);border-radius:8px;padding:7px 8px;font-size:7px;font-weight:800}.task-number{width:35px;height:35px;border-radius:9px;background:#e6f4ef;color:var(--jade);display:grid;place-items:center;font-weight:900;font-size:9px}.m-task-item{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center}.task-go{border:0;background:var(--jade);color:#fff;border-radius:8px;padding:7px 8px;font-size:7px}.photo-box{height:145px;border:2px dashed #b8c8c1;border-radius:13px;background:#eef3f0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:9px}.photo-box.taken{border:0;background:linear-gradient(145deg,#344f5e,#849698);position:relative}.photo-box.taken:after{content:"008874";background:#e8ece4;color:#1d2a2f;border:6px solid #263a44;border-radius:5px;padding:7px 11px;font:bold 17px monospace;letter-spacing:3px}.reading-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.reading-box input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:20px;font-weight:800;color:var(--navy)}.usage-tip{background:#e6f4ef;color:var(--jade);border-radius:10px;padding:10px;font-size:8px;line-height:1.6;margin-top:9px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.service-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left}.service-tile i{width:32px;height:32px;background:#e6f4ef;color:var(--jade);border-radius:9px;display:grid;place-items:center;font-style:normal}.service-tile b{display:block;font-size:10px;margin-top:9px}.service-tile small{font-size:7px;color:var(--muted)}
/* modal drawer toast */
.modal,.drawer{display:none;position:fixed;inset:0;z-index:100}.modal.open,.drawer.open{display:block}.modal-mask,.drawer-mask{position:absolute;inset:0;background:rgba(13,32,45,.45);backdrop-filter:blur(2px)}.modal-panel{position:absolute;width:min(610px,90vw);max-height:86vh;overflow:auto;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:17px;padding:22px;box-shadow:0 25px 70px rgba(13,32,45,.25)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,90vw);background:#fff;padding:24px;overflow:auto;box-shadow:-15px 0 40px rgba(13,32,45,.18);animation:slideIn .22s ease}.close-btn{position:absolute;right:13px;top:12px;border:0;background:#edf1ef;width:29px;height:29px;border-radius:9px;color:#66747b;font-size:18px;z-index:3}.modal h2,.drawer h2{font-size:18px;color:var(--navy);margin:0 0 5px}.modal-sub{font-size:9px;color:var(--muted);margin-bottom:17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.detail-banner{background:linear-gradient(145deg,var(--navy),#236774);color:#fff;border-radius:13px;padding:15px;margin:15px 0}.detail-banner small{font-size:8px;opacity:.7}.detail-banner strong{font-size:21px;display:block;margin-top:7px}.drawer-section{margin-top:17px}.drawer-section h3{font-size:11px;margin:0 0 8px}.drawer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.drawer-actions button{padding:10px 5px}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:#183344;color:#fff;padding:10px 15px;border-radius:10px;font-size:10px;opacity:0;pointer-events:none;z-index:200;transition:.25s;box-shadow:0 10px 25px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:1050px){.admin-shell{grid-template-columns:68px 1fr}.project-name,.nav-item span,.nav-item em,.sidebar-foot{display:none}.nav-item{display:flex;justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom,.heatmap-layout{grid-template-columns:1fr}.mobile-layout{grid-template-columns:390px}.mobile-guide,.flow-panel{width:390px;margin:auto}.integration-grid{grid-template-columns:1fr 1fr}}/* 数字孪生商铺热力图 */
.twin-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}.twin-shell{border-radius:16px;overflow:hidden;background:#071b2a;border:1px solid rgba(70,190,167,.22);box-shadow:0 18px 45px rgba(6,25,39,.22)}.twin-toolbar{height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(10,37,55,.98),rgba(12,57,68,.96));border-bottom:1px solid rgba(78,213,185,.16);color:#fff}.twin-title{display:flex;align-items:center;gap:10px}.twin-live{width:8px;height:8px;border-radius:50%;background:#36e5af;box-shadow:0 0 0 5px rgba(54,229,175,.12),0 0 16px #36e5af;animation:twinPulse 1.8s infinite}.twin-title b{font-size:12px}.twin-title small{display:block;color:#7eabb3;font-size:7px;margin-top:3px;letter-spacing:.6px}.twin-controls{display:flex;align-items:center;gap:5px}.twin-controls button{border:1px solid rgba(118,208,191,.19);background:rgba(255,255,255,.05);color:#96bcc2;border-radius:7px;padding:6px 8px;font-size:7px}.twin-controls button.active,.twin-controls button:hover{background:rgba(42,194,162,.17);border-color:#34bfa2;color:#c9fff4}.twin-stage{height:545px;position:relative;overflow:hidden;perspective:1150px;background:radial-gradient(circle at 50% 45%,rgba(16,96,103,.40),transparent 42%),linear-gradient(180deg,#081f2f,#061521)}.twin-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(68,171,162,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(68,171,162,.08) 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(58deg) scale(1.8);transform-origin:center 70%;opacity:.7}.twin-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,42,.8),transparent 18%,transparent 82%,rgba(7,27,42,.8)),linear-gradient(0deg,rgba(7,27,42,.65),transparent 22%);pointer-events:none}.twin-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#58dfc2 1px,transparent 1.5px),radial-gradient(circle,#63b9db 1px,transparent 1.5px);background-size:83px 83px,127px 127px;background-position:11px 17px,43px 68px;animation:starDrift 18s linear infinite}.twin-board-wrap{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);width:720px;height:440px;display:grid;place-items:center;transition:.6s ease}.twin-board{width:650px;padding:25px;background:linear-gradient(145deg,rgba(25,71,82,.93),rgba(9,39,56,.98));border:1px solid rgba(75,218,190,.35);border-radius:18px;box-shadow:0 35px 65px rgba(0,0,0,.42),inset 0 0 40px rgba(40,185,159,.08);transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-35deg) scale(.82);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.twin-stage.flat .twin-board{transform:rotateX(0) rotateZ(0) scale(.88)}.twin-stage.rotated .twin-board{transform:rotateX(58deg) rotateZ(-17deg) scale(.80)}.twin-board:before{content:"";position:absolute;inset:12px;border:1px solid rgba(72,216,188,.18);border-radius:12px;pointer-events:none}.twin-wing{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;position:relative;z-index:2}.twin-corridor{height:72px;margin:16px 0;border-top:1px solid rgba(82,213,188,.25);border-bottom:1px solid rgba(82,213,188,.25);display:flex;align-items:center;justify-content:center;gap:20px;color:#77aaa9;font-size:8px;letter-spacing:4px;position:relative}.twin-corridor:before,.twin-corridor:after{content:"";width:64px;height:30px;border-radius:50%;border:1px solid rgba(76,212,185,.25);box-shadow:0 0 18px rgba(52,197,167,.10)}.twin-corridor span{position:absolute}.twin-shop{height:54px;border:1px solid rgba(255,255,255,.26);border-radius:7px;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:900;transform-style:preserve-3d;transition:.25s;box-shadow:0 11px 0 rgba(0,0,0,.34),0 15px 24px rgba(0,0,0,.24);overflow:visible}.twin-shop:before{content:"";position:absolute;left:5px;right:-1px;height:10px;bottom:-11px;border-radius:0 0 5px 5px;background:inherit;filter:brightness(.53);clip-path:polygon(0 0,100% 0,90% 100%,8% 100%)}.twin-shop:after{content:"";position:absolute;top:6px;right:-7px;width:7px;height:48px;border-radius:0 4px 4px 0;background:inherit;filter:brightness(.68);transform:skewY(-42deg);transform-origin:left top}.twin-shop:hover{transform:translateZ(18px) translateY(-8px);z-index:5;filter:brightness(1.16)}.twin-shop small{font-size:6px;opacity:.82}.twin-shop .signal{position:absolute;width:5px;height:5px;border-radius:50%;right:5px;top:5px;background:#c8fff5;box-shadow:0 0 8px #c8fff5}.twin-shop.alert{animation:alertBlock 2s infinite}.twin-shop.alert .signal{background:#ffcb78;box-shadow:0 0 11px #ff9a45}.twin-shop.critical .signal{background:#ff7676;box-shadow:0 0 13px #ff4d4d}.twin-shop.selected{outline:2px solid #fff;outline-offset:3px;transform:translateZ(22px) translateY(-10px)}.twin-scan{position:absolute;z-index:4;left:8%;right:8%;height:2px;top:15%;background:linear-gradient(90deg,transparent,#55f3cf,transparent);box-shadow:0 0 16px #42e7c2;animation:scanFloor 4.8s ease-in-out infinite;opacity:.75;pointer-events:none}.twin-beacon{position:absolute;z-index:5;left:12%;top:16%;border-left:1px solid rgba(68,231,195,.5);height:110px;padding-left:8px;color:#8dd8cb;font-size:7px}.twin-beacon b{display:block;color:#d4fff7;font-size:10px;margin-bottom:4px}.twin-compass{position:absolute;z-index:6;right:17px;bottom:16px;width:54px;height:54px;border:1px solid rgba(83,212,186,.28);border-radius:50%;color:#78bcb2;font-size:7px;display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(51,197,169,.1)}.twin-compass:before{content:"N";position:absolute;top:4px;color:#b8fff1}.twin-compass:after{content:"";width:2px;height:20px;background:linear-gradient(#59e2c5,transparent);transform:rotate(28deg);transform-origin:center bottom}.twin-kpis{position:absolute;z-index:6;left:14px;bottom:14px;display:flex;gap:7px}.twin-kpi{background:rgba(7,30,44,.82);border:1px solid rgba(78,209,183,.18);border-radius:9px;padding:8px 10px;backdrop-filter:blur(8px)}.twin-kpi small{display:block;color:#6fa3ab;font-size:6px}.twin-kpi b{color:#d8fff7;font-size:11px;display:block;margin-top:3px}.twin-modebar{padding:10px 13px;background:#092131;border-top:1px solid rgba(78,213,185,.12);display:flex;justify-content:space-between;align-items:center}.twin-modebar .mode-switch button{background:rgba(255,255,255,.04);border-color:rgba(100,202,185,.16);color:#83abb2}.twin-modebar .mode-switch button.active{background:#1d8f7d;color:#fff;border-color:#40c8ad;box-shadow:0 0 16px rgba(54,205,174,.18)}.twin-legend{display:flex;gap:10px;color:#759fa7;font-size:7px}.twin-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;box-shadow:0 0 7px currentColor}.twin-side{display:flex;flex-direction:column;gap:10px}.twin-panel{background:linear-gradient(160deg,#0b2c3d,#092130);border:1px solid rgba(74,202,177,.18);border-radius:14px;padding:13px;color:#d9fff7;box-shadow:0 12px 30px rgba(6,25,39,.15)}.twin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.twin-panel-head b{font-size:10px}.twin-panel-head span{font-size:7px;color:#51d7b9}.twin-big{font-size:25px;font-weight:900;color:#fff}.twin-big small{font-size:8px;color:#78aaa9;font-weight:400}.twin-sub{font-size:7px;color:#6f9da3;margin-top:4px}.twin-chartline{height:48px;margin-top:10px;display:flex;align-items:flex-end;gap:4px}.twin-chartline i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#42d9b8,rgba(47,159,143,.18));box-shadow:0 0 7px rgba(66,217,184,.13)}.twin-event{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(103,183,171,.12);font-size:7px;cursor:pointer}.twin-event:last-child{border-bottom:0}.twin-event i{width:6px;height:6px;border-radius:50%;background:#44d6b7;box-shadow:0 0 7px #44d6b7;margin-top:3px}.twin-event.warning i{background:#f5ae52;box-shadow:0 0 7px #f5ae52}.twin-event.danger i{background:#f26b6b;box-shadow:0 0 8px #f26b6b}.twin-event b{font-size:8px;color:#d4f5ef}.twin-event small{display:block;color:#68959d;margin-top:3px}.twin-event time{color:#527d84}.twin-rank{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid rgba(103,183,171,.12);cursor:pointer}.twin-rank:last-child{border-bottom:0}.twin-rank em{font-style:normal;width:19px;height:19px;border-radius:5px;background:rgba(61,210,179,.12);color:#59dec1;display:grid;place-items:center;font-size:7px}.twin-rank div{flex:1}.twin-rank b{display:block;font-size:8px}.twin-rank small{color:#68959d;font-size:6px}.twin-rank span{color:#ffb660;font-size:7px}@keyframes twinPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}@keyframes scanFloor{0%,100%{top:18%;opacity:.1}50%{top:82%;opacity:.85}}@keyframes starDrift{to{background-position:94px 100px,170px 195px}}@keyframes alertBlock{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
@media(max-width:1200px){.twin-layout{grid-template-columns:1fr}.twin-side{display:grid;grid-template-columns:repeat(3,1fr)}.twin-stage{height:500px}.twin-board{transform:rotateX(55deg) rotateZ(-35deg) scale(.72)}}
/* 数字孪生增强：客流轨迹、雷达扫描、浮动告警与实时系统状态 */
.twin-system-hud{position:absolute;z-index:7;right:15px;top:14px;display:flex;gap:6px;align-items:center;color:#78a8ae;font-size:6px;pointer-events:none}.twin-system-hud span{padding:6px 8px;border:1px solid rgba(73,211,183,.16);border-radius:7px;background:rgba(5,27,40,.72);box-shadow:inset 0 0 13px rgba(47,210,178,.05);backdrop-filter:blur(8px)}.twin-system-hud i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#49e0b9;box-shadow:0 0 8px #49e0b9;animation:twinPulse 1.5s infinite}.twin-system-hud b{color:#c7fff3;font-weight:800}.twin-radar{position:absolute;z-index:1;left:50%;top:48%;width:390px;height:390px;border:1px solid rgba(64,213,183,.12);border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);box-shadow:0 0 60px rgba(40,193,164,.07),inset 0 0 55px rgba(40,193,164,.05);pointer-events:none}.twin-radar:before,.twin-radar:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(64,213,183,.10)}.twin-radar:before{inset:22%}.twin-radar:after{inset:40%}.twin-float-pin{--pin-color:#55e3c0;position:absolute;z-index:8;left:var(--pin-x);top:var(--pin-y);display:flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border:1px solid color-mix(in srgb,var(--pin-color) 55%,transparent);border-radius:20px;background:rgba(5,27,40,.88);color:#d6fff7;font-size:7px;box-shadow:0 7px 20px rgba(0,0,0,.24),0 0 16px color-mix(in srgb,var(--pin-color) 18%,transparent);backdrop-filter:blur(8px);animation:pinFloat 3.2s ease-in-out infinite}.twin-float-pin:after{content:"";position:absolute;left:16px;top:100%;height:28px;border-left:1px dashed color-mix(in srgb,var(--pin-color) 55%,transparent)}.twin-float-pin i{width:7px;height:7px;border-radius:50%;background:var(--pin-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--pin-color) 13%,transparent),0 0 11px var(--pin-color);animation:twinPulse 1.4s infinite}.twin-float-pin.danger{--pin-color:#ff7272}.twin-float-pin.warning{--pin-color:#ffb45f;animation-delay:-1.2s}.twin-float-pin:hover{border-color:var(--pin-color);transform:translateY(-3px);filter:brightness(1.12)}.twin-flow{position:absolute;z-index:2;inset:8px 35px;overflow:hidden;pointer-events:none}.twin-flow:before,.twin-flow:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(71,224,195,.32),transparent)}.twin-flow:before{top:23%}.twin-flow:after{bottom:23%}.twin-flow i{position:absolute;left:-15px;top:var(--flow-y);width:5px;height:5px;border-radius:50%;background:#7affdf;box-shadow:0 0 8px #52e1c1,12px 0 10px rgba(82,225,193,.36);animation:peopleFlow 5.8s linear infinite;animation-delay:calc(var(--flow-i) * -.63s)}.twin-flow i:nth-child(3n){background:#6abaff;box-shadow:0 0 8px #6abaff,12px 0 10px rgba(106,186,255,.3);animation-duration:7.2s}.twin-corridor small{position:absolute;right:10px;bottom:5px;color:#4f918f;font-size:5px;letter-spacing:.4px}.twin-stage.flat .twin-float-pin{opacity:.9}.twin-stage.flat .twin-radar{transform:translate(-50%,-50%) scale(.9)}
@keyframes peopleFlow{0%{left:-4%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:104%;opacity:0}}@keyframes pinFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
@media(max-width:1200px){.twin-system-hud{display:none}.twin-float-pin{font-size:6px}.twin-float-pin.warning{display:none}}
/* 左侧菜单内嵌经营热力图 */
.heatmap-embed-wrap{margin-top:12px;border-radius:20px;overflow:hidden;background:#edf3f1;border:1px solid rgba(20,80,90,.1);box-shadow:0 18px 48px rgba(20,55,70,.09);min-height:980px}.heatmap-embed-frame{display:block;width:100%;height:1040px;border:0;background:#edf3f1}.nav-item[data-page="heatmap"] i{background:linear-gradient(145deg,#e76d5d,#f0a04e);color:#fff;box-shadow:0 6px 13px rgba(224,112,76,.2)}.nav-item[data-page="heatmap"].active i{background:linear-gradient(145deg,#0f8875,#1ab38d);box-shadow:0 7px 16px rgba(16,145,119,.25)}
@media(max-width:1400px){.heatmap-embed-frame{height:1260px}.heatmap-embed-wrap{min-height:1200px}}
@media(max-width:900px){.heatmap-embed-wrap{border-radius:14px}.heatmap-embed-frame{height:1500px}}