:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55;color:#f3f5ff;background:#080b13;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#85bfff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5bcaff;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:0 0 256px;background:#0b1020;border-right:1px solid #222b43;padding:27px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 6px 16px;border-bottom:1px solid #26314a}.brand-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;font-size:30px;letter-spacing:-4px;font-weight:900;color:white;background:linear-gradient(135deg,#05bfff 0%,#1741e5 45%,#a34cff 100%);box-shadow:0 10px 23px #1138cc4a}.sidebar-brand strong{font-weight:800;letter-spacing:.07em;font-size:14px;display:block;white-space:nowrap}.sidebar-brand strong span{font-weight:450;color:#b6c9ed}.sidebar-brand small{display:block;color:#91a1be;font-size:12px}.menu-caption,.eyebrow{font-weight:750;color:#768ba9;font-size:11px;letter-spacing:.16em}.menu-caption{margin:1px 13px -13px}.main-nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid transparent;border-radius:12px;text-align:left;background:transparent;color:#aab8d4;font-weight:650}.nav-link span{font-size:22px;width:25px;line-height:1}.nav-link:hover{background:#15213c;color:white}.nav-link.current{border-color:#2445bd;background:linear-gradient(95deg,#143679,#1c245c);color:white;box-shadow:inset 3px 0 #38baff}.sidebar-bottom{margin-top:auto}.help-note{background:linear-gradient(140deg,#142449,#121831);border:1px solid #31406b;border-radius:13px;padding:18px;font-size:13px}.help-note strong{color:#eef5ff}.help-note p{color:#a8b8d4;margin:8px 0 0;line-height:1.6}.logout{background:transparent;border:none;color:#9aabd0;padding:20px 7px;font-weight:600}.main-area{width:calc(100% - 256px);min-width:0}.topbar{height:75px;border-bottom:1px solid #202b43;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.6vw,58px);background:#0b0f1c}.topbar-path{font-size:12px;font-weight:800;letter-spacing:.12em;color:#aabbd8}.topbar-path span{margin:0 12px;color:#425471}.topbar-right{display:flex;align-items:center;gap:20px}.badge-dot{font-size:12px;color:#a1b2ca;display:flex;gap:8px;align-items:center}.badge-dot i{width:7px;height:7px;background:#51db99;border-radius:50%}.avatar{width:34px;height:34px;background:#1a294d;border-radius:50%;display:grid;place-items:center;color:#9fdcff;font-weight:900}.page-content{max-width:1320px;margin:0 auto;padding:39px clamp(24px,3.6vw,58px) 72px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.section-heading h1{font-size:clamp(29px,3vw,41px);font-weight:800;line-height:1.18;letter-spacing:-.05em;margin:7px 0 12px}.section-heading p{color:#9eafc9;margin:0;max-width:650px}.btn{border:1px solid transparent;border-radius:10px;min-height:43px;padding:10px 17px;font-weight:750;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:11px;transition:filter .16s,transform .16s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#1478ef,#6047e9);box-shadow:0 9px 22px #1455de38}.btn-secondary{background:#edf5ff;color:#17254b}.btn-outline{border-color:#33415f;background:#11192b;color:#d8e4f7}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric,.panel{border:1px solid #26314b;background:#101725;border-radius:16px}.metric{padding:20px 23px;display:flex;flex-direction:column;gap:7px}.metric span{color:#adb9d0;font-size:13px;font-weight:600}.metric strong{font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1.2}.metric small{color:#7385a7}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px}.panel{padding:24px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-header h2,.start-panel h2,.guide-card h2{font-size:19px;letter-spacing:-.025em;margin:0 0 5px}.panel-header p,.start-panel p,.guide-card p{margin:0;color:#95a8c6;font-size:13px}.text-button{color:#91c4ff;font-weight:800;border:0;background:none;white-space:nowrap;padding:8px}.recent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #25304a}.recent-row:last-child{border-bottom:0}.recent-row .ad-mini{display:flex;align-items:center;gap:13px;min-width:0}.thumb{width:72px;height:48px;flex-shrink:0;border-radius:8px;background:linear-gradient(130deg,#1b5fbd,#442a75);display:grid;place-items:center;color:#c8dbff;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.ad-mini strong,.ad-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-mini strong{font-size:13px}.ad-mini small{color:#8da0bb;font-size:12px}.status{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;white-space:nowrap}.status.active{background:#123c33;color:#70ecc4}.status.paused{background:#393242;color:#d6b6f8}.status.scheduled{background:#3d331f;color:#f7cc7d}.start-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.start-illustration{width:100%;height:126px;display:grid;align-content:center;justify-items:center;gap:0;border:1px solid #263f7b;border-radius:12px;margin-bottom:6px;background:radial-gradient(ellipse at 48% 16%,#355fda75,transparent 52%),linear-gradient(100deg,#0f1735,#19204b)}.start-illustration span{font-size:25px;color:#84d8ff}.start-illustration strong{font-size:23px;letter-spacing:.12em}.start-illustration small{font-size:10px;letter-spacing:.23em;color:#a9c1fc}.start-panel .btn{margin-top:auto}.info-strip{display:flex;align-items:flex-start;gap:15px;margin-top:18px;border:1px solid #28496a;background:#101f35;border-radius:13px;padding:17px}.info-strip>span{font-size:20px;color:#77d5fa}.info-strip strong{font-size:13px}.info-strip p{font-size:13px;color:#a5bdd8;margin:3px 0 0}.campaigns-panel{min-height:250px}.filterbar{display:flex;gap:12px;align-items:center;margin-bottom:17px}.search-control{flex:1}.filter-select{flex:0 0 195px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{width:100%;min-height:46px;padding:11px 13px;border-radius:10px;border:1px solid #36455f;background:#0b1222;color:#ecf3ff}input::placeholder{color:#60718e}.campaign-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #25314a}.campaign-card:last-child{border-bottom:0}.campaign-main{display:flex;align-items:center;gap:15px;min-width:0}.campaign-main .thumb{width:98px;height:64px}.campaign-title{font-weight:760;font-size:15px;margin-bottom:3px}.campaign-info{font-size:12px;color:#8fa5c5;margin-top:4px;overflow-wrap:anywhere}.campaign-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mini-button{border:1px solid #354667;background:#172138;color:#d8eaff;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:760}.mini-button.danger{color:#ffb4bc}.empty-state{color:#98abc6;padding:38px 10px;text-align:center}.builder-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(325px,1fr);gap:19px;align-items:start}.form-panel{padding:0;overflow:hidden}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#0d1322;border-bottom:1px solid #26314b;padding:18px 14px}.step{border:0;background:transparent;color:#778da9;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:700}.step b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#202c44;color:#a3b7d5;font-size:13px}.step.active{color:#e9f2ff}.step.active b{background:#2573ed;color:white}.step.done b{background:#194638;color:#7ae2bb}.form-step{padding:27px 28px 24px;min-height:390px;border:0;margin:0;min-width:0}.form-step legend{font-size:21px;letter-spacing:-.03em;font-weight:820;float:left;width:100%;padding:0}.step-count{font-size:11px;font-weight:850;color:#67adff;letter-spacing:.15em;display:block;margin-bottom:8px}.field-help{clear:both;color:#9aacc8;margin:10px 0 24px;font-size:13px}.form-step>label:not(.upload-zone):not(.switch-row):not(.media-option),.two-fields label{display:block;font-weight:730;font-size:13px;margin:18px 0 8px}.required{color:#7ac7ff}.optional{font-weight:500;color:#7189aa;font-size:11px}.hint{display:block;color:#8096b2;font-size:12px;margin:7px 0 11px}.explainer,.small-tip,.check-summary{border-radius:10px;background:#17233b;border:1px solid #2a3c5d;padding:12px 14px;color:#a8c0da;font-size:12px;margin-top:15px}.small-tip{display:flex;gap:9px;align-items:flex-start}.media-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.media-option{display:flex;gap:9px;align-items:flex-start;background:#0d162a;border:1px solid #364466;border-radius:10px;padding:13px;cursor:pointer}.media-option:has(input:checked){border-color:#3f86e9;background:#172c58}.media-option input{accent-color:#3c94f0;margin-top:5px}.media-option span{display:grid;gap:4px}.media-option strong{font-size:12px}.media-option small{font-size:11px;color:#9eb1cb;line-height:1.5}.upload-zone{border:1.5px dashed #446494;border-radius:12px;padding:17px 14px;background:#0e1b34;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer}.upload-zone strong{color:#a7dbff}.upload-zone span,.upload-zone small{color:#8fa6cb;font-size:12px;overflow-wrap:anywhere}.upload-zone.subtle{border-color:#354664;background:#0c1425;padding:14px}.file-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-row{display:flex;align-items:flex-start;gap:11px;background:#16243b;border-radius:11px;border:1px solid #34476d;padding:14px;margin:20px 0}.switch-row input{width:19px;height:19px;margin-top:2px;accent-color:#3384f4}.switch-row span{display:grid}.switch-row strong{font-size:14px}.switch-row small{font-size:12px;color:#97abc8}.check-summary{background:#0b1f32;border-color:#295775}.check-summary p{margin:4px 0 0}.inline-helper{border:0;background:none;padding:10px 0;color:#7ebfff;font-size:12px;text-align:left;font-weight:750}.form-actions{padding:17px 28px 25px;border-top:1px solid #26314b;display:flex;justify-content:flex-end;gap:10px}.preview-column{position:sticky;top:18px}.preview-panel{padding:21px}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:19px}.preview-header strong,.preview-header small{display:block}.preview-header small{font-size:11px;color:#88a0bb}.live-pill{font-size:10px;border:1px solid #325a75;background:#122a3b;padding:5px 9px;border-radius:100px;color:#9de8ef;white-space:nowrap}.device-tabs{display:flex;background:#0a1120;padding:4px;border:1px solid #293951;border-radius:10px;margin-bottom:18px;gap:3px}.device-tabs button{flex:1;border:0;background:transparent;color:#8197b5;padding:9px 4px;border-radius:7px;font-size:12px;font-weight:750}.device-tabs button.selected{background:#203a68;color:#eaf4ff}.preview-frame{background:#060911;border:1px solid #2f3c51;border-radius:12px;overflow:hidden;min-height:255px;transition:max-width .15s,max-height .15s}.preview-frame.phone{max-width:235px;margin-left:auto;margin-right:auto;border:5px solid #263247;border-radius:19px}.preview-browser{height:25px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #27364b;background:#182034}.preview-browser span{height:5px;width:5px;background:#526882;border-radius:50%}.preview-browser i{font-style:normal;font-size:8px;color:#8797bb;text-align:center;flex:1}.preview-news-title{color:#fff;font-size:14px;font-weight:900;letter-spacing:.18em;padding:15px 12px 6px}.ad-label{text-align:center;color:#9ab3d4;font-weight:800;letter-spacing:.16em;font-size:8px;margin:6px 0}.media-preview{position:relative;background:linear-gradient(120deg,#101838,#1a2557);min-height:125px;display:grid;place-items:center;overflow:hidden}.media-preview img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}.media-caption{color:white;font-size:13px;font-weight:800;text-align:center;padding:20px;line-height:1.5}.media-caption small{font-size:10px;display:block;font-weight:400;color:#c5d9fa;margin-top:8px}.media-caption button{border:1px solid #83c0fa;border-radius:99px;background:#1c71d4;color:white;font-weight:800;padding:8px 15px;margin-top:12px}.preview-news-copy{padding:15px;display:grid;gap:8px}.preview-news-copy b{font-size:13px}.preview-news-copy span{height:5px;border-radius:9px;background:#2e3b50}.preview-news-copy span.short{width:65%}.preview-note{color:#8295b1;font-size:11px;margin:14px 0}.safe-note{display:flex;gap:9px;background:#11283a;border-radius:10px;padding:10px 11px}.safe-note>span{color:#5fc4fe}.safe-note p{margin:0;font-size:11px;color:#afc9e3}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{min-height:185px}.guide-number{font-size:12px;color:#69b3ff;letter-spacing:.13em}.guide-card h2{margin:17px 0 9px}.demo-notice{padding:14px 30px;background:#2d274a;color:#e1d7ff;border-bottom:1px solid #65509c}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:14px 20px;max-width:390px;border-radius:11px;border:1px solid #2d7b6a;background:#13352e;color:#c7f9e4;box-shadow:0 8px 40px #000a}.toast.error{border-color:#963d51;background:#441b27;color:#ffbec9}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 53% -12%,#284b9a3e,transparent 65%),#080b13}.auth-card{width:min(100%,440px);display:grid;gap:12px;background:#111a2d;padding:35px;border:1px solid #34466b;border-radius:20px}.auth-card .brand-icon{margin-bottom:7px}.auth-card h1{font-size:30px;letter-spacing:-.04em;line-height:1.1;margin:4px 0}.auth-card p{color:#a5b9d1;font-size:13px;margin:0 0 6px}.auth-card label{font-size:13px;font-weight:700}.auth-card small{font-size:11px;color:#8396af}.auth-card .error-text{color:#ff9dad}.auth-card .btn{width:100%}@media(max-width:1050px){.sidebar{width:220px;flex-basis:220px}.main-area{width:calc(100% - 220px)}.builder-grid{grid-template-columns:1fr}.preview-column{position:static}.preview-panel{max-width:620px}.overview-grid{grid-template-columns:1fr}.start-panel{min-height:250px}.start-illustration{max-width:380px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 18px;display:block}.sidebar-brand{padding:0;border:0;margin-bottom:12px}.menu-caption,.sidebar-bottom{display:none}.main-nav{display:flex;overflow:auto;gap:5px}.nav-link{white-space:nowrap;padding:9px 11px;font-size:12px}.nav-link span{width:auto;font-size:16px}.main-area{width:100%}.topbar{height:50px;padding:0 20px}.topbar-right .badge-dot{display:none}.page-content{padding:24px 16px 50px}.section-heading{align-items:stretch;flex-direction:column}.section-heading .btn{width:100%}.stats-grid{gap:8px}.metric{padding:13px}.metric span{font-size:11px}.metric strong{font-size:29px}.metric small{font-size:10px}.panel{padding:18px}.form-panel{padding:0}.form-step{padding:22px 17px;min-height:auto}.form-actions{padding:16px}.stepper{padding:9px 4px}.step{font-size:10px}.step b{width:29px;height:29px}.campaign-card{grid-template-columns:1fr}.campaign-actions{justify-content:flex-start;padding-left:113px}.filterbar{flex-direction:column;align-items:stretch}.filter-select{flex:1}.guide-grid{grid-template-columns:1fr}.media-types{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.form-actions .btn{flex:1}.campaign-main .thumb{width:86px;height:58px}.campaign-actions{padding-left:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}