:root{--bg:#050505;--side:#070706;--surface:#0c0c0b;--surface2:#12110f;--text:#f7f3ec;--muted:#b8b1a7;--quiet:#807970;--line:#ffffff17;--strong:#ff642f73;--blue:#ff5a1f;--cyan:#ff7138;--green:#66df9b;--yellow:#ffbf5c;--danger:#ff6b76;--shadow:0 26px 80px #000000a3;--radius:16px;--ease-out:cubic-bezier(.23,1,.32,1)}
body{font-family:Sora,sans-serif;background:#050505}body:before{background:radial-gradient(circle at 24% -10%,#ff5a1f24,transparent 32rem),radial-gradient(circle at 92% 40%,#ff7b2012,transparent 30rem);mask-image:linear-gradient(#000,transparent 88%)}
.grain{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
aside{background:#070706f2;border-right-color:#ffffff14}.brand{letter-spacing:-.7px}.brand span{border-color:#ff71389c;background:linear-gradient(145deg,#5c1d09,#170b07);color:#fff0e8;box-shadow:0 0 24px #ff5a1f38}
nav button{transition:color 160ms ease,background-color 160ms ease,transform 120ms var(--ease-out)}nav button:hover{background:#ff642f12}nav button.active{background:linear-gradient(90deg,#ff642f25,#ff642f03)}nav button.active:before{background:var(--cyan);box-shadow:0 0 15px #ff5a1f}.avatar{border-color:#ff71385c;background:#18100c;color:#ffd8c5}
.eyebrow{color:#ff7138}h1{font-weight:700}h1 em{color:#ff7138;text-shadow:0 0 30px #ff5a1f45}.primary{border-color:#ff8b5c7d;background:linear-gradient(135deg,#ff7138,#f1480b);color:#120703;box-shadow:0 12px 32px #ff4d1738;transition:transform 140ms var(--ease-out),filter 160ms ease,box-shadow 160ms ease}.primary:hover{box-shadow:0 0 27px #ff5a1f35,0 16px 34px #b92e093f}.primary:focus-visible,button:focus-visible{outline-color:#ff7138}
nav button:active,.primary:active,.filter:active,.icon-btn:active,.edit-rule:active,.close:active,.pause-button:active{transform:scale(.97)}
.stats,.media-section,.panel,.moderation-section,.contacts-section{background:linear-gradient(145deg,#0d0d0c,#090908);border-color:#ffffff17}.analytics-section{background:linear-gradient(135deg,#17100c,#090908)}.stats i,.rule-metrics b,.contact-row i,.scope-card button,.journey-heading span,.button-preview button,.field-hint strong{color:#ff7138}
.funnel{background:#080807}.funnel small{color:#aa6f57}.funnel i{background:#17100c;color:#ff7138}.filter,.icon-btn{background:#131210}.filter.active{border-color:#ff71386b;background:#ff5a1f1c;color:#fff0e8}.filter:hover,.icon-btn:hover{border-color:#ff713870}
.media-card{border-color:#ffffff17;background:#12110f}.media-card:hover{border-color:#ff713888;box-shadow:0 0 28px #ff5a1f24}.media-card:after{background:linear-gradient(transparent,#050403f5)}.media-meta strong{border-color:#ff713852;background:#160b07d9;color:#ffe7da}.media-type{background:#080706c7}
.rule-icon,.scope-icon,.journey-node i{border-color:#ff71385c;background:#ff5a1f18;color:#ff8a55}.edit-rule{border-color:#ff71385c;background:#ff5a1f12;color:#ff8a55}.edit-rule:hover{border-color:#ff7138;background:#ff5a1f20}.contact-row:hover,.contact-row.active{background:#ff5a1f0d}.contact-avatar{color:#ffe2d3}.tags span{background:#ff5a1f0d;color:#ffc6aa}.reply-form{background:#ff5a1f09}
dialog{background:#0b0a09;box-shadow:0 35px 100px #000000d1,0 0 48px #ff5a1f19}dialog::backdrop{background:#020100d9}input,select,textarea{background:#12110f;border-color:#ffffff1a}input::placeholder,textarea::placeholder{color:#716b63}input:focus,select:focus,textarea:focus{border-color:#ff7138;box-shadow:0 0 0 3px #ff5a1f1c}
.journey-builder{background:#080807}.delivery-toggle{background:linear-gradient(120deg,#ff5a1f1d,#0b0a09)}.delivery-toggle input:checked~i{border-color:#ff5a1f;background:#ff5a1f;box-shadow:0 0 16px #ff5a1f47}.delivery-fields,.public-replies{background:#100d0b}.quick-preview span{border-color:#ff713873;background:#ff5a1f10;color:#ff8a55}.media-preview{background:#080706}.preview-caption{background:#080706dc}.history-event span{color:#c47c5d}
@media (hover:hover) and (pointer:fine){.primary:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}header,.stats,.media-section,.moderation-section,.analytics-section,.contacts-section,.panel{animation:none!important}}