@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf3f4;--surface:#fff;--surface-soft:#f6f9f9;--surface-strong:#e3eeee;--ink:#062b36;--muted:#60777e;--line:#cfdddf;--line-strong:#b8cbce;--primary:#00a9a5;--primary-dark:#007f7c;--navy:#0a3038;--lime:#bce936;--success:#23956e;--warning:#d59624;--danger:#d95f55;--info:#278aa0;--shadow:0 16px 38px #07303912;--radius:18px;--radius-sm:12px;font-family:Manrope,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07191e;--surface:#0c252b;--surface-soft:#102d34;--surface-strong:#153a42;--ink:#eaf7f7;--muted:#9cb5ba;--line:#214149;--line-strong:#315761;--primary:#3bd2ce;--primary-dark:#1bb7b2;--navy:#dff7f7;--lime:#c9f14e;--shadow:0 18px 44px #00000038}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font-family:inherit}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{min-height:100vh}.app-shell{background:radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 30rem), var(--bg);min-height:100vh}.app-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:72px;position:sticky;top:0}.app-header__inner{align-items:center;gap:22px;width:min(100%,1540px);height:100%;margin:auto;padding:0 28px;display:flex}.brand{flex:none;align-items:center;gap:11px;display:inline-flex}.brand__word{letter-spacing:-.02em;font-size:14px;font-weight:800}.brand__mark{background:var(--primary);color:#fff;border-radius:11px;justify-content:center;align-items:flex-end;gap:3px;width:36px;height:36px;padding-bottom:9px;display:flex}.brand__mark i{background:currentColor;border-radius:6px;width:4px;display:block}.brand__mark i:first-child{height:9px}.brand__mark i:nth-child(2){height:17px}.brand__mark i:nth-child(3){height:12px}.main-nav{align-items:center;gap:3px;margin-left:25px;display:flex}.main-nav__link{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.main-nav__link:hover{color:var(--ink);background:var(--surface-soft)}.main-nav__link.is-active{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:0 5px 15px #0730390d}.app-header__actions{align-items:center;gap:5px;margin-left:auto;display:flex}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--line);background:var(--surface-soft)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.live-status{color:var(--success);align-items:center;gap:8px;margin-right:10px;font-size:12px;font-weight:700;display:inline-flex}.live-status i{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent);border-radius:50%}.user-avatar{background:var(--navy);width:38px;height:38px;color:var(--surface);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:800;display:grid}.popover-wrap{position:relative}.popover{z-index:60;border:1px solid var(--line);background:var(--surface);border-radius:15px;min-width:240px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 54px #07303929}.menu-popover{padding:7px}.menu-popover__item{border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:700;display:flex}.menu-popover__item:hover{background:var(--surface-soft);color:var(--primary-dark)}.account-popover{gap:5px;padding:18px;display:grid}.account-popover strong{font-size:14px}.account-popover span{color:var(--muted);font-size:12px}.account-popover em{background:color-mix(in srgb, var(--primary) 12%, transparent);width:max-content;color:var(--primary-dark);text-transform:uppercase;border-radius:99px;margin:8px 0;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.account-popover button{border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:8px;margin:8px -10px -10px;padding:11px;font-weight:700;display:flex}.app-content{width:min(100%,1540px);margin:auto;padding:36px 28px 64px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{color:var(--primary-dark);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.page-heading h1{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(28px,3vw,44px);line-height:1}.page-heading p{max-width:900px;color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.55}.page-heading__status{border:1px solid var(--line);background:var(--surface);color:var(--success);border-radius:11px;flex:none;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:700;display:inline-flex}.page-heading__status span{background:var(--success);border-radius:50%;width:8px;height:8px}.drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0314186b;position:fixed;inset:0}.mobile-drawer{z-index:80;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;width:min(320px,88vw);transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.mobile-drawer.is-open{transform:none}.mobile-drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-nav{gap:4px;padding:14px;display:grid;overflow-y:auto}.mobile-nav>a{color:var(--muted);border-radius:11px;grid-template-columns:22px 1fr 18px;align-items:center;gap:11px;padding:12px;font-size:14px;font-weight:700;display:grid}.mobile-nav>a.is-active{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary-dark)}.mobile-nav__label{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;padding:18px 12px 5px;font-size:10px;font-weight:800}.mobile-drawer__account{border-top:1px solid var(--line);grid-template-columns:40px 1fr 38px;align-items:center;gap:10px;margin-top:auto;padding:16px;display:grid}.mobile-drawer__account strong,.mobile-drawer__account span{display:block}.mobile-drawer__account strong{font-size:13px}.mobile-drawer__account span{color:var(--muted);margin-top:2px;font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel--flat{box-shadow:none}.panel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.panel__head h2,.panel__head h3{letter-spacing:-.025em;margin:0;font-size:16px}.panel__head p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.panel__body{padding:22px}.panel__foot{border-top:1px solid var(--line);padding:16px 22px}.section-stack{gap:18px;display:grid}.grid-2,.grid-3,.grid-4{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:20px;position:relative;overflow:hidden}.metric-card__label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.metric-card__value{letter-spacing:-.055em;margin-top:9px;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1}.metric-card__meta{color:var(--muted);margin-top:8px;font-size:12px}.metric-card.is-primary:after{content:"";background:var(--primary);border-radius:0 0 0 5px;width:54px;height:5px;position:absolute;top:0;right:0}.metric-card.is-warning:after{background:var(--warning)}.metric-card.is-danger:after{background:var(--danger)}.button{background:var(--navy);min-height:40px;color:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button--primary{background:var(--primary-dark);color:#fff}.button--soft{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}.button--ghost{color:var(--primary-dark);background:0 0;border-color:#0000}.button--danger{background:var(--danger);color:#fff}.button--small{min-height:34px;padding-inline:11px;font-size:11px}.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.badge{background:var(--surface-strong);width:max-content;color:var(--muted);border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--success{background:color-mix(in srgb, var(--success) 11%, transparent);color:var(--success)}.badge--warning{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}.badge--danger{background:color-mix(in srgb, var(--danger) 11%, transparent);color:var(--danger)}.badge--info{background:color-mix(in srgb, var(--info) 11%, transparent);color:var(--info)}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:800}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:15px 16px;font-size:13px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, transparent)}.cell-title{font-weight:800}.cell-meta{color:var(--muted);margin-top:4px;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{gap:7px;min-width:0;display:grid}.field--full{grid-column:1/-1}.field label{color:var(--muted);font-size:11px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:44px;color:var(--ink);border-radius:10px;outline:none;padding:10px 12px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 11%, transparent)}.field small{color:var(--muted);font-size:10px;line-height:1.4}.check-field{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.check-field input{accent-color:var(--primary)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar__filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:10px;padding:8px 11px}.empty-state{text-align:center;place-items:center;min-height:210px;padding:35px;display:grid}.empty-state strong{font-size:17px}.empty-state p{max-width:480px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.alert{border:1px solid var(--line);border-left:4px solid var(--info);background:var(--surface-soft);border-radius:11px;padding:13px 15px;font-size:12px;line-height:1.5}.alert--success{border-left-color:var(--success)}.alert--warning{border-left-color:var(--warning)}.alert--danger{border-left-color:var(--danger)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03141885;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:min(100%,720px);max-height:min(88vh,880px);overflow-y:auto;box-shadow:0 34px 90px #00000047}.modal--wide{width:min(100%,1020px)}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;display:flex}.modal__head h2{letter-spacing:-.04em;margin:0;font-size:22px}.modal__head p{color:var(--muted);margin:6px 0 0;font-size:12px}.modal__body{padding:22px}.modal__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.segmented{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;padding:4px;display:inline-flex}.segmented button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:11px;font-weight:800}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 3px 9px #07303914}.loading-bar{background:var(--surface-strong);border-radius:9px;height:3px;overflow:hidden}.loading-bar:after{content:"";background:var(--primary);width:35%;height:100%;animation:1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(320%)}}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.toast{z-index:120;border:1px solid var(--line);background:var(--navy);max-width:min(420px,100vw - 28px);color:var(--surface);cursor:pointer;border-radius:12px;padding:13px 16px;font-size:12px;font-weight:700;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 42px #0003}.rule-grid{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(110px,1fr));align-items:center;gap:10px;display:grid}.rule-grid__head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.rule-grid input{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:40px;color:var(--ink);border-radius:9px;padding:8px 10px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.channel-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;gap:12px;padding:16px;display:grid}.switch-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.switch-row input{width:34px;height:18px;accent-color:var(--primary)}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-header{height:64px}.app-header__inner{gap:8px;padding:0 14px}.app-content{padding:24px 14px 48px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.page-heading__status{background:0 0;border:0;padding:0}.grid-2,.grid-3,.channel-grid{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr 1fr}.rule-grid__head{display:none}}@media (width<=620px){.brand__word{display:none}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{border-radius:15px;padding:16px}.metric-card__value{font-size:30px}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.panel__head,.panel__body,.panel__foot{padding-left:16px;padding-right:16px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh}}