*{box-sizing:border-box}body{margin:0;color:#182230}.shell{min-height:100vh}.sider{border-right:1px solid #edf0f5;padding:18px 12px}.brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px 18px;font-size:20px;font-weight:700}.brand-mark{color:#1677ff;transform:rotate(45deg);font-size:24px}.header{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.content{padding:28px 32px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-title h2{margin:0 0 4px!important}.metric .ant-statistic-title{color:#667085}.metric .ant-statistic-content{font-size:28px;font-weight:650}.up{color:#12b76a;background:#ecfdf3;border-radius:5px;padding:3px 6px;font-size:12px;margin-left:8px}.section{margin-top:20px}.channel-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #f0f2f5}.online{width:8px;height:8px;display:inline-block;border-radius:50%;background:#12b76a;margin-right:8px}.notice{color:#98a2b3;font-size:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 15%,#dcecff,transparent 30%),#f5f7fb}.login-card{width:min(100%,420px);padding:14px;box-shadow:0 18px 48px #2f60b424}.login-brand{color:#1677ff;font-size:20px;font-weight:750;margin-bottom:28px}.login-brand span{display:inline-block;transform:rotate(45deg)}.order-number-stack{display:grid;gap:7px;min-width:190px;font-size:12px}.order-number-stack>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.order-number-stack b{color:#1677ff;font-weight:600}.order-number-stack>div:last-child>span:last-child{color:#722ed1}.order-number-label{display:inline-block;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.25}.order-number-label.system{color:#1677ff;background:#e6f4ff}.order-number-label.upstream{color:#722ed1;background:#f9f0ff}.settings-tabs{margin-top:-8px}.settings-tabs>.ant-tabs-nav{position:sticky;top:0;z-index:5;margin-bottom:18px;padding:10px 16px 0;border-radius:12px;background:#fff;box-shadow:0 4px 14px #1018280f}html,body,#root{height:100%;overflow:hidden}.shell{height:100vh;min-height:0;overflow:hidden}.shell>.ant-layout{height:100vh;min-width:0;overflow-y:auto}.sider{position:sticky!important;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.header{position:sticky;top:0;z-index:10}.ant-table-tbody>tr>td:nth-child(2){white-space:pre-line}.phone-with-carrier{display:inline-flex;flex-direction:column;gap:3px;line-height:1.3}.phone-with-carrier small{font-size:12px;font-weight:600}.carrier-mobile{color:#00a6e8}.carrier-unicom{color:#e60012}.carrier-telecom{color:#0070c9}.carrier-broadcast{color:#c9a227}.ant-modal .ant-modal-content{overflow:hidden;border:1px solid #e5edf8;border-radius:14px;box-shadow:0 20px 50px #112d5b33}.ant-modal .ant-modal-header{padding:18px 22px 14px;border-bottom:1px solid #edf2f8}.ant-modal .ant-modal-title{color:#172b4d;font-size:18px;font-weight:700}.ant-modal .ant-modal-body{padding:22px}.ant-modal .ant-modal-footer{margin:0;padding:14px 22px 18px;border-top:1px solid #edf2f8}.ant-modal .ant-btn-primary{min-width:92px;border-radius:7px}.dashboard-statistics{width:100%;margin-top:20px}.chart-range{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;border-left:3px solid #1677ff;border-radius:6px;color:#174ea6;background:#eef5ff;font-size:13px;font-weight:600}.chart-range button{padding:4px 10px;border:1px solid #d9e2f0;border-radius:6px;color:#52627a;background:#fff;cursor:pointer}.chart-range button.active{border-color:#1677ff;color:#fff;background:#1677ff}.chart-wrap{height:190px;padding:16px 6px 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-wrap.hour-grid{display:grid;grid-template-columns:repeat(12,minmax(38px,1fr));gap:10px;height:auto;min-height:190px;padding:18px}.hour-cell{display:flex;min-height:64px;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;color:#fff;cursor:help;box-shadow:inset 0 0 0 1px #ffffff47;transition:transform .15s ease,box-shadow .15s ease}.hour-cell:hover{z-index:1;transform:translateY(-4px) scale(1.06);box-shadow:0 8px 18px #1722343d}.hour-cell b{font-size:14px;line-height:1}.hour-cell small{margin-top:7px;font-size:11px;opacity:.92}.chart-axis{display:flex;justify-content:space-between;color:#8b98ad;font-size:12px}.pie-layout{display:flex;align-items:center;justify-content:center;gap:28px;min-height:190px}.pie-chart{width:150px;height:150px;transform:rotate(-90deg)}.chart-legend{display:flex;align-items:center;gap:7px;margin:9px 0;color:#52627a;font-size:13px}.chart-legend i{width:8px;height:8px;border-radius:50%}.chart-legend b{margin-left:auto;color:#172234}.region-chart{display:grid;gap:13px}.region-row{display:grid;grid-template-columns:150px minmax(90px,1fr) 48px 92px;align-items:center;gap:12px;color:#52627a;font-size:13px}.region-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-row>div{height:9px;overflow:hidden;border-radius:8px;background:#edf2fa}.region-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1677ff,#69b1ff)}.region-row b{color:#172234;font-weight:600}.region-row em{color:#77859b;font-style:normal;text-align:right}@media(max-width:900px){.chart-wrap.hour-grid{grid-template-columns:repeat(8,minmax(38px,1fr))}}@media(max-width:640px){.pie-layout{gap:12px}.pie-chart{width:120px;height:120px}.region-row{grid-template-columns:88px minmax(60px,1fr) 40px 66px;gap:7px}}@media(max-width:768px){.content{padding:20px 16px}.header{padding:0 16px}}