*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f3f6fa;font-size:13px}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.side-nav{position:fixed;left:0;top:0;bottom:0;width:224px;background:linear-gradient(180deg,#111a31 0,#0d1528 100%);color:#fff;z-index:20;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(17,26,49,.06)}.brand-block{height:82px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#5f76ff,#7b56e8);font-weight:900;font-size:20px;box-shadow:0 8px 24px rgba(92,101,244,.26)}.brand-name{font-size:14px;font-weight:900;letter-spacing:.09em}.brand-sub{font-size:9px;color:#8794ad;margin-top:3px}.nav-list{padding:13px 10px 20px;overflow:auto;flex:1}.nav-item{display:flex;align-items:center;gap:10px;height:40px;color:#9eabc2;text-decoration:none;padding:0 12px;border-radius:8px;margin:2px 0;font-weight:650;transition:.16s}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.on{color:#fff;background:linear-gradient(90deg,rgba(89,106,246,.26),rgba(89,106,246,.1));box-shadow:inset 3px 0 0 #7180ff}.nav-icon{width:17px;height:17px;display:inline-grid;place-items:center}.nav-icon svg,.comp-icon svg,.metric-icon svg,.small-icon svg,.config-icon svg,.health-icon svg,.info-banner svg,.system-note svg{width:17px;height:17px}.nav-group{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#5e6a83;font-weight:800;padding:13px 12px 5px}.nav-group-separated{margin-top:5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.side-foot{height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#69768e;font-size:10px;border-top:1px solid rgba(255,255,255,.06)}.health-dot{width:7px;height:7px;border-radius:50%;background:#3bc68b;box-shadow:0 0 0 4px rgba(59,198,139,.09)}.workspace{margin-left:224px;min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:15}.top-title{font-weight:850;font-size:15px}.top-sub{font-size:10px;color:#8c97a8;margin-top:4px}.top-actions{display:flex;align-items:center;gap:18px}.top-user{display:flex;align-items:center;gap:9px}.top-user b{display:block;font-size:11px}.top-user small{display:block;font-size:9px;color:#95a0b2;margin-top:3px}.top-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf1ff;color:#5868df;font-weight:900}.top-system-pill{height:30px;padding:0 10px;border-radius:999px;background:#effaf5;color:#168154;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.top-system-pill i{width:6px;height:6px;border-radius:50%;background:#20b879}.page-wrap{padding:24px 26px 38px}.page{display:none}.page.on{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.page-head h1{margin:3px 0 4px;font-size:25px;letter-spacing:-.02em}.page-head p{margin:0;color:#8490a3;font-size:11px}.section-kicker{font-size:9px;letter-spacing:.14em;color:#8794ac;font-weight:850}.enterprise-hero{height:224px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(120deg,#172344 0%,#1b2950 48%,#24305f 100%);padding:36px 42px;color:#fff;box-shadow:0 16px 45px rgba(29,42,82,.13);margin-bottom:16px}.hero-gridline{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-eyebrow{font-size:10px;letter-spacing:.18em;color:#91a7ff;font-weight:850}.hero-copy h1{font-size:30px;margin:12px 0 8px;letter-spacing:-.03em}.hero-copy p{font-size:12px;color:#aebbd6;margin:0;line-height:1.65}.hero-statuses{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.hero-status{height:27px;padding:0 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:999px;color:#c8d1e7;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700}.hero-status i{width:6px;height:6px;border-radius:50%;background:#6f7c97}.hero-status.live i{background:#31d297;box-shadow:0 0 0 4px rgba(49,210,151,.1)}.hero-visual{position:absolute;right:60px;top:26px;width:190px;height:190px}.hero-core{position:absolute;left:65px;top:65px;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#6d80ff,#8b5af2);box-shadow:0 18px 50px rgba(92,86,242,.36);font-size:28px}.orbit{position:absolute;border:1px solid rgba(139,158,255,.25);border-radius:50%;inset:20px}.orbit-b{inset:42px}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:#8da3ff;box-shadow:0 0 0 5px rgba(141,163,255,.08)}.n1{right:21px;top:70px}.n2{left:31px;bottom:35px}.n3{left:50px;top:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{position:relative;background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:18px 19px;min-height:112px;box-shadow:0 3px 12px rgba(32,48,75,.025)}.metric-label{font-size:10px;color:#7e8a9d;font-weight:650}.metric-value{font-size:29px;font-weight:900;margin-top:13px;letter-spacing:-.03em}.metric-value.blue,.comp-value.blue{color:#2998ef}.metric-value.green,.comp-value.green{color:#12ac78}.metric-value.purple,.comp-value.purple{color:#735cf0}.metric-value.orange,.comp-value.orange{color:#ff6847}.metric-sub{font-size:9px;color:#a0a9b8;margin-top:7px}.metric-icon{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f5f7fb;color:#69778f}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:14px}.dashboard-panel{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:17px;box-shadow:0 3px 12px rgba(32,48,75,.025)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.section-head h2{font-size:16px;margin:4px 0 3px}.section-head p{font-size:10px;color:#8d98a9;margin:0}.dashboard-view-all{border:0;background:#f5f7fb;border-radius:8px;color:#5f6d83;height:32px;padding:0 10px;font-size:10px;cursor:pointer}.table-card{background:#fff;border:1px solid #e7ecf3;border-radius:12px;overflow:hidden}.dashboard-panel .table-card{border-radius:10px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;background:#fafbfd;color:#7c8798;font-size:9px;letter-spacing:.025em;font-weight:750;height:40px;padding:0 13px;border-bottom:1px solid #edf0f5;white-space:nowrap}.data-table td{height:54px;padding:9px 13px;border-bottom:1px solid #f0f3f7;color:#536075;font-size:10.5px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table td b{color:#273248;font-size:11px}.subline{display:block;color:#99a4b4;font-size:9px;margin-top:3px}.badge{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge.success{background:#eaf8f2;color:#14805a}.badge.warning{background:#fff6df;color:#b57414}.badge.danger{background:#ffedf0;color:#ca4257}.badge.muted{background:#f0f2f5;color:#788396}.badge.blue{background:#eaf4ff;color:#257fcd}.badge.purple{background:#f1edff;color:#6b53da}.health-list{display:flex;flex-direction:column}.health-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f3f6}.health-row:last-child{border-bottom:0}.health-icon{width:34px;height:34px;border-radius:10px;background:#f4f7fb;display:grid;place-items:center;color:#6d7a91}.health-icon.ok{background:#eefaf5;color:#15926a}.health-row div{flex:1}.health-row b{display:block;font-size:10.5px}.health-row small{font-size:9px;color:#97a1b1}.health-state{font-size:9px;font-weight:850}.health-state.ok{color:#1c9d70}.btn{height:37px;border-radius:8px;border:1px solid #dfe5ee;padding:0 13px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:750;font-size:10.5px;background:#fff;color:#536075}.btn svg{width:14px;height:14px}.btn.primary{border-color:#5368ee;background:linear-gradient(180deg,#6175f5,#4f63e7);color:#fff;box-shadow:0 6px 16px rgba(79,99,231,.16)}.btn.soft{background:#f5f7fa;color:#5f6b7d}.btn.wide{width:100%;justify-content:center;margin-top:14px}.competitor-metrics{display:grid;gap:14px;margin-bottom:14px}.competitor-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.comp-metric{position:relative;background:#fff;border:1px solid #e8edf4;border-radius:13px;min-height:104px;padding:20px;box-shadow:0 2px 10px rgba(26,42,73,.02)}.comp-label{font-size:10px;color:#7b8799}.comp-value{font-size:29px;font-weight:850;line-height:1;margin-top:12px}.comp-icon{position:absolute;right:20px;top:21px;color:#7f8ca2}.toolbar{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:12px 13px;margin-bottom:14px}.toolbar input,.toolbar select{height:38px;border:1px solid #dfe5ee;border-radius:8px;padding:0 11px;outline:none;color:#4f5b6e;background:#fff}.toolbar input:focus,.toolbar select:focus{border-color:#8fa9f7;box-shadow:0 0 0 3px rgba(67,104,242,.07)}.search-input{flex:1}.entity-cell{display:flex;align-items:center;gap:9px}.entity-avatar{width:32px;height:32px;border-radius:10px;background:#eef1ff;color:#5a6bdf;display:grid;place-items:center;font-weight:900}.entity-avatar.big{width:48px;height:48px;font-size:17px}.entity-cell small{display:block;color:#93a0b2;font-size:9px;margin-top:3px}.table-action{border:1px solid #dfe5ee;background:#fff;border-radius:7px;height:28px;padding:0 9px;color:#536176;font-weight:700;font-size:9px;cursor:pointer}.mini-toggle{display:inline-block;width:31px;height:17px;border-radius:999px;background:#d4dae3;position:relative}.mini-toggle:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.mini-toggle.on{background:#586ceb}.mini-toggle.on:after{left:16px}.info-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dbe5ff;background:#f5f8ff;border-radius:11px;margin-bottom:14px;color:#52617a}.info-banner>span{color:#5b70e9}.info-banner b{display:block;font-size:10.5px;color:#3e4d66}.info-banner p{margin:3px 0 0;font-size:9.5px;color:#7f8ba0;line-height:1.55}.card-grid{display:grid;gap:14px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card,.small-stat-card,.settings-card,.config-panel,.timeline-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 3px 12px rgba(32,48,75,.025)}.content-card{overflow:hidden}.card-thumb{height:138px;display:grid;place-items:center;font-size:22px;font-weight:900;letter-spacing:.08em;color:#fff}.card-thumb.telegram{background:linear-gradient(135deg,#5270ef,#845de8)}.content-card-body{padding:14px}.content-card-body b{font-size:12px}.content-card-body p{font-size:9.5px;color:#8c98aa}.card-meta{display:flex;align-items:center;justify-content:space-between;color:#8e99aa;font-size:9px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:16px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-card-head b{display:block;font-size:12px}.settings-card-head small{display:block;color:#929dae;font-size:9px;margin-top:3px}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:43px;height:24px;border-radius:999px;background:#cdd4df;position:relative;transition:.18s}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.16);transition:.18s}.switch input:checked+span{background:#4f64eb}.switch input:checked+span:after{transform:translateX(19px)}.preview-message{background:#f5f7fb;border:1px solid #e8edf4;border-radius:12px;padding:14px;margin-bottom:12px}.preview-message b{font-size:11px}.preview-message p{font-size:10px;color:#68758b;line-height:1.6}.preview-buttons{display:flex;gap:7px}.preview-buttons span{flex:1;text-align:center;background:#eaf4ff;color:#3181c5;border-radius:7px;padding:7px;font-size:9px;font-weight:750}.rule-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #eff2f6;font-size:10px;color:#7b8798}.rule-line b{font-size:10px;color:#4d5b70}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.compact{gap:9px}.span-2{grid-column:1/-1}.field{margin-bottom:13px}.field label{display:block;font-size:10px;color:#5e6a7f;margin-bottom:6px;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe2ec;border-radius:9px;background:#fff;padding:9px 11px;outline:none}.field input,.field select{height:40px}.field textarea{min-height:110px;resize:vertical;line-height:1.55}.field-help{font-size:9px;color:#919bad;margin-top:5px;line-height:1.45}.required{color:#ef4760}.fake-input{min-height:40px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;padding:10px 11px;color:#536075;font-size:10px}.rule-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.rule-check{cursor:pointer}.rule-check input{display:none}.rule-check span{display:block;border:1px solid #dfe5ee;border-radius:10px;padding:12px;background:#fff}.rule-check input:checked+span{border-color:#8296f0;background:#f3f5ff;box-shadow:0 0 0 3px rgba(88,108,235,.05)}.rule-check b{display:block;font-size:10.5px}.rule-check small{display:block;color:#93a0b2;font-size:9px;margin-top:3px}.config-panel{padding:18px;max-width:940px}.config-panel.narrow{max-width:650px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf1f5}.switch-row b{display:block;font-size:12px}.switch-row small{display:block;color:#929dae;font-size:9px;margin-top:3px}.small-stat-card{display:flex;align-items:center;gap:12px;padding:18px}.small-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#5f6fe4}.small-stat-card b{display:block;font-size:11px}.small-stat-card strong{display:block;font-size:24px;margin-top:4px}.small-stat-card small{font-size:9px;color:#97a1b2}.timeline-card{padding:18px;max-width:860px}.punish-step{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5}.punish-step:last-child{border-bottom:0}.punish-step>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef1ff;color:#5668df;font-weight:900}.punish-step b{font-size:11px}.punish-step p{font-size:9.5px;color:#8995a7;margin:3px 0 0}.punish-step em{font-style:normal;font-size:9px;font-weight:800;color:#5a6780;background:#f3f5f8;padding:6px 8px;border-radius:999px}.profile-cell{padding-bottom:14px}.drawer-mask{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s}.drawer-mask.on{opacity:1;pointer-events:auto}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(700px,94vw);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 70px rgba(15,23,42,.18);transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.drawer-mask.on .drawer{transform:translateX(0)}.drawer-lg{width:min(790px,94vw)}.drawer-head{height:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e7ebf1}.drawer-head h2{margin:2px 0 0;font-size:21px}.drawer-eyebrow{font-size:9px;letter-spacing:.14em;color:#9aa4b3;font-weight:800}.icon-btn{width:36px;height:36px;border:0;border-radius:9px;background:#f7f9fc;color:#8b96a8;font-size:24px;cursor:pointer}.drawer-body{flex:1;overflow:auto;padding:20px 22px 26px;background:#f8fafd}.drawer-foot{min-height:72px;border-top:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;background:#fff}.foot-status{font-size:10px;color:#6f7a8d}.foot-actions{display:flex;gap:9px}.config-section{background:#fff;border:1px solid #e6ebf2;border-radius:13px;padding:16px 16px 3px;margin-bottom:13px;box-shadow:0 2px 8px rgba(25,38,65,.025)}.config-section.tint-purple{background:#f7f5ff;border-color:#e7e1ff}.config-section.tint-blue{background:#f4f8ff;border-color:#dce8ff}.config-section.tint-green{background:#f3fbf7;border-color:#d7efe1}.config-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.config-icon{width:28px;height:28px;border-radius:8px;background:#f0f4fb;display:grid;place-items:center;color:#5e6fe5}.config-title b{display:block;font-size:11px}.config-title small{display:block;color:#8b96a7;font-size:9px;margin-top:3px}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.switch-line b{font-size:10.5px}.switch-line small{display:block;font-size:9px;color:#8d98aa;margin-top:3px}.chip-checks{display:flex;gap:7px;flex-wrap:wrap}.chip-checks label{cursor:pointer}.chip-checks input{display:none}.chip-checks span{display:inline-block;padding:7px 10px;border:1px solid #dfe4ed;border-radius:8px;background:#fff;color:#657185;font-size:10px}.chip-checks input:checked+span{border-color:#8799ef;background:#eef1ff;color:#4456d3}.system-note{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px dashed #cfd8e8;background:#f7f9fc;border-radius:11px;color:#667389}.system-note>span{color:#6173e7}.system-note b{font-size:10px}.system-note p{font-size:9px;margin:4px 0 0;line-height:1.55;color:#8994a7}.input-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.input-pair span{font-size:9px;color:#8995a8}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:#15213b;color:#fff;padding:10px 15px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.17);font-size:11px}.toast.on{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.metric-grid,.competitor-metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr}.side-nav{width:195px}.workspace{margin-left:195px}.settings-layout{grid-template-columns:1fr}.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.side-nav{display:none}.workspace{margin-left:0}.page-wrap{padding:17px 13px}.topbar{padding:0 14px}.top-sub,.top-system-pill{display:none}.metric-grid,.competitor-metrics.four,.card-grid.three{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.drawer,.drawer-lg{width:100vw}.drawer-body{padding:15px}.drawer-head,.drawer-foot{padding-left:16px;padding-right:16px}.hero-visual{display:none}.enterprise-hero{padding:30px 24px;height:auto}.hero-copy h1{font-size:25px}.toolbar{flex-wrap:wrap}.toolbar .search-input{flex:1 1 100%}.rule-check-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.data-table{min-width:840px}.table-card{overflow:auto}}