@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap');
:root{--navy:#142342;--ink:#13213f;--muted:#7885a2;--line:#e4eaf3;--bg:#f6f8fc;--violet:#6244ff;--blue:#19aaff;--green:#06bc81;--shadow:0 4px 24px rgba(25,44,83,.035)}*{box-sizing:border-box}body{margin:0;font-family:Rubik,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a89aff;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;background:linear-gradient(145deg,#101d36,#1d3154);color:#e7ecfa;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 10px 16px;z-index:10}.brand{display:flex;gap:14px;align-items:center;padding:2px 24px 36px}.brand strong{font-size:22px;display:block;color:white}.brand small{display:block;font-size:12px;color:#c6cee2;margin-top:4px}.brand-icon{font-size:23px;line-height:10px;color:var(--violet);transform:skewY(-20deg);margin-left:5px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{height:55px;display:flex;align-items:center;gap:22px;padding:0 23px;color:#dbe2f5;border-radius:9px;transition:.18s}.nav-item svg{color:#c3cce0}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#333980,#344381);color:#fff}.nav-item.active{box-shadow:inset 4px 0 var(--violet);font-weight:600}.nav-item.active svg{color:#7960ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #344766;padding-top:18px;position:relative}.profile,.top-user{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:right;color:inherit;width:100%;padding:5px 12px}.profile span:nth-child(2),.top-user span:nth-child(2){flex:1;font-size:12px}.profile small,.top-user small{display:block;color:#abb7d0;margin-top:3px}.avatar{display:grid;place-items:center;color:white;border:2px solid #647594;border-radius:50%;width:38px;height:38px;flex:none;background:linear-gradient(145deg,#b3bed1,#5c7091);font-weight:700}.profile-menu{position:absolute;bottom:68px;right:3px;left:3px;background:white;border-radius:10px;color:var(--ink);box-shadow:0 10px 40px #0616353d;padding:8px}.profile-menu a,.profile-menu button{display:flex;gap:9px;padding:11px;width:100%;background:none;border:none;text-align:right;color:var(--ink)}.profile-menu a:hover,.profile-menu button:hover{background:var(--bg)}.main-wrap{min-width:0;flex:1}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 35px}.site-picker select,.period{height:40px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-weight:600;padding:0 16px;min-width:190px}.site-chips{display:flex;gap:10px}.site-chip{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 14px;display:flex;align-items:center;gap:9px;color:var(--ink)}.site-chip.selected{border-color:#9b88ff;background:#f6f3ff}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--violet)}.dot.sb{background:#21acff}.dot.b69{background:#ffcc3b}.dot.sl{background:#754bff}.dot.s89{background:#ef53b2}.top-spacer{flex:1}.period{min-width:0;display:flex;align-items:center;gap:9px;font-weight:400}.notification{border:0;background:transparent;color:#46587d;position:relative}.notification i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--violet);right:2px;top:2px}.top-user{width:auto;min-width:142px;color:var(--ink);border-right:1px solid var(--line)}.top-user small{color:var(--muted)}.mobile-menu{display:none;background:none;border:0;font-size:24px}.content{padding:24px 36px 45px;max-width:1650px;margin:auto}.heading,.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:14px}.heading h1,.form-heading h1{font-size:34px;line-height:1.1;margin:0;font-weight:700;letter-spacing:-1px}.heading p{font-size:17px;color:var(--muted);margin:5px 0 0}.online-pill{background:#e3fae9;color:#118524;border-radius:30px;padding:12px 18px;font-weight:600}.online-pill b,.status i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#06bd4c;margin-left:7px}.card,.metric{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric{min-height:126px;padding:17px 20px;display:flex;align-items:center;gap:15px}.metric-icon{width:64px;height:64px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:40px}.metric-icon.purple{color:#6d47ff;background:#f3f0ff}.metric-icon.green{color:#09bc7e;background:#e9fbf3}.metric-icon.blue{color:#0caafe;background:#e8f8ff}.metric strong{display:block;font-size:15px;white-space:nowrap}.metric b{display:block;font-size:29px;letter-spacing:-.7px;margin:5px 0}.metric small{color:var(--muted);font-size:12px;white-space:nowrap}.metric em{font-style:normal;color:#08b348;font-weight:600;margin-right:5px}.charts{display:grid;grid-template-columns:1.02fr 1.9fr;gap:12px;margin-bottom:13px}.charts .card{height:320px;padding:17px 23px}.card-head,.table-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card h2,.card-head h2,.table-title h2{font-size:19px;margin:0}.legend{display:flex;gap:18px;color:#415479;font-size:12px}.legend span{white-space:nowrap}.legend i,.green-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-left:6px}.purple-dot{background:#6944ff}.blue-dot{background:#16aafc}.green-dot{background:#05ba84}.performance-list{margin-top:12px}.performance-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);height:60px}.performance-row:last-child{border:0}.brand-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#fff;font-weight:700;font-size:12px;flex:none}.brand-badge.sb{background:#20adf8}.brand-badge.b69{background:#ffcc33;color:#20233b}.brand-badge.sl{background:#7045ff}.brand-badge.s89{background:#ef4cab;color:#171e34}.brand-badge.big{width:48px;height:48px;border-radius:50%;font-size:17px}.performance-row strong{width:75px;font-size:12px}.bars{flex:1;direction:ltr}.bar-line{display:flex;align-items:center;gap:8px;height:16px}.bar-line .bar{height:9px;border-radius:8px}.bar.purple{background:#6944ff}.bar.blue{background:#1aacff}.bar.green{background:#08bd8b}.bar-line small{width:45px;color:#455677;font-size:11px}.canvas-wrap{height:255px;width:100%;margin-top:10px}.canvas-wrap canvas{width:100%;height:100%}.table-card{overflow:hidden}.table-title{min-height:57px;padding:10px 16px}.table-title a:not(.btn){color:var(--violet);font-size:12px;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;border:1px solid transparent;padding:10px 18px;min-height:39px;font-weight:600;white-space:nowrap;cursor:pointer}.btn.primary{background:#6544ff;color:#fff;box-shadow:0 3px 7px #6140ff1f}.btn.primary:hover{background:#5134dc}.btn.outline{border-color:#c8bdff;color:#3127ad;background:#fff}.btn.outline:hover{background:#f6f3ff}.table-scroll{overflow:auto}.ads-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.ads-table th{background:#f7f9fc;color:#485a7c;font-size:12px;font-weight:600;height:34px}.ads-table td,.ads-table th{padding:8px 17px}.ads-table td{border-top:1px solid #edf0f5;height:50px;color:#25375b}.ads-table tr:hover td{background:#fbfcff}.ad-cell,.site-cell{display:flex;align-items:center;gap:12px}.ad-cell b{font-size:13px}.ad-cell small{display:block;color:var(--muted);margin-top:3px}.ad-thumb{width:62px;height:37px;flex:none;border-radius:5px;background-size:cover}.thumb-0{background:radial-gradient(circle at 68% 20%,#eac2a2 0 7%,transparent 9%),linear-gradient(115deg,#352d41 5%,#6c5056 46%,#c9a77e 70%,#292432)}.thumb-1{background:radial-gradient(circle at 55% 35%,#f2acc7 0 12%,transparent 14%),linear-gradient(125deg,#251d43,#ec69ad,#2d233f)}.thumb-2{background:radial-gradient(circle at 55% 45%,#d5bef5 0 16%,transparent 18%),linear-gradient(115deg,#160c3a,#613d99,#181137)}.thumb-3{background:radial-gradient(circle at 55% 35%,#88bef6 0 14%,transparent 16%),linear-gradient(125deg,#070f39,#2971b1,#10143d)}.status{display:inline-flex;align-items:center;border-radius:20px;background:#e5f9e9;color:#108824;padding:7px 12px;font-size:12px;font-weight:600}.status i{width:9px;height:9px;margin:0 0 0 7px}.row-actions{display:flex;align-items:center;gap:35px;color:#2382fb}.row-menu{border:0;background:none;font-size:21px;color:#203860}.toolbar{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:14px}.toolbar select,.searchbox{border:1px solid var(--line);border-radius:6px;height:40px;background:#fff;padding:0 12px}.searchbox{display:flex;align-items:center;gap:10px;min-width:280px}.searchbox input{border:0;outline:0;width:100%}.toolbar #results-count,.subtle{color:var(--muted);margin-right:auto}.demo-tag{border-radius:20px;background:#ece8ff;color:#613eff;padding:10px 16px;font-weight:600}.small-metrics{grid-template-columns:repeat(3,1fr)}.online-big{padding:32px;display:flex;gap:46px;align-items:center}.online-circle{width:190px;height:190px;border-radius:50%;border:15px solid #dcf9ec;box-shadow:inset 0 0 0 7px #0cbe87;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:52px;font-weight:700;color:#10a87d}.online-circle small{font-size:13px;color:var(--ink)}.online-big>div:last-child{flex:1}.online-sites{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.online-sites>div{display:flex;align-items:center;gap:10px;padding:11px;background:#f8faff;border-radius:8px}.online-sites strong{margin-right:auto}.placeholder-card{padding:24px;margin-top:16px;min-height:240px}.placeholder-card p,.info-card p,.site-info p{color:var(--muted);line-height:1.7}.rank-rows,.setting-row{margin-top:23px}.rank-rows>div,.setting-row{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.rank-rows span{color:var(--muted);margin-right:auto}.rank-rows strong,.setting-row strong{margin-right:auto}.rank-rows em{font-style:normal;color:#0cab62}.cards-three,.cards-four{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards-four{grid-template-columns:repeat(4,1fr)}.info-card,.site-info{padding:24px}.info-card>span{font-size:30px;color:var(--violet)}.site-info{text-align:center}.site-info .brand-badge{margin:auto}.connection-state{color:#a3750a;background:#fff5df;padding:8px 12px;border-radius:20px;font-size:12px}.toast{position:fixed;left:30px;bottom:26px;background:#172341;color:white;padding:13px 20px;border-radius:9px;box-shadow:0 15px 40px #15254a55;z-index:60}
.form-heading{margin:-4px 0 16px}.form-heading h1{margin-top:8px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--violet)}.form-actions{display:flex;gap:12px}.site-choose{padding:14px 17px;margin-bottom:14px}.section-head h2{font-size:17px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.choose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:13px}.choose-card{min-height:77px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;position:relative}.choose-card.selected{border-color:#b9aaff;background:#f7f5ff}.choose-copy{flex:1}.choose-copy strong{display:block;font-size:15px}.choose-copy small{display:block;color:var(--muted);margin-top:3px}.choose-card input,.option-toggle input{position:absolute;opacity:0;pointer-events:none}.switch{width:41px;height:23px;border-radius:20px;background:#c9ced9;position:relative;flex:none;transition:.2s}.switch:before{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;background:white;border-radius:50%;transition:.2s}.choose-card input:checked+.switch,.option-toggle input:checked+.switch{background:var(--violet)}.choose-card input:checked+.switch:before,.option-toggle input:checked+.switch:before{right:21px}.editor-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:17px}.editor-main,.editor-side{min-width:0}.editor-grid .card{padding:17px;margin-bottom:14px}.details h2{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.field-grid label,.per-site-fields label,.auth-card label{font-size:13px;font-weight:600}.field-grid label em{color:#f64b4b;font-style:normal}.field-grid input,.field-grid select,.field-grid textarea,.per-site-fields input,.per-site-fields select,.per-site-fields textarea,.auth-card input{display:block;width:100%;margin-top:6px;border:1px solid #d4deed;border-radius:5px;background:#fff;color:var(--ink);height:35px;padding:6px 11px;outline:none}.field-grid textarea,.per-site-fields textarea{height:auto;resize:vertical;line-height:1.5}.field-grid .description{grid-column:1;grid-row:3/span 2}.field-grid .description small{display:block;text-align:left;font-weight:400;color:var(--muted)}.field-grid input[dir=ltr]{text-align:right}.editor-options{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding-top:15px}.editor-options>div,.option-toggle{border-left:1px solid var(--line);padding-left:8px;position:relative;min-height:57px}.editor-options strong{display:block}.editor-options small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.date-row{display:flex;align-items:center;gap:10px;margin-top:8px}.date-row input[type=date]{width:142px;border:1px solid #d4deed;border-radius:5px;height:33px;color:var(--ink)}.date-row label{font-size:11px;white-space:nowrap;color:var(--muted)}.option-toggle .switch{display:block;margin-top:7px}.per-site{min-height:150px}.site-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.site-tab{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 10px;color:#334568;font-size:11px;display:flex;align-items:center;gap:5px}.site-tab .dot{width:8px;height:8px}.site-tab.active{border-color:#aa99ff;background:#f6f2ff;color:#4433c4}.site-tab[hidden]{display:none}.per-site-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.per-site-fields .wide{grid-column:1/-1}.media-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:106px 106px;gap:8px;margin:13px 0}.media-photo,.preview-picture{border-radius:7px;background-size:cover;position:relative;overflow:hidden}.photo-main{grid-row:span 2;background:radial-gradient(circle at 62% 36%,#e7b88344 1%,transparent 24%),linear-gradient(27deg,#352d2b 8%,#615950 30%,#c4a68a 53%,#6b6158 70%,#302c2a)}.photo-room{background:linear-gradient(145deg,#cdc8bc,#86877e 40%,#625a53 65%,#a1a59a)}.photo-chair{background:linear-gradient(155deg,#8f948e,#b9a997 40%,#4c5052 75%)}.photo-sunset{background:radial-gradient(circle at 66% 30%,#fcd7a2 0 12%,transparent 19%),linear-gradient(#48577c,#e49877 55%,#303656)}.photo-main span{position:absolute;top:10px;right:9px;background:var(--violet);color:#fff;font-size:10px;padding:5px 7px;border-radius:3px}.photo-more{position:absolute;top:9px;left:9px;background:#16234299;color:white;border:0;border-radius:5px;font-size:20px}.upload-tile{border:1px dashed #a2a9e4;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:var(--violet);font-size:28px}.upload-tile b{font-size:12px}.upload-tile small{font-size:11px;color:var(--muted)}.media-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-actions .btn{font-size:12px}.media-count{display:block;color:var(--muted);margin-top:9px}.preview-tabs{display:inline-flex;background:#f0f2f8;border-radius:5px;margin:14px 0;padding:2px}.preview-tabs button{border:0;background:none;color:#687796;padding:7px 17px;font-size:12px}.preview-tabs button.active{background:var(--violet);border-radius:4px;color:white}.preview-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:11px;min-height:130px;max-width:510px;margin:auto;box-shadow:0 3px 12px #1227490b}.preview-copy{flex:1;min-width:0}.preview-copy small{color:#05ab5f}.preview-copy .green-dot{width:8px;height:8px}.preview-copy strong{display:block;margin-top:7px}.preview-copy p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0}.preview-meta{font-size:10px;color:#5a6784}.preview-picture{width:39%;background:linear-gradient(27deg,#352d2b,#b49d86 53%,#302c2a)}.preview-dots{text-align:center;color:var(--violet);margin-top:10px;letter-spacing:4px}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#101c39aa;display:grid;place-items:center;padding:16px}.modal{width:min(530px,100%);background:white;border-radius:14px;padding:27px;box-shadow:0 24px 70px #101c3966;position:relative}.modal-close{position:absolute;left:20px;top:15px;font-size:27px;background:none;border:0;color:var(--muted)}.modal-icon{background:#e9f9ef;color:#07ad65;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.modal h2{margin:14px 0 6px}.modal>p{color:var(--muted);line-height:1.5}.modal-summary{border:1px solid var(--line);border-radius:8px;padding:13px;line-height:1.9}.modal-summary strong{display:block}.modal-summary ul{margin:3px 0 0;padding-right:20px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
body[data-page=ad] .topbar{display:none}body[data-page=ad] .content{padding-top:19px}
.live-banner{border:1px solid #b7e5ce;background:#effcf5;border-radius:9px;padding:13px 18px;color:#167451;margin-bottom:15px;font-weight:500}.live-banner .dot{vertical-align:middle;margin-left:7px}.live-thumb{object-fit:cover}.status.inactive{color:#666f84;background:#eef1f5}.status.inactive i{background:#9da8b8}.connector-error{padding:25px;margin-top:16px}.connector-error p{color:var(--muted)}.pagination{display:flex;justify-content:center;gap:12px;padding:18px}.toolbar>span:last-child{margin-right:auto;color:var(--muted)}.real-ad-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.read-details,.read-media{padding:22px}.read-details dl{display:grid;grid-template-columns:140px 1fr;gap:0;margin:15px 0 24px}.read-details dt,.read-details dd{padding:11px 0;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}.read-details dt{color:var(--muted)}.read-media p{color:var(--muted)}.read-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.read-media-grid img{width:100%;height:180px;object-fit:cover;border-radius:9px}.media-pill{padding:15px;border-radius:8px;background:#edf2fa}@media(max-width:800px){.real-ad-grid{grid-template-columns:1fr}.read-details dl{grid-template-columns:100px 1fr}.toolbar{flex-wrap:wrap}}
.auth-page{background:#fff}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:linear-gradient(145deg,#111e38,#253962);color:white;padding:55px max(50px,12%);display:flex;flex-direction:column;justify-content:center}.auth-brand{display:flex;gap:20px;align-items:center;font-size:26px;font-weight:700;margin-bottom:80px}.auth-brand small{display:block;font-size:13px;font-weight:400;color:#c4cde0;margin-top:3px}.auth-intro h1{font-size:clamp(38px,5vw,70px);line-height:1.13;letter-spacing:-3px;margin:0}.auth-intro h1 em{font-style:normal;color:#8b77ff}.auth-intro p{color:#c4cde0;font-size:18px;line-height:1.8;max-width:500px}.auth-sites{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.auth-sites span{padding:10px 13px;border:1px solid #6c7b9d;border-radius:9px}.auth-main{display:grid;place-items:center;padding:30px}.auth-card{width:min(410px,100%)}.auth-lock{display:grid;place-items:center;background:#f0edff;color:var(--violet);border-radius:12px;width:56px;height:56px;font-size:30px}.auth-card h2{font-size:30px;margin:20px 0 5px}.auth-card p{color:var(--muted);line-height:1.5;margin-bottom:28px}.auth-card label{display:block;margin-bottom:17px}.auth-card input{height:46px;margin-top:8px}.auth-card .full{width:100%;height:47px;margin-top:10px}.auth-card>small{display:block;text-align:center;color:var(--muted);margin-top:23px}.alert{color:#b82c39;background:#fff0f1;border-radius:6px;padding:12px;margin-bottom:17px}
@media(max-width:1250px){.site-chips{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.charts .card{height:310px}.editor-grid{grid-template-columns:1fr}.editor-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choose-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{position:fixed;right:-270px;transition:right .2s}.sidebar.open{right:0}.mobile-menu{display:block}.topbar{padding:0 14px}.top-user{display:none}.content{padding:18px 13px}.heading h1,.form-heading h1{font-size:27px}.heading p{font-size:13px}.metrics{gap:8px}.metric{padding:11px;min-height:104px}.metric-icon{width:42px;height:42px;font-size:24px}.metric-icon svg{width:24px}.metric strong{font-size:12px}.metric b{font-size:22px}.metric small{font-size:10px;white-space:normal}.online-pill{font-size:11px;padding:8px}.choose-grid,.editor-side,.cards-three,.cards-four,.small-metrics{grid-template-columns:1fr 1fr}.editor-options{grid-template-columns:1fr}.editor-options>div,.option-toggle{border:0;border-bottom:1px solid var(--line);padding:8px 0}.form-heading{align-items:flex-start}.form-actions .btn{padding:9px;font-size:11px}.auth-layout{grid-template-columns:1fr}.auth-intro{padding:32px;min-height:250px}.auth-brand{margin-bottom:20px}.auth-intro h1{font-size:36px;letter-spacing:-1px}.auth-intro p{font-size:13px}.auth-sites{margin-top:8px}.auth-main{padding:30px 20px}}@media(max-width:540px){.site-picker select{min-width:130px;width:130px}.period{padding:0 8px}.period span{display:none}.notification{display:none}.heading{align-items:flex-start}.heading .btn{padding:8px;font-size:11px}.online-pill{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{display:block}.metric-icon{float:right;margin-left:7px}.charts .card{padding:13px}.legend{gap:6px;font-size:10px;flex-wrap:wrap}.table-title .btn{font-size:11px;padding:8px}.form-heading{display:block}.form-actions{margin-top:14px}.choose-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field-grid .description{grid-column:auto;grid-row:auto}.editor-side{grid-template-columns:1fr}.per-site-fields{grid-template-columns:1fr}.per-site-fields .wide{grid-column:auto}.cards-three,.cards-four,.small-metrics{grid-template-columns:1fr}.online-big{display:block}.online-circle{margin:0 auto 20px}.online-sites{grid-template-columns:1fr}}