:root{
  --bg:#070a12;--bg-2:#090d18;--sidebar:#080c16;--panel:#0f1422;--panel-2:#121827;--panel-3:#161e30;
  --line:#202a3d;--line-soft:#182135;--text:#f7f8fc;--muted:#8c98ad;--muted-2:#69768d;
  --purple:#8258ff;--purple-2:#9f6bff;--purple-3:#5a39cc;--blue:#51a8ff;--cyan:#41d9cf;--green:#48df9a;
  --orange:#ffb44d;--red:#ff647c;--shadow:0 24px 80px rgba(0,0,0,.35);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(1px);z-index:-1}.ambient-a{width:780px;height:520px;right:-260px;top:-230px;background:radial-gradient(ellipse,rgba(111,65,255,.19),transparent 64%)}.ambient-b{width:560px;height:420px;left:20%;bottom:-300px;background:radial-gradient(ellipse,rgba(55,87,255,.08),transparent 68%)}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(116,131,166,.16);background:linear-gradient(180deg,rgba(11,15,28,.97),rgba(7,11,20,.99));padding:22px 15px 16px;display:flex;flex-direction:column;z-index:40}.sidebar:after{content:"";position:absolute;inset:0 0 auto auto;width:1px;height:240px;background:linear-gradient(transparent,rgba(127,80,255,.5),transparent);opacity:.7}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand-mark{position:relative;width:45px;height:45px;display:grid;place-items:center;filter:drop-shadow(0 0 16px rgba(130,88,255,.42))}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:2px;background:linear-gradient(150deg,#a377ff,#7043f5 55%,#3a248c);clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%)}.brand-mark:after{inset:7px;background:#0d1220}.brand-mark span{position:relative;z-index:2;font-weight:950;font-size:22px;color:#a986ff;font-style:italic}.brand-copy strong{display:block;font-size:18px;letter-spacing:.04em}.brand-copy small{display:block;font-size:9px;letter-spacing:.13em;color:#75829b;margin-top:3px}.sidebar-close{display:none}.nav-list{display:grid;gap:6px;margin-top:34px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;color:#a9b4c8;text-decoration:none;border:1px solid transparent;background:transparent;padding:11px 12px;border-radius:12px;min-height:45px;font-size:14px;transition:.18s ease}.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-item:hover{color:#fff;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.045);transform:translateX(1px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(112,69,221,.30),rgba(112,69,221,.09));border-color:rgba(135,92,255,.34);box-shadow:inset 3px 0 0 #8b5cff,0 8px 28px rgba(92,55,207,.08)}.nav-item.active svg{color:#a884ff;filter:drop-shadow(0 0 8px rgba(130,88,255,.45))}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.nav-button{width:100%;border:0;cursor:pointer;text-align:left}.admin-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(21,27,44,.9),rgba(12,17,29,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.admin-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6f42e8,#9a63ff);font-weight:900;box-shadow:0 0 20px rgba(126,80,255,.25)}.admin-copy{min-width:0;flex:1}.admin-copy strong,.admin-copy small{display:block}.admin-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-copy small{font-size:9px;color:#7c899e;margin-top:3px}.admin-chevron{color:#66738a}.app-stage{min-width:0}.topbar{position:sticky;top:0;z-index:30;height:88px;padding:0 28px 0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(109,124,157,.14);background:linear-gradient(180deg,rgba(7,10,18,.94),rgba(7,10,18,.78));backdrop-filter:blur(18px)}.topbar-left,.topbar-actions{display:flex;align-items:center}.topbar-left{gap:14px}.greeting strong,.greeting span{display:block}.greeting strong{font-size:18px;letter-spacing:-.02em}.greeting span{font-size:11px;color:#8290a6;margin-top:4px}.wave{display:inline!important}.topbar-actions{gap:10px}.icon-btn{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(15,20,34,.84);color:#aab6c9;cursor:pointer}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{color:#fff;border-color:#35435b}.mobile-menu{display:none}.notification-btn{position:relative}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#8e5bff;right:8px;top:7px;box-shadow:0 0 10px #8e5bff}.search-trigger{height:39px;min-width:245px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:rgba(10,14,24,.8);color:#7e8a9f;padding:0 10px;cursor:pointer}.search-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.search-trigger span{flex:1;text-align:left;font-size:11px}.search-trigger kbd,.command-input kbd{font-size:9px;color:#69778c;border:1px solid #263149;background:#121827;border-radius:6px;padding:3px 6px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}.engine-chip{height:39px;display:flex;align-items:center;gap:7px;border:1px solid rgba(38,100,77,.34);background:rgba(17,51,39,.24);padding:0 11px;border-radius:11px;color:#79e9b7;font-size:10px;white-space:nowrap}.engine-chip i{width:7px;height:7px;border-radius:50%;background:#4be09b;box-shadow:0 0 12px #4be09b}.btn{border:1px solid #2b354b;background:linear-gradient(180deg,#151c2b,#111725);color:#eaf0fb;border-radius:11px;padding:10px 14px;font-size:11px;font-weight:750;letter-spacing:.01em;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:#3a4862}.btn.primary{background:linear-gradient(135deg,#7247ee,#955fff);border-color:#986fff;box-shadow:0 8px 24px rgba(111,65,229,.18),inset 0 1px 0 rgba(255,255,255,.14)}.btn.secondary{background:rgba(19,26,42,.95)}.btn.danger{color:#ff9daf;border-color:#5d2634;background:linear-gradient(180deg,#2b151c,#1f1117)}.btn.success{color:#7ff0be;border-color:#265b46;background:#10271f}.btn.wide{width:100%}.btn.small{padding:8px 10px;border-radius:9px;font-size:10px}.top-add{height:39px;border-radius:11px 0 0 11px}.top-add-caret{height:39px;width:34px;padding:0;border-radius:0 11px 11px 0;border-left-color:rgba(255,255,255,.16)}.add-menu-wrap{position:relative;display:flex}.add-menu{position:absolute;right:0;top:48px;width:245px;padding:8px;border:1px solid #29344b;border-radius:14px;background:rgba(12,17,29,.98);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(18px);opacity:0;transform:translateY(-5px) scale(.98);pointer-events:none;transition:.15s ease}.add-menu.open{opacity:1;transform:none;pointer-events:auto}.add-menu a{display:flex;gap:11px;align-items:center;text-decoration:none;color:#dbe3ef;padding:10px;border-radius:10px}.add-menu a:hover{background:#151c2b}.add-menu svg{width:18px;height:18px;fill:none;stroke:#9a78ff;stroke-width:1.8}.add-menu span{display:block}.add-menu b,.add-menu small{display:block}.add-menu b{font-size:11px}.add-menu small{font-size:9px;color:#758198;margin-top:2px}.content{padding:26px 28px 54px;max-width:1800px;margin:0 auto}.page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 24px}.page-hero h1{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:6px 0 8px}.page-hero p{color:var(--muted);font-size:12px;margin:0;max-width:720px;line-height:1.55}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.18em;color:#9e7cff;text-transform:uppercase}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.back{display:inline-flex;align-items:center;gap:5px;color:#7f8ba0;text-decoration:none;font-size:10px;margin-bottom:8px}.back:hover{color:#fff}
.card,.metric-card,.panel{position:relative;background:linear-gradient(180deg,rgba(17,23,38,.92),rgba(12,17,29,.95));border:1px solid rgba(92,108,141,.22);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 14px 40px rgba(0,0,0,.11);overflow:hidden}.card:before,.panel:before{content:"";position:absolute;inset:0 auto auto 0;width:60%;height:1px;background:linear-gradient(90deg,rgba(139,94,255,.25),transparent)}.card{padding:19px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-head h2{font-size:14px;margin:0 0 4px;letter-spacing:-.015em}.card-head p{font-size:10px;color:#7e8ba0;margin:0;line-height:1.45}.card-head a{font-size:10px;color:#a98cff;text-decoration:none}.card-head a:hover{color:#c1afff}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{min-height:138px;padding:17px;display:flex;flex-direction:column}.metric-top{display:flex;align-items:flex-start;justify-content:space-between}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:rgba(125,79,255,.13);border:1px solid rgba(139,94,255,.12);color:#a985ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.metric-icon.blue{color:#69b6ff;background:rgba(68,153,255,.11);border-color:rgba(68,153,255,.14)}.metric-icon.orange{color:#ffb75b;background:rgba(255,160,55,.09);border-color:rgba(255,160,55,.14)}.metric-icon.red{color:#ff6c82;background:rgba(255,83,111,.09);border-color:rgba(255,83,111,.13)}.metric-icon.green{color:#59e6aa;background:rgba(73,222,158,.09);border-color:rgba(73,222,158,.13)}.metric-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-label{font-size:9px;color:#a6b0c1;letter-spacing:.05em;text-transform:uppercase}.metric-value{font-size:29px;line-height:1;font-weight:850;letter-spacing:-.04em;margin-top:10px}.metric-sub{font-size:9px;color:#78869c;margin-top:5px}.metric-sub.good{color:#67dda7}.sparkline{height:28px;margin-top:auto}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:#8659ff;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(134,89,255,.35))}.sparkline.blue path{stroke:#56aaff}.sparkline.orange path{stroke:#f4a63e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 360px;gap:14px;align-items:start}.dashboard-left{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-right{grid-column:3;grid-row:1/3;display:grid;gap:14px}.chart-card{min-height:330px}.chart-meta{display:flex;align-items:center;gap:9px}.chart-number{font-size:28px;font-weight:850;letter-spacing:-.04em}.chart-caption{font-size:9px;color:#8290a6}.trend{font-size:9px;color:#5ed99d;margin-top:6px}.select-compact{border:1px solid #29344a;background:#101625;color:#acb7c9;border-radius:9px;padding:7px 9px;font-size:9px;color-scheme:dark}.chart-wrap{height:210px;margin-top:10px;position:relative}.chart-wrap canvas{width:100%;height:100%;display:block}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-action{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e7edf7;border:1px solid #232e43;background:linear-gradient(180deg,#161d2c,#111725);border-radius:12px;padding:12px;min-height:68px;transition:.16s ease}.quick-action:hover{transform:translateY(-2px);border-color:#384866;background:#182133}.quick-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#a47dff;background:rgba(125,77,255,.14);box-shadow:0 0 18px rgba(125,77,255,.08)}.quick-icon.blue{color:#5aaeff;background:rgba(54,132,255,.12)}.quick-icon.green{color:#5ae9a7;background:rgba(50,203,133,.12)}.quick-icon.orange{color:#ffb84c;background:rgba(255,165,51,.12)}.quick-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.quick-action b,.quick-action small{display:block}.quick-action b{font-size:10px}.quick-action small{font-size:8px;color:#7b879b;margin-top:3px}.system-list{display:grid;gap:10px}.system-row{display:flex;align-items:center;font-size:9px;color:#aab4c5}.system-row i{width:7px;height:7px;border-radius:50%;background:#4ddd9a;box-shadow:0 0 10px rgba(77,221,154,.55);margin-right:9px}.system-row span{margin-left:auto;color:#7e8a9e}.promo-card{min-height:180px;padding:20px;background:radial-gradient(circle at 82% 38%,rgba(111,69,255,.28),transparent 32%),linear-gradient(145deg,#171536,#0d1322 65%);border:1px solid rgba(126,79,255,.45);border-radius:18px;position:relative;overflow:hidden}.promo-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(151,107,255,.25);transform:rotate(45deg);right:-20px;bottom:-38px;box-shadow:0 0 28px rgba(130,88,255,.22),inset 0 0 28px rgba(130,88,255,.1)}.promo-card h3{margin:0;font-size:16px}.promo-card p{max-width:210px;color:#9aa6b9;font-size:10px;line-height:1.55;margin:8px 0 18px}.lower-grid{grid-column:1/3;display:grid;grid-template-columns:.95fr 1.05fr;gap:14px}.bot-list{display:grid;gap:9px}.bot-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #222d42;border-radius:12px;background:rgba(14,20,33,.72);text-decoration:none;color:inherit;transition:.15s ease}.bot-item:hover{border-color:#3a4862;background:#131b2b}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:850;background:linear-gradient(145deg,#1c2537,#121827);border:1px solid #26334a;color:#e8edf7;flex:none}.grow{flex:1;min-width:0}.grow b,.grow span,.grow small{display:block}.grow b{font-size:11px}.grow span{font-size:9px;color:#7f8ba1;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow small{font-size:8px;color:#637188;margin-top:4px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;background:#232b39;color:#9ca8ba}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.75}.status.online,.status.open{background:rgba(39,165,113,.15);color:#60e0a2}.status.error{background:rgba(228,64,88,.13);color:#ff8093}.status.starting,.status.pending{background:rgba(221,161,51,.13);color:#ffc66a}.status.stopped,.status.closed{background:rgba(111,124,148,.12);color:#9aa6b7}.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:42px 30px 1fr;gap:9px;align-items:start;min-height:54px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:56px;top:30px;bottom:-8px;width:1px;background:linear-gradient(#5e3bc2,#272f43)}.timeline-time{font-size:9px;color:#77859a;padding-top:8px;text-align:right}.timeline-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#181d30;border:1px solid #272e48;color:#9b74ff;position:relative;z-index:2}.timeline-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.timeline-copy{padding-top:4px}.timeline-copy b,.timeline-copy small{display:block}.timeline-copy b{font-size:10px}.timeline-copy small{font-size:8px;color:#77849a;margin-top:3px}.empty{padding:28px 12px;text-align:center;color:#748198;font-size:10px;border:1px dashed #273249;border-radius:12px;background:rgba(10,14,24,.45)}
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.align-start{align-items:start}.stack{display:grid;gap:13px}.field,label.field,.stack label{display:grid;gap:7px;color:#9ca9bc;font-size:9px;font-weight:700}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input,select,textarea,input{width:100%;border:1px solid #263249;background:linear-gradient(180deg,#0c111d,#0b101a);color:#edf2fa;border-radius:10px;padding:10px 11px;outline:none;transition:.15s ease;font-size:11px}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#7653dd;box-shadow:0 0 0 3px rgba(118,83,221,.12),0 0 20px rgba(91,56,190,.06)}input::placeholder,textarea::placeholder{color:#55637a}.field-help{font-size:8px;color:#66748b;font-weight:500}.input-group{display:flex}.input-group input{border-radius:10px 0 0 10px}.input-group .btn{border-radius:0 10px 10px 0}.alert{border:1px solid;padding:11px 13px;border-radius:11px;margin-bottom:14px;font-size:10px}.alert.error{background:rgba(90,26,38,.28);border-color:#5e2a36;color:#ff9aaa}.alert.success{background:rgba(24,83,61,.25);border-color:#285e4b;color:#8be9bf}.notice{border:1px solid #26344d;background:#0d1422;border-radius:12px;padding:13px}.notice b,.notice span{display:block}.notice b{font-size:10px}.notice span{font-size:9px;color:#7d899e;line-height:1.5;margin-top:5px}.tabs{display:flex;gap:7px;overflow:auto;margin:0 0 14px;padding-bottom:2px}.tabs a{white-space:nowrap;border:1px solid #242e44;background:#0f1522;color:#94a0b5;text-decoration:none;border-radius:9px;padding:8px 11px;font-size:9px}.tabs a:hover{color:#fff;border-color:#3c4a66}.section{margin-bottom:14px;scroll-margin-top:105px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mini-stat{padding:14px;border:1px solid #232e43;background:linear-gradient(180deg,#121827,#0e1420);border-radius:13px}.mini-stat span,.mini-stat strong{display:block}.mini-stat span{font-size:8px;color:#748198;text-transform:uppercase;letter-spacing:.08em}.mini-stat strong{font-size:20px;margin-top:8px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions form{display:inline-flex}.mini{border:1px solid #29364c;background:#141b29;color:#b7c1d1;border-radius:8px;padding:7px 9px;font-size:9px;text-decoration:none;cursor:pointer}.mini:hover{border-color:#3b4a65;color:#fff}.mini.danger{border-color:#562533;background:#28151b;color:#ff91a3}.danger-zone{border:1px solid #4a2330;background:linear-gradient(180deg,#211218,#171015);border-radius:14px;padding:16px}.danger-zone h3{margin:0 0 5px;font-size:13px}.danger-zone p{font-size:9px;color:#8d7e86;margin:0 0 12px}.list{display:grid}.list-row,.automation,.post-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-top:1px solid #1d2739}.list-row:first-child,.automation:first-child,.post-row:first-child{border-top:0}.row-actions{display:flex;gap:6px}.table-wrap{overflow:auto;border:1px solid #1e293c;border-radius:13px}table{border-collapse:collapse;width:100%;font-size:10px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #1c2638;vertical-align:middle}thead th{position:sticky;top:0;background:#101625;z-index:1;color:#728097;font-size:8px;text-transform:uppercase;letter-spacing:.08em}tbody tr{transition:.12s ease}tbody tr:hover{background:rgba(255,255,255,.018)}tbody tr:last-child td{border-bottom:0}.table-link{color:#b39bff;text-decoration:none;font-weight:750}.table-link:hover{color:#d0c3ff}.filterbar{display:flex;align-items:center;gap:8px;margin-bottom:13px}.filterbar select{width:auto;min-width:220px}.search-table{margin-left:auto;position:relative}.search-table input{width:220px;padding-left:31px}.search-table svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;fill:none;stroke:#6f7d92;stroke-width:1.8}.tag{display:inline-flex;align-items:center;border:1px solid #2d3850;border-radius:999px;padding:4px 7px;font-size:8px;color:#94a1b4;background:#131a28}.kv{display:grid;gap:5px;min-width:260px}.kv>div{display:grid;grid-template-columns:100px 1fr;gap:8px}.kv b{font-size:8px;color:#77849a}.kv span{font-size:9px;word-break:break-word}.mini-select{width:auto;border:1px solid #29364c;background:#141b29;color:#c5cedb;border-radius:8px;padding:6px 8px;font-size:9px}.conversation{display:grid;gap:10px;max-height:570px;overflow:auto;padding:4px 5px 4px 0}.bubble{max-width:84%;padding:12px 13px;border-radius:14px;font-size:11px;line-height:1.52;white-space:pre-wrap;word-break:break-word;box-shadow:0 10px 24px rgba(0,0,0,.12)}.bubble small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;opacity:.65}.bubble.incoming{background:#171f2f;border:1px solid #28354c;border-bottom-left-radius:5px}.bubble.outgoing{margin-left:auto;background:linear-gradient(135deg,#30205e,#24194a);border:1px solid #5a3da8;border-bottom-right-radius:5px}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.telegram-preview{position:sticky;top:105px;border-radius:18px;padding:17px;background:linear-gradient(160deg,#18283b,#111e2d);border:1px solid #2b3f55;min-height:460px}.tg-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.tg-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7355e9,#4f8fe8);font-size:12px;font-weight:900}.tg-head b,.tg-head small{display:block}.tg-head b{font-size:10px}.tg-head small{font-size:8px;color:#8ba0b6}.tg-message{margin-left:auto;width:92%;border-radius:13px 13px 4px 13px;padding:11px;background:#2b5278;box-shadow:0 6px 16px rgba(0,0,0,.16)}.tg-photo{height:140px;border-radius:9px;background:linear-gradient(135deg,#29384e,#202b3c);display:none;place-items:center;color:#72869b;font-size:9px;margin-bottom:8px;overflow:hidden}.tg-photo.visible{display:grid}.tg-photo img{width:100%;height:100%;object-fit:cover}.tg-text{font-size:10px;line-height:1.45;white-space:pre-wrap;min-height:16px}.tg-button{display:none;margin-top:8px;text-align:center;border-top:1px solid rgba(255,255,255,.16);padding-top:8px;color:#8fd2ff;font-size:9px}.tg-button.visible{display:block}.tg-time{text-align:right;font-size:7px;color:#a9c0d1;margin-top:4px}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.preset-card{position:relative}.preset-card input{position:absolute;opacity:0}.preset-card span{display:block;border:1px solid #273349;background:#0d1421;border-radius:11px;padding:10px;min-height:70px;cursor:pointer}.preset-card b,.preset-card small{display:block}.preset-card b{font-size:9px}.preset-card small{font-size:7px;color:#6f7d92;margin-top:4px;line-height:1.35}.preset-card input:checked+span{border-color:#805af0;background:linear-gradient(180deg,rgba(105,67,214,.22),rgba(25,22,49,.8));box-shadow:0 0 0 2px rgba(128,90,240,.08)}.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bot-card{padding:16px;border:1px solid #222e43;border-radius:15px;background:linear-gradient(180deg,#121827,#0e1420);text-decoration:none;color:inherit;transition:.17s ease}.bot-card:hover{transform:translateY(-2px);border-color:#3a4a69;box-shadow:0 16px 35px rgba(0,0,0,.18)}.bot-card-top{display:flex;align-items:center;gap:11px}.bot-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.bot-card-stat{border-top:1px solid #202a3d;padding-top:10px}.bot-card-stat b,.bot-card-stat small{display:block}.bot-card-stat b{font-size:14px}.bot-card-stat small{font-size:7px;color:#6f7d92;margin-top:2px}.automation-builder{display:grid;grid-template-columns:380px 1fr;gap:14px}.automation-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.automation-type{border:1px solid #273249;border-radius:11px;padding:11px;background:#0d1421;cursor:pointer;color:#aab5c6}.automation-type:hover,.automation-type.active{border-color:#7450df;background:rgba(99,61,197,.15);color:#fff}.automation-type b,.automation-type small{display:block}.automation-type b{font-size:9px}.automation-type small{font-size:7px;color:#718097;margin-top:3px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.catalog-item{border:1px solid #222e43;border-radius:14px;padding:15px;background:linear-gradient(180deg,#121827,#0e1420)}.catalog-item h3{font-size:12px;margin:0}.catalog-price{font-size:16px;font-weight:850;margin-top:8px;color:#b9a3ff}.catalog-desc{color:#7f8ba0;font-size:9px;line-height:1.5;min-height:42px;margin:7px 0}.catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #202a3c;padding-top:10px}.form-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-card{border:1px solid #222e43;border-radius:14px;padding:14px;background:#101724}.form-card-top{display:flex;justify-content:space-between;gap:10px}.form-card h3{font-size:11px;margin:0}.form-card p{font-size:8px;color:#758298;line-height:1.5}.form-command{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9a5ff;font-size:8px;background:#0b1019;border:1px solid #263048;border-radius:7px;padding:6px 8px;display:inline-block}.analytics-bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 44px;gap:10px;align-items:center}.bar-label{font-size:9px;color:#9ba7b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:7px;background:#151d2c;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6847d6,#9d66ff);box-shadow:0 0 10px rgba(136,88,255,.35)}.bar-value{text-align:right;font-size:9px;color:#c5cede}.settings-nav{display:grid;gap:7px}.settings-nav a{border:1px solid #222e43;background:#101724;border-radius:10px;padding:10px;text-decoration:none;color:#a7b3c5;font-size:9px}.settings-nav a:hover{border-color:#394965;color:#fff}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:14px}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(99,57,207,.25),transparent 38%),#070a12}.login-shell{width:min(1080px,100%);min-height:610px;border:1px solid #252f43;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:#0c111c;box-shadow:0 40px 120px rgba(0,0,0,.55)}.login-visual{position:relative;padding:44px;background:radial-gradient(circle at 45% 35%,rgba(123,74,255,.25),transparent 33%),linear-gradient(145deg,#141332,#0b1020 65%);display:flex;flex-direction:column;justify-content:space-between}.login-visual:after{content:"";position:absolute;width:230px;height:230px;right:55px;top:160px;border:1px solid rgba(139,93,255,.22);transform:rotate(45deg);box-shadow:0 0 60px rgba(128,78,255,.14),inset 0 0 60px rgba(128,78,255,.06)}.login-visual h1{font-size:42px;line-height:1.03;letter-spacing:-.05em;max-width:480px;margin:0}.login-visual p{font-size:11px;color:#91a0b5;line-height:1.65;max-width:430px}.login-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative;z-index:2}.login-feature{border:1px solid rgba(128,94,211,.22);background:rgba(15,18,42,.58);backdrop-filter:blur(10px);border-radius:12px;padding:11px}.login-feature b,.login-feature span{display:block}.login-feature b{font-size:9px}.login-feature span{font-size:8px;color:#78879e;margin-top:3px}.login-panel{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.login-panel .brand{margin-bottom:45px}.login-panel h2{font-size:28px;letter-spacing:-.04em;margin:0 0 7px}.login-panel>p{font-size:10px;color:#7e8ba0;margin:0 0 24px}.login-panel .stack{gap:15px}.command-backdrop{position:fixed;inset:0;background:rgba(2,5,10,.65);backdrop-filter:blur(7px);z-index:100;display:grid;place-items:start center;padding-top:12vh}.command-backdrop[hidden]{display:none}.command-palette{width:min(620px,calc(100vw - 28px));border:1px solid #2d3951;border-radius:18px;background:rgba(11,16,27,.98);box-shadow:0 35px 100px rgba(0,0,0,.6);overflow:hidden}.command-input{height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #222d41;padding:0 14px}.command-input svg{width:18px;height:18px;fill:none;stroke:#748399;stroke-width:1.8}.command-input input{border:0;background:transparent;box-shadow:none;padding:0;font-size:12px;flex:1}.command-input input:focus{box-shadow:none}.command-results{padding:9px;max-height:420px;overflow:auto}.command-label{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#647288;margin:7px 9px}.command-results a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;color:#d9e1ed;text-decoration:none;padding:9px;border-radius:10px}.command-results a:hover,.command-results a.selected{background:#171f2f}.command-results svg{width:16px;height:16px;fill:none;stroke:#9a78ff;stroke-width:1.8}.command-results span{font-size:10px}.command-results small{font-size:8px;color:#69778d}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px}.toast{min-width:260px;max-width:380px;border:1px solid #2c3850;border-radius:12px;background:#121a29;box-shadow:0 18px 50px rgba(0,0,0,.4);padding:11px 13px;font-size:10px;color:#dfe7f2;animation:toast-in .2s ease}.toast.success{border-color:#275c49}.toast.error{border-color:#65303c}.sidebar-backdrop{display:none}.muted{color:var(--muted)}code{background:#151c2a;border:1px solid #29344b;border-radius:5px;padding:2px 5px;color:#c8b9ff;font-size:.9em}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1450px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr 320px}.bot-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-left{grid-column:1/3}.dashboard-right{grid-column:1/3;grid-row:auto;grid-template-columns:1fr 1fr 1fr}.lower-grid{grid-column:1/3}.search-trigger{min-width:190px}.engine-chip{display:none}.composer-layout{grid-template-columns:1fr 290px}.preset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-102%);transition:.2s ease;box-shadow:30px 0 80px rgba(0,0,0,.45)}.sidebar.open{transform:none}.sidebar-close{display:grid}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35;opacity:0;pointer-events:none;transition:.2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{height:72px;padding:0 14px}.greeting span{display:none}.greeting strong{font-size:13px}.search-trigger{min-width:39px;width:39px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.notification-btn{display:none}.content{padding:18px 14px 40px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-left,.lower-grid,.dashboard-right{display:grid;grid-template-columns:1fr;grid-column:auto}.dashboard-right{grid-row:auto}.grid.two,.grid.three{grid-template-columns:1fr}.bot-grid,.catalog-grid,.form-cards{grid-template-columns:1fr}.automation-builder,.settings-layout,.composer-layout{grid-template-columns:1fr}.telegram-preview{position:relative;top:auto;min-height:380px}.mini-stats{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;max-width:520px}.login-visual{display:none}.login-panel{padding:38px 28px}.page-hero{display:block}.hero-actions{margin-top:14px}.preset-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar-actions{gap:6px}.top-add{padding:9px 11px}.top-add-caret{display:none}.page-hero h1{font-size:28px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:122px;padding:13px}.metric-value{font-size:24px}.metric-icon{width:32px;height:32px}.quick-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.filterbar{display:grid}.filterbar select,.search-table,.search-table input{width:100%;min-width:0}.mini-stats{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:1fr}.topbar .engine-chip{display:none}.admin-card{padding:10px}.chart-card{min-height:290px}.chart-wrap{height:180px}.login-panel{padding:32px 20px}}

/* Fanvexa V3.1 · Advanced Bot Manager */
.bot-fleet-hero{margin-bottom:16px}.bot-connect-card{margin-bottom:14px}.bot-grid.advanced{grid-template-columns:repeat(3,minmax(0,1fr))}.bot-ops-card{border:1px solid #222e43;border-radius:16px;background:linear-gradient(180deg,#121827,#0c121e);overflow:hidden;transition:.18s ease}.bot-ops-card:hover{transform:translateY(-2px);border-color:#3b4b6b;box-shadow:0 20px 48px rgba(0,0,0,.24)}.bot-ops-main{display:block;padding:16px;color:inherit;text-decoration:none}.bot-ops-head{display:flex;align-items:center;gap:11px}.bot-avatar-lg{width:44px;height:44px;font-size:14px}.bot-avatar-xl{width:58px;height:58px;font-size:18px;box-shadow:0 0 0 5px rgba(126,83,255,.08),0 12px 30px rgba(0,0,0,.22)}.bot-runtime-line{display:grid;grid-template-columns:8px auto 1fr;align-items:center;gap:7px;margin-top:13px;padding:9px 10px;border:1px solid #202b3e;background:#0b111c;border-radius:10px;font-size:8px;color:#8b99ad}.bot-runtime-line small{text-align:right;color:#65738a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtime-dot{width:7px;height:7px;border-radius:50%;background:#6c7585}.runtime-dot.on{background:#42d59b;box-shadow:0 0 10px rgba(66,213,155,.55)}.bot-ops-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.bot-ops-stats>div{border:1px solid #202a3c;background:#0c121d;border-radius:9px;padding:9px}.bot-ops-stats b,.bot-ops-stats small{display:block}.bot-ops-stats b{font-size:14px}.bot-ops-stats small{font-size:7px;color:#66758b;margin-top:2px}.bot-ops-actions{display:flex;align-items:center;gap:6px;border-top:1px solid #202a3d;padding:10px 12px;background:#0b101a}.bot-ops-actions form{display:inline-flex}.bot-control-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:4px 0 2px}.bot-identity-row{display:flex;align-items:center;gap:16px;margin-top:10px}.bot-identity-row h1{font-size:32px;line-height:1.05;letter-spacing:-.045em;margin:3px 0 5px}.bot-identity-row p{margin:0;color:#7f8ca2;font-size:10px}.bot-control-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.bot-health-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}.health-card{display:flex;align-items:center;gap:11px;border:1px solid #222d41;border-radius:14px;padding:13px;background:linear-gradient(180deg,#111827,#0e1420)}.health-card>div{min-width:0}.health-card small,.health-card b,.health-card em{display:block}.health-card small{color:#718097;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.health-card b{font-size:19px;margin-top:2px;font-style:normal}.health-card em{font-size:7px;color:#64738a;margin-top:2px;font-style:normal}.metric-icon.violet{background:rgba(128,83,255,.15);color:#a985ff}.metric-icon.blue{background:rgba(55,157,255,.14);color:#6bb7ff}.metric-icon.orange{background:rgba(255,160,59,.13);color:#ffad57}.metric-icon.green{background:rgba(66,213,155,.12);color:#55dba7}.bot-tabs{position:sticky;top:72px;z-index:22;background:rgba(8,12,20,.92);backdrop-filter:blur(14px);padding:8px;border:1px solid #202a3d;border-radius:13px;margin-bottom:14px;overflow:auto}.bot-tabs a{white-space:nowrap}.bot-section-grid{display:grid;grid-template-columns:1fr 1fr 330px;gap:12px;margin-bottom:14px}.control-summary{min-height:300px}.system-list{display:grid;gap:7px}.system-list>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;border-bottom:1px solid #202a3d;padding:8px 0;font-size:8px}.system-list i{width:7px;height:7px;border-radius:50%;background:#42d59b;box-shadow:0 0 9px rgba(66,213,155,.45)}.system-list span{color:#8290a5}.system-list b{font-size:8px}.bot-meta-panel{display:grid;grid-template-columns:1fr;gap:3px;border:1px solid #202b3f;background:#0b111c;border-radius:10px;padding:10px;margin-top:13px}.bot-meta-panel small{color:#68778d;font-size:7px}.bot-meta-panel b{font-size:8px;margin-bottom:4px}.command-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.subheading{font-size:10px;margin:0 0 9px;color:#dce5f1}.command-list{display:grid;gap:7px}.command-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;border:1px solid #222d42;border-radius:10px;background:#0d1420;padding:9px 10px}.command-row code{font-size:9px;color:#c5b5ff}.command-row span:nth-child(2){font-size:8px;color:#8997ab}.command-create{border:1px solid #263149;background:linear-gradient(180deg,#12192a,#0d1421);border-radius:13px;padding:13px}.input-prefix{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#0b111b;overflow:hidden}.input-prefix>span{padding:0 0 0 11px;color:#8061e5;font-weight:850}.input-prefix input{border:0!important;box-shadow:none!important;background:transparent!important}.check-line{display:flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;font-size:8px!important;color:#8d9aaf!important}.check-line input{width:14px!important;height:14px!important;min-height:0!important;accent-color:#8058ef}.custom-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.custom-command-card{border:1px solid #222e43;border-radius:13px;background:#0e1522;padding:12px}.custom-command-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-command-card code{color:#bba6ff;font-size:10px}.custom-command-card>b{display:block;font-size:9px;margin-top:8px}.custom-command-card p{font-size:8px;color:#77869c;line-height:1.5;min-height:36px}.command-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #202a3c;padding-top:9px}.command-card-foot>span{font-size:7px;color:#68768b}.command-card-foot>div{display:flex;gap:5px}.command-card-foot form{display:inline-flex}.tool-panel{border:1px solid #253048;border-radius:13px;background:linear-gradient(180deg,#111827,#0c131f);padding:14px}.tool-panel h3{font-size:11px;margin:0}.broadcast-panel{border-color:#3a2d3a;background:linear-gradient(180deg,rgba(63,29,40,.26),#0c131f)}.danger-check{color:#bd8f9a!important}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.compact-table{display:grid;gap:7px}.compact-row{display:flex;align-items:center;gap:9px;border:1px solid #202b3f;background:#0c131f;border-radius:10px;padding:9px;color:inherit;text-decoration:none}.avatar.small{width:30px;height:30px;font-size:9px}.compact-row .grow b,.compact-row .grow span{display:block}.compact-row .grow b{font-size:8px}.compact-row .grow span{font-size:7px;color:#75849a;margin-top:2px}.compact-row>strong{font-size:10px}.compact-row>small{font-size:7px;color:#66758b}.ticket-link:hover{border-color:#3c4c6c;background:#111a2a}.live-log-card{overflow:hidden}.live-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#40d69c;box-shadow:0 0 12px rgba(64,214,156,.8);margin-right:5px;animation:live-pulse 1.7s infinite}.log-level{font-size:7px;text-transform:uppercase;color:#718097;border:1px solid #283349;border-radius:999px;padding:3px 6px}.log-level.error{color:#ff8c9e;border-color:#5b2d38}.log-level.warning{color:#ffc36e;border-color:#59452d}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form-grid .span-2{grid-column:1/-1}@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}
@media(max-width:1450px){.bot-grid.advanced{grid-template-columns:repeat(2,1fr)}.bot-section-grid{grid-template-columns:1fr 1fr}.control-summary{grid-column:1/-1}.bot-health-strip{grid-template-columns:repeat(3,1fr)}.custom-command-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.bot-control-hero{display:block}.bot-control-actions{margin-top:14px;display:flex;flex-wrap:wrap}.bot-health-strip{grid-template-columns:1fr 1fr}.bot-section-grid,.command-manager-grid,.audience-grid{grid-template-columns:1fr}.control-summary{grid-column:auto}.custom-command-grid{grid-template-columns:1fr}.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .span-2{grid-column:auto}.bot-tabs{top:72px}.bot-grid.advanced{grid-template-columns:1fr}}
@media(max-width:560px){.bot-health-strip{grid-template-columns:1fr}.bot-identity-row{align-items:flex-start}.bot-avatar-xl{width:46px;height:46px}.bot-identity-row h1{font-size:25px}.bot-ops-actions{flex-wrap:wrap}.command-row{grid-template-columns:75px 1fr}.command-row .status{grid-column:1/-1;justify-self:start}}

/* Fanvexa V3.2 Publishing Studio */
.publishing-hero{background:radial-gradient(circle at 82% 20%,rgba(122,79,255,.14),transparent 34%)}
.publishing-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 14px}.mini-kpi{background:linear-gradient(180deg,rgba(17,25,42,.96),rgba(11,18,31,.96));border:1px solid var(--line);border-radius:16px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.mini-kpi span{color:var(--muted);font-size:12px}.mini-kpi b{font-size:22px}.mini-kpi.purple b{color:#9d7aff}.mini-kpi.green b{color:#58e7ae}.mini-kpi.red b{color:#ff7486}
.composer-pro-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:16px;align-items:start}.composer-pro-card{padding:22px}.preview-sticky{position:sticky;top:98px;display:grid;gap:14px}.preview-device{border:1px solid rgba(139,105,255,.36);border-radius:22px;background:linear-gradient(160deg,#17223a,#0d1422 52%,#17112c);box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden}.preview-top{padding:15px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.preview-top span:nth-child(2){display:grid;flex:1}.preview-top small{color:var(--muted)}.preview-live{font-size:9px;letter-spacing:.12em;color:#58e7ae;border:1px solid rgba(88,231,174,.26);padding:5px 7px;border-radius:999px}.preview-chat-bg{padding:26px 18px;min-height:430px;background:radial-gradient(circle at 30% 20%,rgba(93,66,166,.24),transparent 27%),linear-gradient(145deg,rgba(17,28,48,.95),rgba(9,15,26,.98))}.tg-message.pro{max-width:92%;margin-left:auto}.tg-buttons-stack{display:grid;gap:5px;margin-top:8px}.tg-buttons-stack .tg-button{display:block;text-align:center}.campaign-summary{padding:17px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}
.field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.field-label-row>span{font-weight:700;font-size:12px}.field-label-row small{color:var(--muted)}.bot-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bot-select-card{position:relative;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:rgba(8,14,25,.56);cursor:pointer}.bot-select-card input{position:absolute;opacity:0;pointer-events:none}.bot-select-card:has(input:checked){border-color:rgba(133,91,255,.75);background:linear-gradient(135deg,rgba(109,69,224,.18),rgba(12,19,32,.85));box-shadow:inset 0 0 0 1px rgba(133,91,255,.14)}.bot-select-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1b2540;font-weight:800}.bot-select-card span:nth-child(3){display:grid}.bot-select-card b{font-size:12px}.bot-select-card small{font-size:10px;color:var(--muted)}.check-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#202a3d;color:transparent}.bot-select-card:has(input:checked) .check-dot{background:#8057ff;color:#fff}
.media-studio{border:1px solid var(--line);border-radius:16px;padding:15px;background:rgba(9,15,26,.44)}.media-drop{border:1px dashed rgba(132,99,238,.5);border-radius:14px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;cursor:pointer;background:radial-gradient(circle at 50% 0,rgba(128,81,255,.11),transparent 70%)}.media-drop.dragging{border-color:#9c7dff;background:rgba(121,81,242,.12)}.media-drop input{display:none}.media-drop svg{width:23px;height:23px;color:#9a7cff}.media-drop b{font-size:13px}.media-drop span,.media-drop em{font-size:10px;color:var(--muted);font-style:normal}.or-divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;margin:9px 0}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}
.button-builder{border:1px solid var(--line);border-radius:16px;padding:15px}.button-builder-list{display:grid;gap:8px}.button-editor-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:7px;align-items:center}.button-editor-row input{min-width:0}.empty.compact{padding:16px;margin:0}.schedule-box{display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid var(--line);border-radius:16px;padding:15px;background:linear-gradient(135deg,rgba(86,56,170,.09),rgba(10,16,28,.65))}.schedule-box label{grid-column:1/-1}.schedule-presets{display:flex;gap:6px;align-items:start}.composer-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.queue-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.queue-tabs .mini.active{background:rgba(130,88,255,.17);border-color:rgba(130,88,255,.55);color:#c9baff}.queue-tabs b{margin-left:5px}.post-copy-cell{max-width:340px}.error-copy{display:block;color:#ff8698;margin-top:4px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.status.draft{color:#b9c0cd;background:rgba(135,145,163,.12)}.status.cancelled{color:#efbb72;background:rgba(225,157,67,.12)}
@media(max-width:1100px){.composer-pro-grid{grid-template-columns:1fr}.preview-sticky{position:static}.publishing-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.publishing-kpis{grid-template-columns:repeat(2,1fr)}.bot-selector-grid{grid-template-columns:1fr}.button-editor-row{grid-template-columns:1fr}.schedule-box{grid-template-columns:1fr}.schedule-presets{flex-wrap:wrap}.composer-actions .btn{flex:1}.preview-chat-bg{min-height:330px}}

/* Fanvexa V3.2.1 Destination Manager */
.mini-kpi.blue b{color:#65b7ff}.destination-picker{border:1px solid var(--line);border-radius:16px;padding:15px;background:linear-gradient(180deg,rgba(13,20,34,.75),rgba(9,15,26,.6))}.destination-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.destination-tabs .mini.active{background:rgba(130,88,255,.18);border-color:rgba(130,88,255,.55);color:#d0c2ff}.destination-panel{display:none}.destination-panel.active{display:block}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.destination-option{position:relative;display:grid;grid-template-columns:24px 34px 1fr auto;gap:9px;align-items:center;border:1px solid #243048;border-radius:13px;padding:10px;background:#0c1422;cursor:pointer;transition:.16s ease}.destination-option input{width:15px;height:15px;accent-color:#8158ff}.destination-option:hover{border-color:#3a4968;background:#101a2a}.destination-option:has(input:checked){border-color:rgba(133,91,255,.74);box-shadow:inset 0 0 0 1px rgba(133,91,255,.11);background:linear-gradient(135deg,rgba(112,69,225,.15),#0d1523)}.destination-option.bot-disabled{opacity:.35;filter:saturate(.45);pointer-events:none}.destination-option.unverified{opacity:.6}.destination-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#18223a;font-size:15px}.destination-copy{min-width:0}.destination-copy b,.destination-copy small{display:block}.destination-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destination-copy small{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destination-user-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.destination-user-toolbar span{font-size:10px;color:var(--muted)}.destination-user-toolbar input{max-width:260px}.broadcast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.broadcast-card{position:relative;display:grid;grid-template-columns:0 42px 1fr 20px;gap:10px;align-items:center;border:1px solid #26324a;border-radius:14px;padding:13px;background:linear-gradient(135deg,rgba(42,92,73,.15),rgba(12,20,32,.9));cursor:pointer;overflow:hidden}.broadcast-card input{position:absolute;opacity:0}.broadcast-card:has(input:checked){border-color:rgba(67,214,153,.52);box-shadow:inset 0 0 0 1px rgba(67,214,153,.08)}.broadcast-card.bot-disabled{opacity:.35;pointer-events:none}.broadcast-orb{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(54,213,147,.12);color:#5be4ad}.broadcast-orb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.broadcast-card b,.broadcast-card small{display:block}.broadcast-card b{font-size:11px}.broadcast-card small{font-size:9px;color:var(--muted);margin-top:3px}.manual-verify-row{display:grid;grid-template-columns:190px 1fr auto;gap:8px;margin-top:9px}.destination-verify-result{margin-top:9px;border-radius:11px;padding:10px 12px;border:1px solid #2b374e;background:#0d1522;display:flex;justify-content:space-between;gap:8px;align-items:center}.destination-verify-result b{font-size:10px}.destination-verify-result span{font-size:9px;color:var(--muted)}.destination-verify-result.success{border-color:rgba(71,222,155,.35);background:rgba(24,73,54,.16);color:#74eab7}.destination-verify-result.error{border-color:rgba(255,100,124,.35);background:rgba(86,30,42,.16);color:#ff9bac}.destination-verify-result.loading{color:#bbaaff}.destination-selection-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:11px;color:var(--muted);font-size:10px}.destination-selection-bar b{color:#c5b5ff;font-size:12px}.delivery-guard{padding:16px}.delivery-guard h3{margin:5px 0 12px}.guard-row{display:flex;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding:9px 0}.guard-row span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(71,222,155,.12);color:#5fe3ac;font-size:10px}.guard-row p{margin:0;font-size:9px;color:var(--muted)}.destination-manager-layout{display:grid;grid-template-columns:minmax(280px,.55fr) 1.45fr;gap:14px}.destination-add-form{border:1px solid #253149;border-radius:14px;background:#0c1421;padding:14px}.destination-library-list{display:grid;gap:7px;align-content:start}.destination-library-row{display:grid;grid-template-columns:36px 1fr auto auto auto;gap:8px;align-items:center;border:1px solid #222e43;border-radius:12px;background:#0c1420;padding:9px}.destination-library-row form{display:inline-flex}.destination-library-row .status{white-space:nowrap}.status.error{color:#ff91a1;background:rgba(255,100,124,.10)}
@media(max-width:1000px){.destination-manager-layout{grid-template-columns:1fr}.destination-grid,.broadcast-grid{grid-template-columns:1fr}}@media(max-width:720px){.manual-verify-row{grid-template-columns:1fr}.destination-user-toolbar{align-items:stretch;flex-direction:column}.destination-user-toolbar input{max-width:none}.destination-library-row{grid-template-columns:36px 1fr auto}.destination-library-row form{grid-column:auto}.destination-library-row .status{grid-column:3}.destination-option{grid-template-columns:22px 32px 1fr}.destination-option>.status{grid-column:2/-1;justify-self:start}}

/* Fanvexa V3.3 Visual Automation Builder */
.automation-v33-hero{background:radial-gradient(circle at 78% 15%,rgba(129,83,255,.12),transparent 34%)}
.automation-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.automation-kpis .mini-kpi.red b{color:#ff8499}
.visual-flow-shell{border:1px solid #26324b;border-radius:22px;background:linear-gradient(180deg,rgba(15,23,39,.97),rgba(8,14,25,.98));box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);overflow:hidden;margin-bottom:16px}.flow-builder-topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:21px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(104,65,220,.08),transparent 45%)}.flow-builder-topbar h2{margin:4px 0 3px}.flow-builder-topbar p{margin:0;color:var(--muted);font-size:10px}.flow-template-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.flow-meta-row{display:grid;grid-template-columns:1fr 1.35fr 240px;gap:11px;padding:16px 22px;border-bottom:1px solid var(--line)}.flow-save-state{display:flex;align-items:center;gap:10px;border:1px solid #253148;border-radius:13px;padding:10px 12px;background:#0b1421}.flow-save-state b,.flow-save-state small{display:block}.flow-save-state b{font-size:10px}.flow-save-state small{font-size:9px;color:var(--muted);margin-top:2px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#47dfa0;box-shadow:0 0 13px rgba(71,223,160,.8);display:inline-block}
.flow-workspace{display:grid;grid-template-columns:220px minmax(520px,1fr) 250px;min-height:680px}.flow-palette,.flow-testbench{padding:18px;border-right:1px solid var(--line);background:rgba(7,13,23,.68)}.flow-testbench{border-right:0;border-left:1px solid var(--line)}.flow-palette h3,.flow-testbench h3{margin:5px 0}.flow-palette>p,.flow-testbench>p{font-size:9px;color:var(--muted);margin:0 0 15px}.palette-group{display:grid;gap:7px;margin:16px 0}.palette-group>b{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8491a9}.palette-group button{border:1px solid #222f46;background:#0c1523;color:var(--text);border-radius:12px;padding:9px;display:grid;grid-template-columns:32px 1fr;gap:9px;text-align:left;align-items:center;cursor:pointer;transition:.16s}.palette-group button:hover{transform:translateY(-1px);border-color:#4c3a87;background:#111a2b}.palette-group button span:last-child{font-size:10px;font-weight:700}.palette-group button small{display:block;font-weight:400;font-size:8px;color:var(--muted);margin-top:3px}.node-glyph{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#1a2440;color:#b8a5ff}.node-glyph.purple{background:rgba(128,83,255,.16);color:#b99cff}.node-glyph.blue{background:rgba(67,151,255,.14);color:#72baff}.node-glyph.green{background:rgba(58,212,145,.14);color:#5fe2ab}.node-glyph.amber{background:rgba(243,170,66,.14);color:#ffc26a}.node-glyph.red{background:rgba(255,91,118,.14);color:#ff8ca0}
.flow-canvas-wrap{background:radial-gradient(circle at 50% 0,rgba(116,72,220,.08),transparent 36%),#09111d;min-width:0}.flow-canvas-toolbar{height:48px;border-bottom:1px solid #202c40;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#9ba8bd;font-size:9px}.flow-canvas-toolbar span{display:flex;align-items:center;gap:7px;color:#c2ccda}.flow-canvas{padding:22px;max-width:760px;margin:auto}.flow-stage{position:relative}.flow-stage-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.flow-stage-title small,.flow-node-head small{font-size:8px;letter-spacing:.12em;color:#8d79db}.flow-stage-title b{display:block;font-size:12px;margin-top:2px}.flow-node-stack{display:grid;gap:9px}.flow-node{border:1px solid #2b3851;border-radius:15px;background:linear-gradient(180deg,#101a2a,#0c1522);padding:13px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.16s}.flow-node:hover{border-color:#3d4d6e}.trigger-node{border-color:rgba(129,84,255,.52);box-shadow:0 0 0 1px rgba(129,84,255,.06),0 16px 42px rgba(45,25,92,.2)}.condition-node{border-left:3px solid #d69b3e}.action-node{border-left:3px solid #7653ed;cursor:grab}.action-node.dragging{opacity:.45;transform:scale(.99)}.action-node.drag-over{border-color:#9978ff;background:#141e32}.flow-node-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.flow-node-head>div{flex:1}.flow-node-head b{display:block;font-size:11px;margin-top:2px}.node-remove{width:27px;height:27px;border:1px solid #303b50;border-radius:8px;background:#101827;color:#8896aa;cursor:pointer}.node-remove:hover{border-color:#713744;color:#ff8397}.node-drag{font-size:16px;color:#69778e;cursor:grab}.flow-node-fields{display:grid;grid-template-columns:.75fr 1.25fr;gap:8px}.flow-node-fields.action-fields textarea{min-height:70px}.flow-node-fields textarea{grid-column:auto}.flow-connector{height:42px;display:grid;place-items:center;position:relative}.flow-connector span{height:42px;width:1px;background:linear-gradient(#5f43c8,#3a2b75)}.flow-connector i{position:absolute;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#151d2e;color:#8c71eb;font-style:normal;font-size:10px;border:1px solid #352960}.flow-empty-node{border:1px dashed #2b3549;border-radius:13px;padding:15px;text-align:center;color:#66748a;font-size:9px;background:rgba(10,17,28,.5)}.flow-end-node{display:flex;align-items:center;gap:10px;margin:18px auto 0;width:max-content;max-width:100%;border:1px solid rgba(67,218,151,.25);background:rgba(32,91,68,.09);border-radius:13px;padding:10px 14px}.flow-end-node>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(60,219,151,.12);color:#5ce3ac}.flow-end-node b,.flow-end-node small{display:block}.flow-end-node b{font-size:10px}.flow-end-node small{font-size:8px;color:var(--muted);margin-top:2px}
.flow-testbench label{margin-bottom:10px}.checkline{display:flex!important;align-items:center;gap:8px;font-size:9px!important;color:#aab6c9!important}.checkline input{width:auto}.flow-testbench .btn{width:100%;justify-content:center}.flow-test-result{margin-top:12px;display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #2a3549;border-radius:12px;background:#0c1421}.flow-test-result.success{border-color:rgba(66,218,150,.34);background:rgba(42,108,79,.09)}.flow-test-result.error{border-color:rgba(255,100,125,.3);background:rgba(102,40,51,.08)}.test-orb{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#192238;color:#9880ed;font-weight:900}.flow-test-result.success .test-orb{background:rgba(67,218,150,.12);color:#5ee3ad}.flow-test-result.error .test-orb{background:rgba(255,99,123,.11);color:#ff8397}.flow-test-result b,.flow-test-result small{display:block}.flow-test-result b{font-size:10px}.flow-test-result small{font-size:8px;color:var(--muted);margin-top:2px}.flow-variables{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.flow-variables>b{width:100%;font-size:9px;margin-bottom:4px}.flow-variables code{font-size:8px;border:1px solid #28334a;background:#0c1421;border-radius:7px;padding:5px;color:#b8a8ef}.flow-builder-footer{border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;background:#0a121f}.flow-builder-footer>div:first-child{display:flex;align-items:center;gap:8px}.flow-builder-footer small{font-size:9px;color:var(--muted)}
.workflow-library{margin-top:16px}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-card{border:1px solid #26324a;border-radius:15px;background:linear-gradient(150deg,rgba(18,27,44,.94),rgba(10,17,29,.96));padding:13px;transition:.16s}.workflow-card:hover{border-color:#3d4d6e;transform:translateY(-1px)}.workflow-card.disabled{opacity:.62}.workflow-card-head{display:flex;align-items:center;gap:9px}.workflow-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:rgba(124,82,255,.13);color:#a98dff}.workflow-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.workflow-card-head b,.workflow-card-head small{display:block}.workflow-card-head b{font-size:11px}.workflow-card-head small{font-size:8px;color:var(--muted);margin-top:2px}.workflow-mini-chain{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0}.workflow-mini-chain span{font-size:8px;padding:5px 7px;border:1px solid #28344a;border-radius:8px;color:#abb6c8}.workflow-mini-chain i{font-style:normal;color:#66539b}.workflow-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #202b3e;border-bottom:1px solid #202b3e;margin:9px 0}.workflow-metrics>div{padding:8px 4px}.workflow-metrics small,.workflow-metrics b{display:block}.workflow-metrics small{font-size:7px;letter-spacing:.12em;color:#748196}.workflow-metrics b{font-size:10px;margin-top:3px}.flow-error-line{font-size:8px;color:#ff899d;border:1px solid rgba(255,96,120,.18);background:rgba(95,30,42,.09);border-radius:8px;padding:7px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card-actions{display:flex;gap:6px;flex-wrap:wrap}.workflow-card-actions form{display:inline-flex}.workflow-empty{grid-column:1/-1}.classic-automations{margin-top:16px}.classic-automation-layout{display:grid;grid-template-columns:340px 1fr;gap:14px}.classic-automation-layout>.stack{border:1px solid #263149;border-radius:14px;padding:13px;background:#0b1421}
@media(max-width:1250px){.flow-workspace{grid-template-columns:190px minmax(460px,1fr)}.flow-testbench{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow-testbench>.eyebrow,.flow-testbench>h3,.flow-testbench>p,.flow-testbench>.flow-variables{grid-column:1/-1}.flow-testbench .btn{align-self:end}.flow-test-result{margin-top:0;align-self:end}.flow-meta-row{grid-template-columns:1fr 1fr}.flow-save-state{grid-column:1/-1}.workflow-grid{grid-template-columns:1fr}}
@media(max-width:900px){.flow-workspace{grid-template-columns:1fr}.flow-palette{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-palette>.eyebrow,.flow-palette>h3,.flow-palette>p{grid-column:1/-1}.palette-group{margin:0}.flow-canvas-wrap{min-width:0}.classic-automation-layout{grid-template-columns:1fr}.automation-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.flow-builder-topbar,.flow-builder-footer{flex-direction:column;align-items:stretch}.flow-template-actions{justify-content:flex-start}.flow-meta-row{grid-template-columns:1fr}.flow-palette{grid-template-columns:1fr}.flow-testbench{grid-template-columns:1fr}.flow-testbench>.eyebrow,.flow-testbench>h3,.flow-testbench>p,.flow-testbench>.flow-variables{grid-column:1}.flow-node-fields{grid-template-columns:1fr}.flow-canvas{padding:13px}.automation-kpis{grid-template-columns:1fr 1fr}.workflow-card-actions .mini{flex:1}.workflow-card-actions form{flex:1}.workflow-card-actions form .mini{width:100%}}

/* =========================================================
   FANVEXA V3.4 - GLOBAL DARK SELECTS
   ========================================================= */
html,body{color-scheme:dark}select,input,textarea,button{color-scheme:dark}select{background-color:#0d1422!important;color:#f5f7ff!important;border-color:rgba(139,92,246,.30)!important}select:hover{border-color:rgba(139,92,246,.65)!important}select:focus{background-color:#0d1422!important;color:#fff!important;border-color:#8b5cf6!important;outline:none!important;box-shadow:0 0 0 3px rgba(139,92,246,.14)!important}select option,select optgroup{background-color:#0b1120!important;color:#f5f7ff!important}select option:checked{background:#6d4aff!important;color:#fff!important}select:disabled{background:#111827!important;color:#6b7280!important;opacity:.7}

/* =========================================================
   FANVEXA V3.4 - CRM + INBOX
   ========================================================= */
.crm-hero{margin-bottom:14px}.crm-shell{display:grid;grid-template-columns:320px minmax(0,1fr) 310px;gap:12px;min-height:720px}.crm-shell>.card{padding:0;overflow:hidden;min-width:0}.crm-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.crm-panel-head h2{margin:3px 0 0;font-size:18px}.crm-filter{display:grid;gap:8px;padding:0 14px 14px;border-bottom:1px solid var(--line)}.crm-filter .search-table{width:100%;min-width:0}.crm-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.crm-filter select{min-width:0}.crm-filter>.btn{justify-self:start}.contact-list{max-height:646px;overflow:auto;padding:7px}.contact-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 10px;border:1px solid transparent;border-radius:13px;color:inherit;text-decoration:none;transition:.15s}.contact-row:hover{background:#101827;border-color:#243149}.contact-row.active{background:linear-gradient(135deg,rgba(126,82,255,.14),rgba(29,43,70,.28));border-color:rgba(130,88,255,.5);box-shadow:inset 3px 0 0 #8258ff}.contact-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#28334d,#161f31);color:#d8ceff;font-weight:900;border:1px solid #303c57}.contact-avatar.large{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#754ef3,#35246f);color:#fff;box-shadow:0 0 24px rgba(126,82,255,.2)}.contact-main{min-width:0}.contact-main b,.contact-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-main b{font-size:11px}.contact-main small{font-size:8px;color:var(--muted);margin-top:3px}.contact-tags{display:flex;gap:4px;margin-top:5px}.contact-tags i{font-style:normal;font-size:7px;color:#b9a9ed;border:1px solid #352d54;background:#17142a;padding:3px 5px;border-radius:99px}.contact-side{text-align:right;display:grid;justify-items:end;gap:5px}.contact-side small{font-size:7px;color:var(--muted)}.stage{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #33405a;border-radius:99px;font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#9facbe;background:#111927}.stage-new{border-color:#33405a;color:#aab5c5}.stage-lead{border-color:rgba(131,88,255,.42);color:#b8a0ff;background:rgba(131,88,255,.08)}.stage-customer{border-color:rgba(67,218,151,.35);color:#68dfac;background:rgba(67,218,151,.07)}.stage-vip{border-color:rgba(255,190,78,.38);color:#ffc86f;background:rgba(255,190,78,.07)}.stage-support{border-color:rgba(73,163,255,.38);color:#75baff;background:rgba(73,163,255,.07)}.stage-inactive{opacity:.65}.crm-empty{padding:34px 10px}
.crm-conversation{display:flex;flex-direction:column;min-height:720px;background:linear-gradient(180deg,#0f1624,#0b111c)}.conversation-head{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line);gap:12px}.conversation-person{display:flex;align-items:center;gap:11px;min-width:0}.conversation-person h2{margin:0;font-size:15px}.conversation-person p{margin:4px 0 0;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-actions{display:flex;align-items:center;gap:7px}.conversation-stream{flex:1;min-height:480px;max-height:560px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at 30% 0,rgba(101,67,196,.06),transparent 40%),linear-gradient(180deg,rgba(8,15,25,.65),rgba(8,13,23,.9))}.chat-bubble{max-width:min(74%,620px);border-radius:15px;padding:10px 11px 7px;border:1px solid #253149;background:#121c2a;align-self:flex-start;box-shadow:0 8px 24px rgba(0,0,0,.12)}.chat-bubble.outgoing{align-self:flex-end;background:linear-gradient(140deg,rgba(101,68,213,.38),rgba(54,39,120,.34));border-color:rgba(132,91,255,.46)}.chat-bubble>div{font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble footer{display:flex;justify-content:flex-end;gap:7px;margin-top:5px;color:#718099;font-size:7px}.chat-bubble.outgoing footer{color:#ad9ee3}.conversation-empty{margin:auto;text-align:center;max-width:340px}.conversation-empty>span,.welcome-orb{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin:0 auto 12px;background:rgba(125,80,255,.12);border:1px solid rgba(129,84,255,.3);color:#9e82ff;font-size:21px;box-shadow:0 0 35px rgba(124,82,255,.12)}.conversation-empty h3,.crm-welcome h2{margin:5px 0;font-size:18px}.conversation-empty p,.crm-welcome>p{font-size:9px;color:var(--muted);line-height:1.55}.message-composer{padding:12px;border-top:1px solid var(--line);background:#0c1421}.message-composer textarea{min-height:64px;resize:vertical;background:#09111d}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-foot>span{font-size:8px;color:var(--muted)}.composer-foot .btn svg{width:14px;height:14px}.crm-welcome{margin:auto;text-align:center;padding:30px;max-width:620px}.crm-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;text-align:left}.crm-feature-grid>div{border:1px solid #263249;background:#0f1827;border-radius:12px;padding:12px}.crm-feature-grid b,.crm-feature-grid small{display:block}.crm-feature-grid b{font-size:10px}.crm-feature-grid small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.4}
.crm-profile{max-height:720px;overflow:auto}.contact-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 13px}.contact-kpis>div{border:1px solid #253048;background:#0c1522;border-radius:11px;padding:9px}.contact-kpis small,.contact-kpis b{display:block}.contact-kpis small{font-size:7px;letter-spacing:.08em;color:#77849a}.contact-kpis b{font-size:15px;margin-top:3px}.crm-profile-form{padding:13px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.crm-profile-form label{font-size:8px;color:#93a0b5}.crm-profile-form textarea{min-height:100px}.profile-section{padding:14px;border-bottom:1px solid var(--line)}.section-inline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-inline-head b{font-size:10px}.section-inline-head a,.section-inline-head small{font-size:8px;color:#9d83ed;text-decoration:none}.crm-tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.crm-tag-cloud form{display:inline-flex}.crm-tag-cloud button{border:1px solid #3a315c;background:#18152b;color:#c0b0f1;border-radius:99px;padding:5px 8px;font-size:8px;cursor:pointer}.tag-add{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}.mini-history{display:grid;gap:6px}.mini-history>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#bdc6d5;border:1px solid #222e44;background:#0c1522;border-radius:9px;padding:8px;font-size:8px}.mini-history p{font-size:8px;color:var(--muted)}.status-dot{font-style:normal;font-size:7px;text-transform:uppercase;color:#8d9aad}.status-dot.open{color:#56dda3}.contact-data{display:grid;gap:0;margin:0}.contact-data>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #202b3e}.contact-data>div:last-child{border-bottom:0}.contact-data dt{font-size:8px;color:var(--muted)}.contact-data dd{font-size:8px;margin:0;text-align:right;color:#c6cfdd}.crm-profile-placeholder{height:100%;min-height:400px;display:grid;place-content:center;text-align:center;color:#66748a}.crm-profile-placeholder span{font-size:32px}.crm-profile-placeholder p{font-size:9px}.muted{color:var(--muted);font-size:8px}
@media(max-width:1350px){.crm-shell{grid-template-columns:290px minmax(0,1fr)}.crm-profile{grid-column:1/-1;max-height:none}.crm-profile .crm-panel-head{border-top:1px solid var(--line)}.contact-kpis{grid-template-columns:repeat(3,minmax(0,180px))}.crm-profile-form{display:grid;grid-template-columns:220px minmax(300px,1fr) auto;align-items:end}.crm-profile-form label{margin:0}.crm-profile-form textarea{min-height:72px}.profile-section{display:inline-block;width:33.333%;vertical-align:top}}
@media(max-width:900px){.crm-shell{grid-template-columns:1fr}.crm-contacts{max-height:480px}.contact-list{max-height:330px}.crm-conversation{min-height:620px}.crm-profile{grid-column:auto}.crm-profile-form{display:grid;grid-template-columns:1fr}.profile-section{display:block;width:100%}.conversation-stream{max-height:480px}.chat-bubble{max-width:86%}}
@media(max-width:600px){.crm-filter-grid{grid-template-columns:1fr}.conversation-head{align-items:flex-start}.conversation-actions{display:none}.crm-feature-grid{grid-template-columns:1fr}.contact-kpis{grid-template-columns:repeat(3,1fr)}.chat-bubble{max-width:94%}.composer-foot{gap:8px}.composer-foot>span{display:none}}

/* =========================================================
   FANVEXA V4.0 - LAUNCH EDITION
   ========================================================= */
.support-kpis,.booking-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.mini-kpi{border:1px solid var(--line);background:linear-gradient(180deg,#101827,#0c1421);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.mini-kpi span{font-size:8px;color:var(--muted);letter-spacing:.12em}.mini-kpi b{font-size:24px}.mini-kpi.urgent{border-color:rgba(255,100,124,.35);background:linear-gradient(180deg,rgba(58,19,29,.55),#0d1421)}.mini-kpi.urgent b{color:#ff8599}.filter-bar,.filter-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-bar select,.filter-bar input{min-width:150px}.filter-bar .grow{flex:1;min-width:220px}.ticket-table td>b,.ticket-table td>small,.ticket-table td>a+small{display:block}.ticket-table td small{font-size:8px;color:var(--muted);margin-top:4px}.priority{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;text-transform:uppercase;font-size:7px;font-weight:850;letter-spacing:.07em;border:1px solid #35415a;color:#aeb9ca;background:#111927}.priority-low{color:#80c9ff;border-color:rgba(81,168,255,.3);background:rgba(81,168,255,.07)}.priority-normal{color:#b5c0d0}.priority-high{color:#ffc06c;border-color:rgba(255,180,77,.32);background:rgba(255,180,77,.07)}.priority-urgent{color:#ff8da0;border-color:rgba(255,100,124,.38);background:rgba(255,100,124,.09);box-shadow:0 0 18px rgba(255,100,124,.08)}.status.pending{color:#ffd07a;border-color:rgba(255,190,78,.32);background:rgba(255,190,78,.07)}.ticket-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;align-items:start}.ticket-side{display:grid;gap:14px;position:sticky;top:110px}.ticket-thread{min-height:680px}.support-thread{min-height:450px;max-height:560px;overflow:auto}.ticket-thread .message-composer{margin:16px -19px -19px}.catalog-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}.commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-card{border:1px solid var(--line);background:#0c1421;border-radius:15px;overflow:hidden}.commerce-image{height:150px;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.commerce-image.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(126,82,255,.2),transparent 55%),#0c1522}.commerce-image.placeholder svg{width:42px;height:42px;fill:none;stroke:#8d72e6;stroke-width:1.4}.commerce-body{padding:13px}.commerce-body h3{margin:10px 0 5px;font-size:14px}.commerce-body>p{font-size:9px;color:var(--muted);line-height:1.5;min-height:42px}.catalog-meta{display:flex;justify-content:space-between;gap:8px}.commerce-price{font-size:18px;font-weight:900;margin:10px 0}.commerce-price small{font-size:8px;font-weight:600;color:#69dca8;margin-left:7px}.commerce-card details{border-top:1px solid var(--line);padding-top:9px}.commerce-card summary{font-size:9px;color:#a98cff;cursor:pointer;margin-bottom:9px}.stack.compact{gap:7px}.lead-form{display:grid;grid-template-columns:130px minmax(130px,1fr) auto;gap:6px;align-items:center}.booking-split{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.slot-list{display:grid;gap:7px}.slot-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:#0b1421;border-radius:12px;padding:10px 12px}.slot-row b,.slot-row small{display:block}.slot-row b{font-size:10px}.slot-row small{font-size:8px;color:var(--muted);margin-top:3px}.calendar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.calendar-slot{display:grid;gap:4px;padding:12px;border:1px solid #293550;background:linear-gradient(180deg,#111b2b,#0c1421);border-radius:12px;text-decoration:none;color:inherit;transition:.15s}.calendar-slot:hover{transform:translateY(-2px);border-color:#6048a8}.calendar-slot>span{font-size:8px;color:#9a84de;text-transform:uppercase}.calendar-slot>b{font-size:18px}.calendar-slot>small{font-size:7px;color:var(--muted);line-height:1.4}.calendar-slot.past{opacity:.45}.notification-list,.team-list{display:grid;gap:8px}.notification-row,.team-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0c1421;border-radius:13px;padding:12px}.notification-row.unread{border-color:rgba(130,88,255,.45);background:linear-gradient(90deg,rgba(126,82,255,.1),#0c1421)}.notification-kind{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#bfa9ff;background:#1b1535;border:1px solid #3d3069}.notification-title{display:flex;justify-content:space-between;gap:12px}.notification-title b{font-size:10px}.notification-title small{font-size:8px;color:var(--muted)}.notification-row p{font-size:9px;color:#a5b0c1;margin:4px 0 7px}.team-row b,.team-row small{display:block}.team-row b{font-size:11px}.team-row small{font-size:8px;color:var(--muted);margin-top:4px}.launch-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border:1px solid rgba(123,82,255,.3);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(121,74,255,.2),transparent 30%),linear-gradient(135deg,#11172a,#0a101c);margin:4px 0 12px}.launch-hero h1{font-size:38px;margin:7px 0 8px;letter-spacing:-.04em}.launch-hero p{color:var(--muted);font-size:11px}.launch-orb{width:90px;height:90px;border-radius:26px;display:grid;place-items:center;border:1px solid #493877;background:#17122c;box-shadow:0 0 50px rgba(113,70,239,.18)}.launch-orb.ready{background:radial-gradient(circle,#254938,#111c1a);border-color:#2d7254;box-shadow:0 0 60px rgba(72,223,154,.15)}.launch-orb svg{width:42px;height:42px;fill:none;stroke:#a685ff;stroke-width:1.5}.launch-orb.ready svg{stroke:#61e7aa}.launch-status{display:flex;align-items:center;justify-content:space-between;border:1px solid #604796;background:rgba(107,67,214,.12);border-radius:13px;padding:11px 14px;margin-bottom:12px}.launch-status.ready{border-color:#29664d;background:rgba(46,139,98,.1)}.launch-status b{font-size:10px;letter-spacing:.13em;color:#bca6ff}.launch-status.ready b{color:#6be8ad}.launch-status span{font-size:8px;color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.health-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#0d1523;border-radius:14px;padding:14px}.health-dot{width:10px;height:10px;border-radius:50%;background:#ff647c;box-shadow:0 0 14px rgba(255,100,124,.45)}.health-dot.ok{background:#48df9a;box-shadow:0 0 14px rgba(72,223,154,.45)}.health-card b,.health-card small{display:block}.health-card b{font-size:11px}.health-card small{font-size:8px;color:var(--muted);margin-top:3px}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-list>div{position:relative;border:1px solid #343047;background:#111522;border-radius:10px;padding:10px 10px 10px 34px;font-size:9px;color:#a5afbf}.check-list>div:before{content:'×';position:absolute;left:10px;top:8px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#371923;color:#ff8da0;font-weight:900}.check-list>div.done:before{content:'✓';background:#143425;color:#68e2aa}.launch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.launch-stats>div{border:1px solid var(--line);background:#0b1421;border-radius:11px;padding:12px}.launch-stats span,.launch-stats b{display:block}.launch-stats span{font-size:8px;color:var(--muted)}.launch-stats b{font-size:20px;margin-top:4px}.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.release-grid>div{border:1px solid var(--line);background:#0b1421;border-radius:11px;padding:12px}.release-grid b,.release-grid span{display:block}.release-grid b{font-size:10px}.release-grid span{font-size:8px;color:var(--muted);line-height:1.45;margin-top:4px}
@media(max-width:1300px){.catalog-layout{grid-template-columns:1fr}.ticket-workspace{grid-template-columns:1fr}.ticket-side{position:static;grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:repeat(4,1fr)}.release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.support-kpis,.booking-kpis,.health-grid{grid-template-columns:repeat(2,1fr)}.booking-split,.launch-grid{grid-template-columns:1fr}.commerce-grid{grid-template-columns:1fr}.ticket-side{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.lead-form{grid-template-columns:1fr}.filter-bar>*{width:100%}.release-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.support-kpis,.booking-kpis,.health-grid,.launch-stats,.check-list,.release-grid{grid-template-columns:1fr}.launch-hero{padding:20px}.launch-hero h1{font-size:28px}.launch-orb{width:68px;height:68px}.calendar-grid{grid-template-columns:1fr 1fr}.commerce-image{height:120px}}
.analytics-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:14px}@media(max-width:1300px){.analytics-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   FANVEXA V4.1 — MOBILE APP / PWA
   ========================================================= */
.mobile-bottom-nav{display:none}
.pwa-install-entry[hidden]{display:none!important}
.pwa-install-entry svg{color:#a884ff}
.pwa-install-sheet[hidden]{display:none}
.pwa-install-sheet{position:fixed;inset:0;z-index:180;display:flex;align-items:flex-end;justify-content:center}
.pwa-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(1,4,10,.72);backdrop-filter:blur(8px)}
.pwa-sheet-card{position:relative;width:min(520px,100%);border:1px solid #2c3650;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#121827,#0b101b);padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -28px 80px rgba(0,0,0,.5);transform:translateY(105%);transition:.18s ease}
.pwa-install-sheet.open .pwa-sheet-card{transform:none}
.pwa-sheet-handle{width:42px;height:4px;border-radius:999px;background:#39445b;margin:0 auto 18px}
.pwa-app-badge{display:flex;gap:13px;align-items:center;margin-bottom:16px}
.pwa-app-badge img{width:58px;height:58px;border-radius:15px;box-shadow:0 10px 30px rgba(111,65,229,.28)}
.pwa-app-badge strong,.pwa-app-badge span{display:block}.pwa-app-badge strong{font-size:18px}.pwa-app-badge span{margin-top:4px;font-size:11px;color:#8d9ab0}
.pwa-ios-help{display:grid;gap:9px;margin:12px 0 16px}.pwa-step{display:flex;align-items:center;gap:10px;border:1px solid #28344b;background:#0d1422;border-radius:12px;padding:11px}.pwa-step>b{width:26px;height:26px;border-radius:8px;background:#221743;color:#b79cff;display:grid;place-items:center}.pwa-step span{font-size:11px;color:#b7c1d2}.pwa-share{font-size:18px!important;color:#8b5cff!important}.pwa-sheet-card>.btn{margin-top:8px}
html.pwa-sheet-open,html.pwa-sheet-open body{overflow:hidden}

@media(max-width:900px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:60;
    min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    border-top:1px solid rgba(118,131,165,.18);
    background:rgba(8,12,22,.94);backdrop-filter:blur(20px) saturate(140%);
    box-shadow:0 -16px 50px rgba(0,0,0,.28)
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    min-width:0;border:0;background:transparent;color:#77859b;text-decoration:none;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:4px;border-radius:12px;padding:5px 3px;font:inherit
  }
  .mobile-bottom-nav a.active{color:#b79cff;background:linear-gradient(180deg,rgba(126,80,255,.16),rgba(126,80,255,.04))}
  .mobile-bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav span{font-size:9px;font-weight:750}
  .sidebar{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .topbar{padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}
  .bot-tabs{top:calc(72px + env(safe-area-inset-top))}
  .toast-stack{bottom:calc(82px + env(safe-area-inset-bottom));right:10px;left:10px}
  .toast{min-width:0;max-width:none}
}
@media(max-width:560px){
  .top-add{font-size:0;width:40px;padding:0}.top-add:before{content:'+';font-size:22px}
  .greeting strong{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .content{padding-left:10px;padding-right:10px}
  .card,.panel{border-radius:14px}
  button,.btn,.nav-item,input,select,textarea{touch-action:manipulation}
}

/* FANVEXA V4.2 · Unified Inbox Pro */
.inbox-hero{margin-bottom:10px}.inbox-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.inbox-kpis article{border:1px solid var(--line);background:linear-gradient(180deg,#101827,#0b121e);border-radius:14px;padding:13px 15px;min-height:86px;position:relative;overflow:hidden}.inbox-kpis article:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-44px;background:rgba(128,83,255,.09);filter:blur(4px)}.inbox-kpis article.unread{border-color:rgba(120,80,255,.38)}.inbox-kpis article.urgent{border-color:rgba(255,100,124,.3)}.inbox-kpis span,.inbox-kpis b,.inbox-kpis small{display:block}.inbox-kpis span{font-size:7px;letter-spacing:.12em;color:var(--muted);font-weight:800}.inbox-kpis b{font-size:25px;margin-top:5px}.inbox-kpis small{font-size:7px;color:#6f7e93;margin-top:1px}.inbox-kpis .urgent b{color:#ff8296}
.inbox-shell{display:grid;grid-template-columns:340px minmax(430px,1fr) 330px;gap:10px;align-items:start;min-height:calc(100vh - 265px)}.inbox-list-panel,.inbox-conversation,.inbox-side{padding:0;overflow:hidden;min-height:700px}.inbox-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.inbox-panel-head h2{margin:2px 0 0;font-size:13px}.inbox-filters{padding:10px;border-bottom:1px solid var(--line);display:grid;gap:7px}.inbox-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inbox-filter-grid select{min-width:0}.inbox-unread-toggle{display:flex!important;align-items:center!important;gap:7px!important;flex-direction:row!important;font-size:8px!important;color:#8796aa!important}.inbox-unread-toggle input{width:14px!important;height:14px!important;min-height:0!important;accent-color:#8159f2}.inbox-thread-list{max-height:calc(100vh - 390px);overflow:auto;padding:7px}.inbox-thread{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:10px 8px;border:1px solid transparent;border-radius:12px;text-decoration:none;color:inherit;transition:.15s;margin-bottom:4px;position:relative}.inbox-thread:hover{background:#101827;border-color:#263249}.inbox-thread.active{background:linear-gradient(90deg,rgba(126,82,255,.14),rgba(19,27,44,.72));border-color:#44366d}.inbox-thread.has-unread{background-color:#0f1725}.thread-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#2a1d52,#141d31);border:1px solid #3a3158;color:#c8b7ff;font-weight:900;font-size:11px;position:relative}.thread-avatar i{position:absolute;right:-4px;top:-5px;font-size:8px;color:#ffd478;font-style:normal}.thread-copy{min-width:0;display:grid;gap:3px}.thread-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.thread-line b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-line time{font-size:7px;color:#6e7c90}.thread-bot{font-size:7px;color:#7767a8}.thread-preview{font-size:8px;color:#8b98aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:flex;align-items:center;gap:4px;min-width:0}.thread-meta .priority,.thread-meta .stage{font-size:6px;padding:3px 5px}.thread-meta>i{font-size:6px;font-style:normal;color:#8e7cc0;border:1px solid #352d4f;border-radius:99px;padding:2px 5px}.thread-meta>small{font-size:6px;color:#6d7c90;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-unread{align-self:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#7a55ee;color:#fff;font-size:7px;font-weight:900;box-shadow:0 0 16px rgba(122,85,238,.35)}
.inbox-conversation{display:flex;flex-direction:column}.inbox-conversation-head{min-height:72px;padding:13px 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#101827,#0c1420)}.inbox-back{display:none;color:#a78cff;text-decoration:none;font-size:18px;margin-right:2px}.inbox-stream{flex:1;min-height:460px;max-height:calc(100vh - 420px);padding:18px;background:radial-gradient(circle at 50% 0%,rgba(121,83,231,.05),transparent 35%),#080f19}.message-kind{display:inline-flex;align-items:center;gap:5px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#a992ee;margin-bottom:5px}.attachment-name{display:block;color:#76869c;font-size:7px;margin-top:5px}.quick-reply-strip{border-top:1px solid var(--line);padding:8px 11px;background:#0c1420}.quick-reply-strip>span{display:block;font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:#627188;margin-bottom:5px}.quick-reply-strip>div{display:flex;gap:5px;overflow:auto}.quick-reply-strip button{white-space:nowrap;border:1px solid #33294e;background:#151128;color:#b9a5f8;border-radius:99px;padding:6px 9px;font-size:7px;cursor:pointer}.quick-reply-strip button:hover{background:#211a3b;border-color:#574080}.inbox-composer{margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}.attachment-button{display:inline-flex!important;align-items:center!important;gap:6px!important;flex-direction:row!important;color:#9aa7b8!important;font-size:8px!important;cursor:pointer}.attachment-button input{display:none}.attachment-button span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-side{max-height:calc(100vh - 250px);overflow:auto}.inbox-side-section{padding:13px;border-bottom:1px solid var(--line)}.inbox-side-section:last-child{border-bottom:0}.inbox-side-section .section-inline-head{margin-bottom:10px}.inline-actions{display:flex;gap:4px}.icon-btn.tiny{width:28px;height:28px;font-size:10px}.inbox-side .contact-kpis{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.inbox-create-ticket,.quick-reply-create{margin-top:10px;border:1px dashed #34415a;border-radius:10px;padding:8px}.inbox-create-ticket summary,.quick-reply-create summary{cursor:pointer;color:#a98cff;font-size:8px}.inbox-create-ticket[open] summary,.quick-reply-create[open] summary{margin-bottom:8px}.quick-reply-manager{display:grid;gap:5px}.quick-reply-manager>div{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:stretch}.quick-reply-manager>div>button{border:1px solid #263149;background:#0d1522;color:inherit;border-radius:9px;padding:8px 9px;text-align:left;cursor:pointer}.quick-reply-manager b,.quick-reply-manager small{display:block}.quick-reply-manager b{font-size:8px}.quick-reply-manager small{font-size:6px;color:#6f7e94;margin-top:3px}.quick-reply-manager form{display:flex}.quick-reply-manager .danger-link{width:28px;border:1px solid #492b37;background:#1e1119;color:#ff8799;border-radius:8px;cursor:pointer}.inbox-welcome{min-height:650px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.inbox-welcome h2{font-size:25px;margin:7px 0}.inbox-welcome>p{max-width:590px;color:var(--muted);font-size:10px;line-height:1.6}.inbox-welcome .crm-feature-grid{max-width:650px;margin-top:20px;text-align:left}.status.archived{color:#8e9aad;border-color:#344055;background:#121926}.status.open{color:#69e0aa;border-color:rgba(72,223,154,.3);background:rgba(72,223,154,.07)}
@media(max-width:1450px){.inbox-shell{grid-template-columns:315px minmax(420px,1fr)}.inbox-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);max-height:none}.inbox-side-section{border-bottom:0;border-right:1px solid var(--line)}.inbox-side-section:last-child{border-right:0}}
@media(max-width:1000px){.inbox-kpis{grid-template-columns:repeat(2,1fr)}.inbox-shell{grid-template-columns:300px minmax(0,1fr)}.inbox-side{grid-template-columns:1fr 1fr}.inbox-side-section:last-child{grid-column:1/-1}.inbox-filter-grid{grid-template-columns:1fr}.inbox-stream{max-height:none}.inbox-thread-list{max-height:620px}}
@media(max-width:760px){.inbox-hero .hero-actions{display:flex}.inbox-kpis{gap:7px}.inbox-kpis article{min-height:76px;padding:11px}.inbox-kpis b{font-size:21px}.inbox-shell{display:block;min-height:0}.inbox-list-panel,.inbox-conversation,.inbox-side{min-height:0}.inbox-shell.has-contact .inbox-list-panel{display:none}.inbox-shell:not(.has-contact) .inbox-conversation,.inbox-shell:not(.has-contact) .inbox-side{display:none}.inbox-back{display:inline-flex}.inbox-conversation{min-height:calc(100vh - 230px)}.inbox-stream{min-height:calc(100vh - 485px);padding:12px}.inbox-side{display:block!important;margin-top:10px;max-height:none}.inbox-side-section{border-right:0;border-bottom:1px solid var(--line)}.inbox-thread-list{max-height:none;overflow:visible}.inbox-list-panel{overflow:visible}.inbox-thread{padding:11px 9px}.quick-reply-strip>div{padding-bottom:2px}.composer-foot{display:grid;grid-template-columns:1fr auto}.composer-foot>span{display:none}.attachment-button{min-width:0}.inbox-welcome{min-height:430px;padding:25px 18px}}
@media(max-width:520px){.inbox-kpis{grid-template-columns:1fr 1fr}.inbox-filter-grid{grid-template-columns:1fr}.conversation-person{gap:7px}.inbox-conversation-head{padding:10px}.conversation-actions .priority{display:none}.inbox-side .field-row{grid-template-columns:1fr 1fr}.inbox-welcome .crm-feature-grid{grid-template-columns:1fr}.thread-preview{max-width:210px}.chat-bubble{max-width:92%}}


/* ===================== V4.3 PROMO NETWORK ===================== */
.promo-hero{background:radial-gradient(circle at 80% 20%,rgba(236,72,153,.16),transparent 34%),radial-gradient(circle at 10% 0%,rgba(124,58,237,.2),transparent 36%),var(--panel)}
.promo-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.promo-kpis article{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(10,14,25,.9));box-shadow:var(--shadow)}.promo-kpis span{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800}.promo-kpis b{display:block;font-size:29px;margin:7px 0 2px}.promo-kpis small{color:var(--muted)}.promo-kpis .adult b{color:#f472b6}.promo-kpis .urgent b{color:#fb7185}
.promo-tabs{display:flex;gap:8px;padding:9px;margin-bottom:18px;position:sticky;top:12px;z-index:7;backdrop-filter:blur(16px)}.promo-tabs a{padding:10px 14px;border-radius:12px;color:var(--muted);font-weight:700}.promo-tabs a:hover{background:rgba(124,58,237,.13);color:#fff}
.promo-grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.promo-panel{padding:20px}.promo-panel h2{margin:3px 0 0}.promo-panel .muted{color:var(--muted);line-height:1.55}.promo-switch-row{display:flex;gap:12px;flex-wrap:wrap}.switch-line{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);font-weight:700}.switch-line input{width:17px;height:17px;accent-color:#8b5cf6}.switch-line.adult{border-color:rgba(236,72,153,.25);background:rgba(236,72,153,.055)}.switch-line.adult input{accent-color:#ec4899}
.promo-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.promo-destination-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(8,12,22,.65)}.promo-destination-card.ready{border-color:rgba(34,197,94,.23)}.promo-destination-card header{display:flex;gap:11px;align-items:center}.promo-destination-card header div{min-width:0}.promo-destination-card header b,.promo-destination-card header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-destination-card header small{color:var(--muted);margin-top:3px}.promo-dest-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(124,58,237,.13)}.promo-badges{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.promo-badges span,.adult-chip{font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px 7px;border-radius:999px;border:1px solid var(--line)}.promo-badges .ok{color:#86efac;background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.2)}.promo-badges .adult-on,.adult-chip{color:#f9a8d4;background:rgba(236,72,153,.1);border-color:rgba(236,72,153,.25)}.promo-badges .bad{color:#fda4af}.promo-badges .off{color:#64748b}.promo-destination-card>p{font-size:12px;color:var(--muted);min-height:18px}.stack.compact{gap:9px}.promo-destination-card footer,.promo-campaign-list footer{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.promo-template-list,.promo-campaign-list{display:grid;gap:10px;margin-top:12px;max-height:620px;overflow:auto}.promo-template-list>article,.promo-campaign-list>article{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.promo-template-list article p{color:var(--muted);font-size:12px;margin:5px 0 0}.promo-template-list small,.promo-campaign-list small{color:var(--muted);display:block;margin-top:3px}.promo-row-actions{display:flex;align-items:flex-start;gap:6px}.promo-campaign-list>article{display:block}.promo-campaign-list>article.live{border-color:rgba(124,58,237,.35);box-shadow:inset 0 0 30px rgba(124,58,237,.035)}.promo-campaign-list header{display:flex;justify-content:space-between;gap:10px}.campaign-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.campaign-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted)}.promo-campaign-list p{font-size:12px;color:var(--muted)}.promo-campaign-list p em{color:#fda4af}
.promo-selector{border:1px solid var(--line);border-radius:14px;padding:12px}.promo-selector>b{display:block;margin-bottom:10px}.promo-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:180px;overflow:auto}.promo-selector label{display:flex!important;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.025);font-size:12px}.promo-selector input{accent-color:#8b5cf6}.promo-selector em{color:#f9a8d4;font-style:normal;font-size:10px;font-weight:900}
.promo-safety{display:flex;align-items:flex-start;gap:14px;padding:16px;margin-top:18px;border-color:rgba(34,197,94,.2);background:linear-gradient(90deg,rgba(34,197,94,.05),rgba(124,58,237,.04))}.promo-safety>span{font-size:24px}.promo-safety b{display:block}.promo-safety p{color:var(--muted);margin:5px 0 0;line-height:1.5}
@media(max-width:1180px){.promo-kpis{grid-template-columns:repeat(3,1fr)}.promo-destination-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.promo-kpis{grid-template-columns:repeat(2,1fr)}.promo-grid.two{grid-template-columns:1fr}.promo-destination-grid{grid-template-columns:1fr}.promo-tabs{overflow:auto;white-space:nowrap}.promo-selector>div{grid-template-columns:1fr}.promo-panel{padding:15px}.promo-kpis article{padding:14px}.promo-kpis b{font-size:24px}}


/* ================= FANVEXA V4.4 · SCOUT AGENT ================= */
.scout-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px 0 20px}.scout-hero h1{font-size:42px;margin:5px 0}.scout-hero p{max-width:850px;color:var(--muted);margin:0}.scout-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.scout-kpis article{background:linear-gradient(180deg,rgba(17,24,40,.96),rgba(12,18,31,.96));border:1px solid var(--border);border-radius:18px;padding:20px}.scout-kpis small{display:block;color:#8f9db5;letter-spacing:.14em;font-weight:800}.scout-kpis b{display:block;font-size:31px;margin:12px 0 2px}.scout-kpis span{color:var(--muted)}
.scout-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.scout-settings{position:sticky;top:94px}.scout-settings hr{border:0;border-top:1px solid var(--border);margin:22px 0}.scout-keywords{display:flex;flex-direction:column;gap:7px;margin-top:12px}.scout-keywords>div{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:#0b1220}.scout-keywords small{color:#9ca9bf}
.scout-filters{display:grid;grid-template-columns:minmax(220px,1fr) 160px 180px auto;gap:8px;margin:14px 0 18px}.scout-candidate-list{display:flex;flex-direction:column;gap:10px}.scout-candidate{display:grid;grid-template-columns:78px minmax(0,1fr) 140px;gap:15px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#0c1321}.scout-candidate.signal-likely_allowed{border-color:rgba(49,211,150,.25)}.scout-candidate.signal-blocked{border-color:rgba(255,91,112,.25);opacity:.8}.scout-score{width:64px;height:64px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#25174b,#10182a);border:1px solid rgba(139,92,246,.34)}.scout-score b{font-size:24px}.scout-score small{color:#a9b6ca}.scout-copy header{display:flex;align-items:center;justify-content:space-between;gap:12px}.scout-copy h3{margin:0 0 3px;font-size:17px}.scout-copy a{font-size:12px;color:#aa8cff}.scout-copy p{color:#aab5c8;line-height:1.55;margin:10px 0}.scout-meta{display:flex;flex-wrap:wrap;gap:6px}.scout-meta span,.scout-signal{font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:#111a2b}.scout-signal.likely_allowed{color:#68efb5;background:rgba(22,163,109,.12)}.scout-signal.blocked{color:#ff8392;background:rgba(220,38,70,.12)}.scout-signal.review{color:#f5c96e;background:rgba(194,139,30,.12)}.scout-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch}.scout-actions form,.scout-actions button{width:100%}.scout-actions details{position:relative}.scout-actions summary{list-style:none;text-align:center;cursor:pointer}.scout-approve{position:absolute;right:0;top:42px;z-index:20;width:300px;padding:14px;background:#0c1321;border:1px solid #6f4bdb;border-radius:14px;box-shadow:0 20px 55px rgba(0,0,0,.5)}.scout-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.scout-runs{margin-top:16px}
@media(max-width:1100px){.scout-layout{grid-template-columns:1fr}.scout-settings{position:static}.scout-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.scout-hero{align-items:stretch;flex-direction:column}.scout-hero h1{font-size:32px}.scout-kpis{grid-template-columns:1fr 1fr}.scout-filters{grid-template-columns:1fr}.scout-candidate{grid-template-columns:58px 1fr}.scout-score{width:52px;height:52px}.scout-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.scout-approve{position:fixed;left:12px;right:12px;bottom:82px;top:auto;width:auto}.scout-copy header{align-items:flex-start}.scout-kpis article{padding:14px}.scout-kpis b{font-size:26px}}

/* ================= FANVEXA V4.5 · NATIVE TELEGRAM SCOUT ================= */
.native-scout-hero{background:radial-gradient(circle at 82% 15%,rgba(66,153,225,.10),transparent 34%),radial-gradient(circle at 12% 0%,rgba(124,58,237,.12),transparent 32%)}
.native-account-card{margin-bottom:18px;padding:20px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:center;border-color:rgba(88,166,255,.18);background:linear-gradient(135deg,rgba(12,22,38,.96),rgba(15,18,34,.96))}
.native-account-copy h2{margin:5px 0 8px}.native-account-copy p{margin:0;color:var(--muted);line-height:1.6;max-width:650px}
.native-account-status{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:15px;background:#0a1320}.native-account-status.connected{border-color:rgba(51,214,154,.24);background:linear-gradient(135deg,rgba(24,91,67,.11),rgba(9,18,31,.95))}.native-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#6540d7,#1f7fbb);color:white;font-weight:900;font-size:18px;box-shadow:0 10px 28px rgba(66,91,220,.25)}.native-account-status b,.native-account-status span,.native-account-status small{display:block}.native-account-status small{color:#63e6b3;font-size:9px;letter-spacing:.12em;font-weight:900}.native-account-status b{margin:3px 0;font-size:14px}.native-account-status div>span{font-size:10px;color:var(--muted)}
.native-account-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;grid-column:2}.native-login-step{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#0a1320}.native-login-step b,.native-login-step small{display:block}.native-login-step small{color:var(--muted);margin-top:4px}.step-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(125,86,255,.16);color:#c4b5fd;font-weight:900}
.native-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.native-connect-grid label,.native-connect-form label{display:grid;gap:6px}.native-connect-submit{grid-column:1/-1;display:flex;gap:10px;align-items:center}.native-connect-submit small{color:var(--muted)}.native-connect-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.native-account-error{grid-column:1/-1;padding:10px 12px;border:1px solid rgba(255,91,112,.28);border-radius:11px;background:rgba(148,32,52,.10);color:#ff9baa}.native-inline-warning{display:flex;gap:10px;align-items:center;padding:11px 12px;margin:12px 0;border:1px solid rgba(245,181,79,.24);border-radius:12px;background:rgba(147,99,24,.08)}.native-inline-warning b{font-size:11px;color:#f6cf83}.native-inline-warning span{font-size:10px;color:var(--muted)}
@media(max-width:1050px){.native-account-card{grid-template-columns:1fr}.native-account-actions{grid-column:1;justify-content:flex-start}.native-account-status{grid-column:1}}
@media(max-width:720px){.native-account-card{padding:15px}.native-connect-grid,.native-connect-form{grid-template-columns:1fr}.native-connect-submit{grid-column:1;align-items:stretch;flex-direction:column}.native-account-status{grid-template-columns:42px 1fr}.native-account-status>.status{grid-column:1/-1;justify-self:start}.native-account-actions{display:grid;grid-template-columns:1fr 1fr}.native-account-actions .btn{width:100%}.native-inline-warning{align-items:flex-start;flex-direction:column}}


/* =========================================================
   FANVEXA V4.6 - NATIVE TELEGRAM PUBLISHER
   ========================================================= */
.native-publisher-card {
  display:flex; align-items:center; gap:12px; padding:14px 16px;
  border:1px solid rgba(139,92,246,.35); border-radius:14px;
  background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(15,23,42,.35));
}
.native-publisher-card > span:first-child { font-size:24px; }
.native-publisher-card > div { display:flex; flex-direction:column; gap:3px; flex:1; }
.native-publisher-card small { color:var(--muted,#93a4bd); }
.native-publisher-card.compact { padding:11px 13px; }
.native-publisher-chip {
  padding:9px 11px; border-radius:10px; border:1px solid rgba(139,92,246,.28);
  background:rgba(139,92,246,.1); font-size:12px; font-weight:700;
}
@media (max-width:720px){
  .native-publisher-card { align-items:flex-start; flex-wrap:wrap; }
}

/* ===== V4.8 Smart Creator Lead Center ===== */
.lead-hero{margin-bottom:18px}.lead-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.lead-kpi{padding:20px}.lead-kpi small{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;font-weight:800}.lead-kpi b{display:block;font-size:34px;line-height:1.1;margin:9px 0 4px}.lead-kpi span{color:var(--muted);font-size:12px}.lead-kpi.hot b{color:#ff8ab8}.lead-kpi.success b{color:#55e6ab}.lead-filter-card{padding:14px;margin-bottom:16px}.lead-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 190px auto auto;gap:10px;align-items:center}.lead-filter-bar select{min-height:44px}.lead-search{width:100%;margin:0}.lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creator-lead-card{padding:20px;position:relative;overflow:hidden}.creator-lead-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7383a6}.creator-lead-card.priority-high:before{background:#ffae42}.creator-lead-card.priority-urgent:before{background:#ff5f82;box-shadow:0 0 24px #ff5f8266}.creator-lead-card.priority-low:before{background:#5d7193}.creator-lead-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:18px}.lead-score{width:66px;height:66px;border-radius:18px;display:grid;place-content:center;text-align:center;background:#17152e;border:1px solid #6e4be0}.lead-score b{font-size:28px;line-height:1}.lead-score small{font-size:11px;color:var(--muted)}.score-high,.score-urgent{border-color:#ef789b!important;color:#ff91b4}.score-normal{color:#a98aff}.score-low{color:#8ea3c5}.lead-person h2{font-size:21px;margin:2px 0 3px}.lead-person p{color:var(--muted);font-size:12px}.lead-badges{display:flex;gap:7px;align-items:flex-end;flex-direction:column}.lead-priority{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;background:#1c2638;color:#aebbd1}.lead-priority.high{background:#372b18;color:#ffc65d}.lead-priority.urgent{background:#3b1924;color:#ff8eae}.lead-priority.normal{background:#241f42;color:#b49aff}.lead-priority.low{background:#192434;color:#93a9c7}.lead-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lead-info-block{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(8,14,27,.4);min-height:70px}.lead-info-block small,.lead-recommendation>span,.inbox-lead-offer small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:5px}.lead-info-block b{font-size:12px;line-height:1.45;word-break:break-word}.lead-recommendation{margin-top:12px;padding:14px;border-radius:14px;border:1px solid #5339a8;background:linear-gradient(135deg,rgba(111,70,230,.13),rgba(13,21,39,.6))}.lead-recommendation>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-recommendation h3{font-size:17px}.lead-recommendation strong{font-size:18px;color:#c5adff}.lead-recommendation p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:6px}.lead-proposal-preview{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.lead-proposal-preview summary{cursor:pointer;font-weight:700;font-size:12px}.lead-proposal-preview p{font-size:12px;line-height:1.55;color:#cad3e5;margin-top:9px}.lead-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lead-actions form{display:inline-flex}.success-btn{border-color:#236d55!important;color:#7af0bd!important;background:#0f2d25!important}.lead-status-row{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.lead-status-row select{min-height:32px;padding:5px 28px 5px 8px;font-size:11px}.lead-status-row small{margin-left:auto}.lead-empty{grid-column:1/-1;padding:50px;text-align:center}.lead-empty>span{font-size:32px;color:#9b75ff}.lead-empty h2{margin:10px 0 6px}.lead-empty p{color:var(--muted);margin-bottom:16px}.nav-badge{margin-left:auto;font-style:normal;font-size:9px;font-weight:900;color:#b99dff}.lead-inline-link{display:block;margin-top:7px;font-size:10px;color:#b99dff;text-decoration:none}.inbox-lead-card{background:linear-gradient(145deg,rgba(97,60,204,.12),rgba(8,14,27,.1))}.lead-score-mini{font-size:11px;font-weight:900;padding:5px 8px;border-radius:999px;border:1px solid #664cc5}.inbox-lead-offer{margin-top:10px;padding:12px;border:1px solid #4d3a8b;border-radius:12px}.inbox-lead-offer>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-lead-offer strong{color:#bfaaff}.inbox-lead-offer p{font-size:11px;color:var(--muted);line-height:1.45;margin-top:5px}.lead-mini-facts>div{display:flex!important;justify-content:space-between;gap:12px}.lead-mini-facts em{text-align:right;max-width:60%;font-style:normal}.inbox-lead-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.inbox-lead-actions form{display:inline-flex}
@media(max-width:1100px){.lead-kpi-grid{grid-template-columns:repeat(2,1fr)}.lead-grid{grid-template-columns:1fr}.lead-filter-bar{grid-template-columns:1fr 1fr}.lead-search{grid-column:1/-1}}
@media(max-width:640px){.lead-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.lead-kpi{padding:14px}.lead-kpi b{font-size:27px}.lead-filter-bar{grid-template-columns:1fr}.lead-search{grid-column:auto}.creator-lead-card{padding:15px}.creator-lead-head{grid-template-columns:auto 1fr}.lead-badges{grid-column:1/-1;flex-direction:row;align-items:center}.lead-body-grid{grid-template-columns:1fr}.lead-actions>.btn,.lead-actions form,.lead-actions form button{flex:1 1 auto}.lead-status-row{flex-wrap:wrap}.lead-status-row small{width:100%;margin-left:0}}

/* Fanvexa V4.9 — Creator Sales Pipeline */
.pipeline-hero{margin-bottom:16px}.pipeline-summary{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:3px}.pipeline-stage-pill{min-width:125px;border:1px solid var(--line);background:#0d1523;border-radius:13px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}.pipeline-stage-pill small{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pipeline-stage-pill b{font-size:20px}.pipeline-stage-pill.stage-client{border-color:#255c4a;background:#0d201b}.pipeline-stage-pill.stage-proposal_sent{border-color:#5e45a4;background:#16132a}.pipeline-stage-pill.stage-negotiating{border-color:#735829;background:#211a0e}.sales-board{display:grid;grid-template-columns:repeat(7,minmax(250px,1fr));gap:10px;overflow-x:auto;padding:2px 1px 14px;scroll-snap-type:x proximity}.sales-column{min-width:250px;border:1px solid var(--line);border-radius:15px;background:#0a111d;scroll-snap-align:start;overflow:hidden}.sales-column>header{height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0f1725}.sales-column>header>div{display:flex;align-items:center;gap:8px}.sales-column>header b{font-size:11px}.sales-column>header em{font-style:normal;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px}.stage-dot{width:8px;height:8px;border-radius:50%;background:#8b69ff;box-shadow:0 0 12px #8b69ff66}.sales-column-body{padding:9px;display:flex;flex-direction:column;gap:9px;min-height:330px}.sales-lead{position:relative;border:1px solid #26344a;background:linear-gradient(145deg,#101827,#0b121e);border-radius:13px;padding:11px}.sales-lead.priority-high{border-color:#705729}.sales-lead.priority-urgent{border-color:#7c3049}.sales-lead-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.mini-score{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#1a1632;border:1px solid #6547bd;color:#c6b5ff;font-size:13px;font-weight:900}.sales-lead-top strong,.sales-lead-top small{display:block}.sales-lead-top strong{font-size:11px;line-height:1.2}.sales-lead-top small{font-size:8px;color:var(--muted);margin-top:3px}.sales-lead-top .lead-priority{font-size:7px;padding:4px 5px}.sales-lead>p{font-size:9px;line-height:1.45;color:#abb7ca;margin:10px 0;min-height:26px}.sales-offer{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #382b66;background:#141126;border-radius:9px;padding:8px}.sales-offer span{font-size:9px}.sales-offer b{font-size:11px;color:#c5afff}.sales-followups{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sales-followups span,.lead-followup-strip em{font-style:normal;font-size:7px;font-weight:800;border:1px solid #334159;color:#94a4bc;background:#101827;border-radius:999px;padding:4px 6px;text-transform:uppercase}.sales-followups .fu-sent,.lead-followup-strip .fu-sent{border-color:#256248;color:#6be9ad;background:#0d241c}.sales-followups .fu-pending,.lead-followup-strip .fu-pending{border-color:#5a448d;color:#bca5ff;background:#17132a}.sales-followups .fu-paused,.lead-followup-strip .fu-paused{border-color:#725a28;color:#ffd071;background:#221a0c}.sales-followups .fu-error,.lead-followup-strip .fu-error{border-color:#713044;color:#ff91ac;background:#251018}.sales-stage-form{margin-top:8px}.sales-stage-form select{width:100%;min-height:34px;padding:5px 28px 5px 8px;font-size:9px}.sales-actions{display:flex;gap:5px;margin-top:7px}.sales-actions a,.sales-actions button{border:1px solid var(--line);background:#111a29;color:#c8d1e0;border-radius:8px;padding:6px 7px;font-size:8px;text-decoration:none;cursor:pointer}.sales-actions form{display:inline-flex}.sales-empty{border:1px dashed #27344a;border-radius:11px;padding:25px 10px;text-align:center;color:var(--muted);font-size:9px}.followup-control{margin-top:4px}.followup-settings-form{display:grid;gap:14px}.switch-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#0c1421;border-radius:12px;padding:13px}.switch-row span b,.switch-row span small{display:block}.switch-row span b{font-size:11px}.switch-row span small{font-size:9px;color:var(--muted);margin-top:3px}.switch-row input{width:19px;height:19px;accent-color:#8b5cff}.followup-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.followup-template-grid article{border:1px solid var(--line);background:#0b1421;border-radius:13px;padding:12px}.followup-template-grid header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.followup-template-grid header b{font-size:10px}.followup-template-grid header label{font-size:8px;color:var(--muted)}.followup-template-grid header input{width:62px;min-height:28px;padding:4px 6px;margin:0 3px}.followup-template-grid textarea{width:100%;min-height:105px}.followup-template-grid article>small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.lead-followup-strip{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#0b1320}.lead-followup-strip>span{font-size:9px;color:var(--muted);font-weight:800;margin-right:3px}
@media(max-width:1200px){.pipeline-summary{grid-template-columns:repeat(7,130px)}.followup-template-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sales-board{margin-right:-12px;padding-right:12px}.sales-column{min-width:82vw}.pipeline-summary{grid-template-columns:repeat(7,125px)}.followup-control{padding:14px}.followup-template-grid{grid-template-columns:1fr}}

/* Fanvexa V5.0 — Sales & Orders */
.sales-hero{margin-bottom:16px}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.sales-kpi{padding:17px 18px}.sales-kpi small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.sales-kpi b{display:block;font-size:28px;margin:8px 0 2px}.sales-kpi span{font-size:10px;color:var(--muted)}.sales-kpi.success{border-color:#265c49;background:linear-gradient(145deg,#0d211a,#0e1522)}.sales-kpi.success b{color:#62e7ae}.sales-kpi.warning{border-color:#685024;background:linear-gradient(145deg,#211a0d,#0e1522)}.sales-kpi.warning b{color:#ffc85e}.sales-kpi.revenue{border-color:#543a9f;background:linear-gradient(145deg,#18112f,#0e1522)}.sales-kpi.revenue b{color:#c5aeff}.sales-top-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;margin-bottom:14px}.sales-create,.sales-editor{min-height:390px}.sales-form{display:grid;gap:11px}.sales-form label{display:grid;gap:6px;font-size:10px;color:var(--muted);font-weight:750}.sales-form input,.sales-form select,.sales-form textarea{width:100%}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sales-editor-empty{min-height:320px;display:grid;place-content:center;text-align:center;max-width:520px;margin:auto;padding:20px}.sales-editor-empty>span{font-size:34px}.sales-editor-empty h2{margin:10px 0 5px}.sales-editor-empty p{font-size:12px;color:var(--muted);line-height:1.6}.sales-total{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #4c378d;background:#151127;border-radius:12px}.sales-total span{font-size:10px;color:#a99bbb}.sales-total b{font-size:21px;color:#c8b3ff}.sales-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sales-editor-actions form{display:inline-flex}.sales-section{margin-bottom:14px}.sales-table-wrap{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse;min-width:820px}.sales-table th{padding:10px 9px;color:#7e8aa0;font-size:8px;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--line)}.sales-table td{padding:11px 9px;font-size:10px;border-bottom:1px solid #182235;color:#c7d0df}.sales-table tr:last-child td{border-bottom:0}.sales-row-actions{display:flex;gap:5px}.sales-status{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#121b29;color:#98a7bd}.sales-status.s-sent,.sales-status.s-viewed{border-color:#5c4597;background:#18132b;color:#c3adff}.sales-status.s-accepted,.sales-status.o-paid,.sales-status.o-delivered{border-color:#28644d;background:#0e271e;color:#70e7b0}.sales-status.s-declined,.sales-status.s-cancelled,.sales-status.o-cancelled{border-color:#743044;background:#281018;color:#ff8da6}.sales-status.s-expired{border-color:#645526;background:#221d0d;color:#efcc69}.sales-status.o-unpaid{border-color:#6d5725;background:#241d0d;color:#ffcf68}.sales-status.o-in_progress{border-color:#3c5f8c;background:#101d2d;color:#78baff}.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.order-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#101827,#0b121e);padding:14px}.order-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-card h3{font-size:16px;margin:2px 0}.order-service{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px;padding:11px;border:1px solid #33285c;border-radius:11px;background:#141126}.order-service span{font-size:10px}.order-service b{color:#c3adff}.order-progress{height:6px;border-radius:999px;background:#202b3d;overflow:hidden}.order-progress span{display:block;height:100%;background:linear-gradient(90deg,#7550ec,#4bd99d)}.order-card>small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.order-status-form{margin-top:11px}.order-status-form select{width:100%;min-height:35px;padding:5px 28px 5px 8px;font-size:9px}.payment-box{margin-top:9px;border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:#0a1320}.payment-box summary{cursor:pointer;font-size:9px;font-weight:800;color:#bca7ff}.payment-box form{display:grid;gap:8px;margin-top:10px}.payment-box label{display:grid;gap:4px;font-size:8px;color:var(--muted)}.payment-box input,.payment-box select{width:100%}.order-links{display:flex;gap:6px;margin-top:10px}.order-links a{font-size:9px;text-decoration:none;color:#bca9ff;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.order-empty{grid-column:1/-1;padding:40px;text-align:center}.btn.danger{border-color:#713044!important;color:#ff91ac!important;background:#251018!important}
@media(max-width:1100px){.sales-kpi-grid{grid-template-columns:repeat(2,1fr)}.sales-top-grid{grid-template-columns:1fr}.order-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sales-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.sales-kpi{padding:13px}.sales-kpi b{font-size:22px}.form-row.two{grid-template-columns:1fr}.order-grid{grid-template-columns:1fr}.sales-create,.sales-editor{min-height:auto}.sales-table{min-width:760px}}


/* Fanvexa V5.1 Payments & Delivery Center */
.delivery-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.delivery-kpis .card{padding:17px}.delivery-kpis small{color:var(--muted);font-weight:900;letter-spacing:.1em;font-size:10px}.delivery-kpis b{display:block;font-size:27px;margin:7px 0 2px}.delivery-kpis span{color:var(--muted);font-size:11px}.delivery-kpis .success b{color:#4adea1}.delivery-kpis .warn b{color:#ffc65b}.delivery-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start}.delivery-orders{position:sticky;top:92px;max-height:calc(100vh - 115px);overflow:auto}.delivery-order-list{display:grid;gap:8px}.delivery-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;background:var(--panel-2)}.delivery-order-item.active{border-color:#8456f4;background:linear-gradient(135deg,#19142b,#11192a)}.delivery-order-item strong{display:block}.delivery-order-item small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress{grid-column:1/-1;height:5px;background:#080d17;border-radius:99px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#7650f7,#44dca1)}.delivery-main{display:grid;gap:14px;min-width:0}.delivery-overview .portal-link{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding:11px 13px;border:1px solid var(--border);border-radius:12px}.portal-link span{color:var(--muted);font-size:11px}.portal-link a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-money{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.delivery-money>div{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--panel-2)}.delivery-money small{display:block;color:var(--muted);font-size:10px;font-weight:900}.delivery-money b{display:block;font-size:21px;margin-top:4px}.order-progress.large{height:9px}.delivery-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkline{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.checkline input{width:auto!important}.delivery-file-list{display:grid;gap:9px}.delivery-file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2)}.delivery-file small{display:block;color:var(--muted);margin-top:3px}.delivery-file p{margin:6px 0 0;color:var(--muted)}.delivery-file-actions{display:flex;gap:7px;align-items:center}.delivery-file-actions form{margin:0}.delivery-empty{padding:48px;text-align:center}.btn.danger{color:#ff91a2;border-color:#703344;background:#281219}@media(max-width:1250px){.delivery-kpis{grid-template-columns:repeat(3,1fr)}.delivery-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:900px){.delivery-kpis{grid-template-columns:repeat(2,1fr)}.delivery-layout{grid-template-columns:1fr}.delivery-orders{position:static;max-height:none}.delivery-order-list{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-two{grid-template-columns:1fr}}@media(max-width:620px){.delivery-kpis,.delivery-order-list,.delivery-money{grid-template-columns:1fr}.delivery-file{align-items:flex-start;flex-direction:column}.delivery-file-actions{width:100%}.delivery-file-actions .btn{flex:1}.delivery-overview .portal-link{align-items:flex-start;flex-direction:column}}

.delivery-status-form{margin-top:12px;max-width:260px}.delivery-status-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}.delivery-payment-box{margin:0 0 14px}


/* =========================================================
   FANVEXA V5.2 · Responsive Navigation + Link Studio
   ========================================================= */

/* Sidebar: no browser zoom required. Navigation owns the vertical scroll. */
.sidebar{overflow:hidden}
.nav-list{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
  scrollbar-width:thin;
  scrollbar-color:#3d315f transparent;
  padding-right:4px;
  padding-bottom:10px;
}
.nav-list::-webkit-scrollbar{width:5px}
.nav-list::-webkit-scrollbar-track{background:transparent}
.nav-list::-webkit-scrollbar-thumb{background:#3d315f;border-radius:999px}
.sidebar-bottom{flex:0 0 auto;margin-top:8px}

/* Compact automatically on common 768/900px-high laptop screens. */
@media (min-width:901px) and (max-height:950px){
  .sidebar{padding:12px 10px 9px}
  .sidebar-head{padding:0 5px}
  .brand{gap:9px}
  .brand-mark{width:36px;height:36px}
  .brand-mark span{font-size:18px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:7px;margin-top:1px}
  .nav-list{margin-top:10px;gap:2px;padding-right:3px}
  .nav-item{min-height:31px;padding:5px 9px;gap:9px;border-radius:9px;font-size:12px}
  .nav-item svg{width:16px;height:16px}
  .nav-item em,.nav-badge{font-size:7px!important}
  .sidebar-bottom{gap:4px;margin-top:4px}
  .sidebar-bottom .nav-item{min-height:30px}
  .admin-card{padding:7px 8px;border-radius:10px}
  .admin-avatar{width:29px;height:29px}
  .admin-copy strong{font-size:10px}.admin-copy small{font-size:7px}
}
@media (min-width:901px) and (max-height:790px){
  .admin-card{display:none}
  .pwa-install-entry{display:none!important}
  .nav-list{margin-top:7px}
}
@media(max-width:900px){
  .sidebar{overflow:hidden}
  .nav-list{margin-top:18px;overflow-y:auto;padding-bottom:18px}
  .sidebar-bottom{margin-top:6px}
}

/* Link Studio */
.linkstudio-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.linkstudio-kpis .card{padding:17px}
.linkstudio-kpis small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}
.linkstudio-kpis b{display:block;font-size:29px;margin:6px 0 2px}
.linkstudio-kpis span{color:var(--muted);font-size:10px}
.linkstudio-kpis .success b{color:#54e3a5}
.linkstudio-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}
.linkstudio-create{position:sticky;top:104px}
.friendly-link-input{display:flex;min-width:0;align-items:stretch;border:1px solid #2a3650;border-radius:11px;background:#090f1b;overflow:hidden}
.friendly-link-input>span{display:flex;align-items:center;max-width:58%;padding:0 10px;background:#11192a;border-right:1px solid #263149;color:#75839a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friendly-link-input input{border:0!important;border-radius:0!important;background:transparent!important;min-width:90px!important}
.link-presets{display:flex;gap:6px;flex-wrap:wrap}
.link-presets button{border:1px solid #30284b;background:#141126;color:#a994e4;border-radius:999px;padding:6px 9px;font-size:8px;cursor:pointer}
.link-presets button:hover{border-color:#6f4ed1;color:#fff}
.link-list{display:grid;gap:8px}
.link-row{border:1px solid var(--line);border-radius:13px;background:#0b1320;overflow:hidden}
.link-row[open]{border-color:#44356d;background:linear-gradient(145deg,#10182a,#0b1320)}
.link-row>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:12px;align-items:center;padding:12px 13px;cursor:pointer}
.link-row>summary::-webkit-details-marker{display:none}
.link-main{display:flex;align-items:center;gap:10px;min-width:0}
.link-status{width:8px;height:8px;border-radius:50%;flex:none;background:#6a7485}
.link-status.on{background:#49dfa0;box-shadow:0 0 12px #49dfa077}
.link-status.off{background:#ff6b80}
.link-main strong,.link-main a{display:block;min-width:0}
.link-main strong{font-size:11px}
.link-main a{font-size:9px;color:#b79cff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.link-meta{min-width:0;text-align:right}
.link-meta span,.link-meta small{display:block}
.link-meta span{font-size:8px;color:#8f9db0}
.link-meta small{font-size:8px;color:#637187;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.link-edit-form{display:grid;gap:8px;padding:13px;border-top:1px solid var(--line)}
.link-edit-form label{display:grid;gap:5px;color:var(--muted);font-size:9px}
.link-row-actions{display:flex;gap:7px;flex-wrap:wrap}
.link-row>form:last-child{padding:0 13px 13px}
.friendly-link-box{margin-top:10px;border:1px solid #372b58;border-radius:13px;background:linear-gradient(145deg,#121027,#0b1320);padding:12px}
.friendly-link-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.friendly-link-head strong{display:block;font-size:11px;margin-top:3px}
.friendly-link-head a{font-size:9px;color:#b39bff;text-decoration:none}
.friendly-link-box>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.friendly-link-live{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:9px;min-width:0}
.friendly-link-live span{padding:4px 7px;border-radius:999px;background:#0f2b21;color:#63e5aa;border:1px solid #24533f}
.friendly-link-live a{color:#b8a2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice{padding:11px 13px;border-radius:11px;margin-bottom:12px;font-size:10px}
.notice.success{border:1px solid #275b46;background:#0e281f;color:#79e7b6}
.notice.error{border:1px solid #713345;background:#281018;color:#ff94a8}

@media(max-width:1100px){
  .linkstudio-layout{grid-template-columns:1fr}
  .linkstudio-create{position:static}
}
@media(max-width:700px){
  .linkstudio-kpis{grid-template-columns:1fr 1fr}
  .link-row>summary{grid-template-columns:1fr}
  .link-meta{text-align:left}
  .friendly-link-box>form{grid-template-columns:1fr}
}
@media(max-width:480px){
  .linkstudio-kpis{grid-template-columns:1fr}
  .friendly-link-input{display:grid}
  .friendly-link-input>span{max-width:none;border-right:0;border-bottom:1px solid #263149;padding:7px 10px}
}


/* =========================================================
   FANVEXA V5.3 · Creator Client Portal
   ========================================================= */
.client-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.client-kpis .card{padding:16px}
.client-kpis small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}
.client-kpis b{display:block;font-size:28px;margin:5px 0 2px}
.client-kpis span{font-size:9px;color:var(--muted)}
.client-kpis .success b{color:#55e4a7}.client-kpis .warn b{color:#f2b95f}
.client-admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}
.client-directory{position:sticky;top:94px;max-height:calc(100vh - 115px);overflow:hidden;display:flex;flex-direction:column}
.client-list{display:grid;gap:5px;overflow:auto;min-height:0;padding-right:3px}
.client-list-row{display:grid;grid-template-columns:36px minmax(0,1fr) 9px;gap:9px;align-items:center;border:1px solid transparent;border-radius:11px;padding:8px;text-decoration:none;color:inherit}
.client-list-row:hover,.client-list-row.active{background:#15142a;border-color:#44346c}
.client-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#7650ef,#3d258f);font-weight:900}
.client-list-copy{min-width:0}.client-list-copy strong,.client-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-list-copy strong{font-size:10px}.client-list-copy small{font-size:8px;color:var(--muted);margin-top:3px}
.client-dot{width:8px;height:8px;border-radius:50%;background:#6a7484}.client-dot.on{background:#4ee1a0;box-shadow:0 0 10px #4ee1a066}
.client-admin-main{display:grid;gap:14px}
.client-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.client-config-head h2{margin:4px 0}.portal-state{padding:5px 8px;border:1px solid #4b3341;background:#26151c;color:#ff8195;border-radius:999px;font-size:8px;font-weight:900}
.portal-state.on{border-color:#265844;background:#10271f;color:#67e8b0}
.client-url-preview{display:grid;gap:5px;padding:12px;border:1px solid #31294a;border-radius:12px;background:#0b1120;margin:14px 0}
.client-url-preview span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.client-url-preview a{font-size:10px;color:#bca8ff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-settings-form{display:grid;gap:10px}
.portal-security{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.5fr);gap:10px;align-items:end;border:1px solid #3b3159;border-radius:13px;padding:12px;background:linear-gradient(145deg,#121126,#0b1320)}
.portal-security>div strong,.portal-security>div small{display:block}.portal-security>div strong{font-size:11px;margin:3px 0}.portal-security>div small{font-size:8px;color:var(--muted)}
.client-config-actions{display:flex;gap:8px;flex-wrap:wrap}
.client-preview-card .card-head>a{font-size:9px;color:#bba5ff;text-decoration:none}
.client-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.client-preview-grid span{border:1px solid var(--line);border-radius:10px;padding:12px;background:#0b1320;font-size:9px;font-weight:800}

/* Public creator portal */
.client-public-body{margin:0;min-height:100vh;background:
radial-gradient(circle at 12% 0%,#271458 0,transparent 29%),
radial-gradient(circle at 90% 10%,#123349 0,transparent 24%),
#070b13;color:#f4f5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.client-public-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #1d2636;background:#080d16e8;backdrop-filter:blur(16px)}
.client-public-brand{display:flex;align-items:center;gap:10px}
.client-public-brand>span{width:35px;height:35px;border:2px solid #8b5dff;border-radius:10px;display:grid;place-items:center;background:#352074;color:white;font-weight:1000}
.client-public-brand b,.client-public-brand small{display:block}.client-public-brand b{font-size:13px;letter-spacing:.04em}.client-public-brand small{font-size:7px;letter-spacing:.18em;color:#8592a9;margin-top:2px}
.client-public-top-actions{display:flex;gap:7px;align-items:center}.client-public-top-actions a,.client-public-top-actions button{border:1px solid #293348;background:#101725;color:#cbd3e3;border-radius:9px;padding:7px 10px;font-size:9px;text-decoration:none;cursor:pointer}
.client-public-top-actions form{margin:0}
.client-public-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 50px}
.client-public-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px;border:1px solid #342859;border-radius:19px;background:linear-gradient(125deg,#181230 0,#0b1321 55%,#0c1a27 100%);box-shadow:0 25px 70px #0005}
.client-public-hero h1{font-size:clamp(28px,5vw,47px);line-height:1;margin:7px 0 10px}.client-public-hero p{max-width:680px;margin:0;color:#a5b0c4;font-size:12px;line-height:1.6}
.client-public-status{display:flex;align-items:center;gap:7px;border:1px solid #28533f;border-radius:999px;padding:7px 10px;background:#10271f;color:#6be8b1;font-size:8px;font-weight:900;white-space:nowrap}
.client-public-status i{width:7px;height:7px;border-radius:50%;background:#54e5a8;box-shadow:0 0 12px #54e5a8}
.client-public-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.client-public-kpis article{border:1px solid #202b3e;border-radius:14px;background:#0c1421;padding:15px}
.client-public-kpis small,.client-public-kpis b,.client-public-kpis span{display:block}.client-public-kpis small{color:#748299;font-size:8px;font-weight:900;letter-spacing:.12em}.client-public-kpis b{font-size:22px;margin:5px 0}.client-public-kpis span{font-size:8px;color:#728097}
.client-public-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px;align-items:start}
.client-public-main,.client-public-side{display:grid;gap:14px}
.client-public-card{border:1px solid #202b3e;border-radius:16px;background:#0b121e;padding:17px}
.client-public-card h2{font-size:17px;margin:5px 0}.client-public-card>p{font-size:10px;color:#8996aa;line-height:1.55}
.client-public-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.client-order-list{display:grid;gap:9px}.client-order-card{border:1px solid #273148;border-radius:14px;background:#0e1725;padding:13px}
.client-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.client-order-top strong,.client-order-top small{display:block}.client-order-top strong{font-size:11px}.client-order-top small{color:#76859a;font-size:8px;margin-top:3px}
.client-order-status{font-size:7px;font-weight:900;border:1px solid #38435a;border-radius:999px;padding:5px 7px;color:#a7b2c5}.client-order-status.status-paid{color:#55e4a7;border-color:#275945;background:#10271f}.client-order-status.status-in_progress{color:#72c8ff;border-color:#27506c;background:#0d2030}.client-order-status.status-delivered{color:#c4a8ff;border-color:#4b3972;background:#171129}.client-order-status.status-unpaid{color:#ffbf69;border-color:#684b28;background:#261b0e}
.client-order-money{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.client-order-money>span{border:1px solid #222e42;border-radius:10px;background:#0a111c;padding:9px}.client-order-money small,.client-order-money b{display:block}.client-order-money small{font-size:7px;color:#77869c}.client-order-money b{font-size:11px;margin-top:3px}
.client-payment-panel{display:grid;gap:8px;border:1px solid #342d50;background:#121125;border-radius:11px;padding:10px;margin-top:10px}.client-payment-panel p,.client-payment-panel small{margin:0;font-size:9px;line-height:1.5}.client-payment-panel small{color:#93a0b4;white-space:pre-line}
.client-primary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #825aff;border-radius:10px;background:linear-gradient(100deg,#7346ef,#9b5cff);color:white!important;padding:9px 12px;font-size:9px;font-weight:900;text-decoration:none;cursor:pointer}
.client-order-files{display:grid;gap:6px;margin-top:10px}.client-order-files>a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #263149;border-radius:10px;padding:8px;color:inherit;text-decoration:none;background:#0a111c}.client-order-files b,.client-order-files small{display:block}.client-order-files b{font-size:9px}.client-order-files small{font-size:7px;color:#76859b;margin-top:2px}.client-order-files em{font-size:8px;color:#baa4ff;font-style:normal}
.client-quote-list,.client-ticket-list{display:grid;gap:6px}.client-quote-row,.client-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #222d40;border-radius:10px;padding:9px;background:#0a111c;color:inherit;text-decoration:none}.client-quote-row b,.client-quote-row small,.client-ticket-row b,.client-ticket-row small{display:block}.client-quote-row b,.client-ticket-row b{font-size:9px}.client-quote-row small,.client-ticket-row small{font-size:7px;color:#758399;margin-top:2px}.client-quote-row>strong{font-size:10px;color:#cab8ff}.client-ticket-row em{font-size:7px;font-style:normal;text-transform:uppercase;color:#98a5b8}.client-ticket-row em.ticket-open{color:#ffbe62}
.client-request-form{display:grid;gap:9px}.client-request-form label{display:grid;gap:5px;color:#8491a5;font-size:8px}.client-request-form input,.client-request-form textarea,.client-request-form select{width:100%;box-sizing:border-box;border:1px solid #29354a;background:#080f19;color:#f0f2f7;border-radius:10px;padding:10px;font:inherit;outline:none}.client-request-form input:focus,.client-request-form textarea:focus,.client-request-form select:focus{border-color:#7451d7}
.client-public-empty{border:1px dashed #28344a;border-radius:11px;padding:20px;text-align:center;color:#76849a;font-size:9px}
.client-public-footer{text-align:center;padding:0 20px 28px;color:#56647a;font-size:8px;letter-spacing:.15em}
.client-unlock-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.client-unlock-card{width:min(420px,100%);box-sizing:border-box;border:1px solid #3a2e5f;border-radius:20px;background:linear-gradient(145deg,#121225,#090f18);padding:27px;box-shadow:0 30px 100px #0008}.client-unlock-card h1{font-size:28px;margin:14px 0 8px}.client-unlock-card>p{color:#95a1b5;font-size:11px;line-height:1.55}.client-unlock-card form{display:grid;gap:10px;margin-top:18px}.client-unlock-card label{display:grid;gap:6px;font-size:8px;color:#8996aa}.client-unlock-card input{border:1px solid #33405a;background:#090f19;color:white;border-radius:11px;padding:13px;font-size:18px;letter-spacing:.2em;text-align:center}.client-lock-note{display:block;color:#647289;font-size:8px;line-height:1.5;margin-top:14px;text-align:center}

@media(max-width:1100px){
  .client-admin-layout{grid-template-columns:1fr}.client-directory{position:static;max-height:none}.client-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-public-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .client-kpis,.client-public-kpis{grid-template-columns:1fr 1fr}
  .client-list{grid-template-columns:1fr}
  .portal-security{grid-template-columns:1fr}
  .client-preview-grid{grid-template-columns:1fr 1fr}
  .client-public-shell{width:min(100% - 20px,1180px);padding-top:16px}
  .client-public-top{padding:0 12px;min-height:58px}
  .client-public-hero{padding:18px;display:grid}.client-public-status{justify-self:start}
  .client-order-money{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:480px){
  .client-kpis,.client-public-kpis{grid-template-columns:1fr 1fr}
  .client-public-top-actions a{display:none}
  .client-public-hero h1{font-size:30px}
  .client-order-money{grid-template-columns:1fr}
  .client-order-files>a{grid-template-columns:22px minmax(0,1fr)}
  .client-order-files em{grid-column:2}
}


/* =========================================================
   FANVEXA V5.4 · Creator Page Builder
   ========================================================= */
.creator-page-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.creator-page-kpis .card{padding:16px}.creator-page-kpis small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}.creator-page-kpis b{display:block;font-size:28px;margin:5px 0 2px}.creator-page-kpis span{font-size:9px;color:var(--muted)}.creator-page-kpis .success b{color:#55e4a7}.creator-page-kpis .warn b{color:#f2b95f}
.creator-builder-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.creator-builder-list{position:sticky;top:94px;max-height:calc(100vh - 115px);overflow:hidden;display:flex;flex-direction:column}
.creator-builder-search{margin-bottom:9px}.creator-builder-search input{width:100%;box-sizing:border-box}
.creator-page-directory{display:grid;gap:5px;overflow:auto;min-height:0;padding-right:3px}
.creator-page-person{display:grid;grid-template-columns:35px minmax(0,1fr) 8px;gap:9px;align-items:center;padding:8px;border:1px solid transparent;border-radius:11px;color:inherit;text-decoration:none}
.creator-page-person:hover,.creator-page-person.active{background:#15142a;border-color:#493771}
.creator-page-person>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7650ef,#36217e);font-weight:900}.creator-page-person strong,.creator-page-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-page-person strong{font-size:10px}.creator-page-person small{font-size:7px;color:#7f8ca1;margin-top:3px}.creator-page-person i{width:8px;height:8px;border-radius:50%;background:#626e80}.creator-page-person i.on{background:#50e1a2;box-shadow:0 0 10px #50e1a266}
.creator-builder-main{display:grid;gap:14px}.creator-builder-form{display:grid;gap:14px}.creator-publish-state{border:1px solid #704052;border-radius:999px;background:#28141b;color:#ff91a3;padding:5px 8px;font-size:8px;font-weight:900}.creator-publish-state.on{border-color:#285943;background:#10271f;color:#62e7ad}
.creator-theme-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.theme-option input{position:absolute;opacity:0}.theme-option>span{display:flex;align-items:center;gap:8px;border:1px solid #293449;border-radius:11px;padding:10px;cursor:pointer;font-size:9px;font-weight:800}.theme-option>span>i{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#8c5dff,#442390)}.theme-rose>span>i{background:linear-gradient(135deg,#ff6fae,#92285e)}.theme-ocean>span>i{background:linear-gradient(135deg,#4fc5ff,#1b4da0)}.theme-emerald>span>i{background:linear-gradient(135deg,#4de1a1,#12684b)}.theme-midnight>span>i{background:linear-gradient(135deg,#708099,#101828)}.theme-option input:checked+span{border-color:#8c64ff;box-shadow:0 0 0 1px #8c64ff inset;background:#17132b}
.creator-publish-options{display:grid;gap:7px;margin:5px 0 12px}.creator-publish-options .publish{border:1px solid #345f4d;background:#10271f;border-radius:11px;padding:10px;color:#6de9b3;font-weight:900}
.creator-media-upload{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:9px;align-items:end}.creator-media-upload label{display:grid;gap:5px;color:var(--muted);font-size:8px}.creator-media-upload input[type=file]{border:1px solid #29354b;border-radius:10px;padding:8px;background:#0a111c;color:#9aa7ba;font-size:8px}
.creator-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.creator-media-item{position:relative;aspect-ratio:1/1;border:1px solid #28354a;border-radius:12px;overflow:hidden;background:#0b111b}.creator-media-item.cover{grid-column:span 2;aspect-ratio:2/1}.creator-media-item img{width:100%;height:100%;object-fit:cover}.creator-media-item>span{position:absolute;left:6px;bottom:6px;border-radius:999px;background:#060a10cc;padding:4px 6px;font-size:7px;text-transform:uppercase}.creator-media-item form{position:absolute;right:5px;top:5px}.creator-media-item button{width:24px;height:24px;border:1px solid #63303d;border-radius:7px;background:#2b1018;color:#ff8ca0;cursor:pointer}
.creator-inquiry-list{display:grid;gap:7px}.creator-inquiry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid #263248;border-radius:11px;background:#0b121e;padding:11px}.creator-inquiry strong,.creator-inquiry a{display:block}.creator-inquiry strong{font-size:10px}.creator-inquiry a{font-size:8px;color:#b69fff;text-decoration:none;margin-top:2px}.creator-inquiry p{font-size:9px;color:#9aa6b7;line-height:1.5;margin:7px 0 0;white-space:pre-wrap}.creator-inquiry select{min-width:110px}

/* ---------------- Public Creator Page ---------------- */
.cp-body{--cp-accent:#8b5dff;--cp-accent2:#5430bd;--cp-soft:#1a1331;min-height:100vh;margin:0;background:#070a11;color:#f6f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cp-theme-rose{--cp-accent:#ff6fae;--cp-accent2:#a42f68;--cp-soft:#2b1120}.cp-theme-ocean{--cp-accent:#50c5ff;--cp-accent2:#245ab6;--cp-soft:#0d2134}.cp-theme-emerald{--cp-accent:#4de1a1;--cp-accent2:#187353;--cp-soft:#0d251c}.cp-theme-midnight{--cp-accent:#9ba8bd;--cp-accent2:#45546b;--cp-soft:#131a26}
.cp-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:24px 0 44px}
.cp-hero{position:relative;min-height:430px;border:1px solid #242b39;border-radius:26px;overflow:hidden;background:#0d121b;box-shadow:0 30px 90px #0008}.cp-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cp-cover-empty{background:radial-gradient(circle at 20% 20%,var(--cp-accent2),transparent 32%),radial-gradient(circle at 80% 35%,#26304a,transparent 35%),linear-gradient(145deg,#111827,#080b11)}.cp-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0001 10%,#05070bd9 78%,#05070b 100%)}
.cp-profile-wrap{position:absolute;left:38px;right:38px;bottom:32px;display:flex;align-items:end;gap:20px}.cp-avatar{width:130px;height:130px;border:4px solid #0a0e16;border-radius:30px;object-fit:cover;background:#101622;box-shadow:0 18px 50px #0008}.cp-avatar-empty{display:grid;place-items:center;font-size:46px;font-weight:1000;background:linear-gradient(145deg,var(--cp-accent),var(--cp-accent2))}.cp-identity{min-width:0}.cp-kicker,.cp-eyebrow{display:block;color:var(--cp-accent);font-size:9px;font-weight:1000;letter-spacing:.18em}.cp-identity h1{font-size:clamp(38px,7vw,70px);line-height:.94;margin:7px 0 5px;letter-spacing:-.04em}.cp-handle{font-size:12px;color:#bcc5d4}.cp-tagline{font-size:15px;margin:9px 0 5px}.cp-identity small{font-size:10px;color:#8d99ac}
.cp-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);gap:14px;margin-top:14px;align-items:start}.cp-main,.cp-side{display:grid;gap:14px}.cp-side{position:sticky;top:14px}.cp-card{border:1px solid #202837;border-radius:19px;background:linear-gradient(145deg,#0e1420,#090e16);padding:20px;box-shadow:0 14px 45px #0003}.cp-card h2{font-size:22px;margin:6px 0 10px}.cp-card p{color:#a5afbf;font-size:11px;line-height:1.7;white-space:pre-line}.cp-about p{font-size:12px}
.cp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cp-gallery-item{appearance:none;border:0;padding:0;border-radius:13px;overflow:hidden;background:#101621;aspect-ratio:1/1;cursor:pointer}.cp-gallery-item:nth-child(1),.cp-gallery-item:nth-child(7){grid-column:span 2;grid-row:span 2}.cp-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.cp-gallery-item:hover img{transform:scale(1.035)}
.cp-featured{border-color:color-mix(in srgb,var(--cp-accent) 40%,#202837);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--cp-accent) 22%,transparent),transparent 42%),linear-gradient(145deg,var(--cp-soft),#0a0f18)}
.cp-primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--cp-accent) 80%,#fff);border-radius:12px;background:linear-gradient(105deg,var(--cp-accent2),var(--cp-accent));color:#fff;text-decoration:none;padding:11px 14px;font-size:10px;font-weight:900;cursor:pointer}
.cp-links{display:grid;gap:7px}.cp-links h2{margin-bottom:7px}.cp-links>a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #263043;border-radius:12px;background:#0a1019;color:#e9ecf3;text-decoration:none;padding:11px;font-size:10px;font-weight:800}.cp-links>a:hover{border-color:var(--cp-accent);background:var(--cp-soft)}.cp-links>a em{color:var(--cp-accent);font-style:normal}
.cp-collab form{display:grid;gap:8px}.cp-collab label{display:grid;gap:5px;color:#8996aa;font-size:8px}.cp-collab input,.cp-collab textarea{width:100%;box-sizing:border-box;border:1px solid #29344a;background:#080e16;color:#f4f6f9;border-radius:11px;padding:10px;font:inherit;outline:none}.cp-collab input:focus,.cp-collab textarea:focus{border-color:var(--cp-accent)}
.cp-share{width:100%;border:1px solid #293348;border-radius:12px;background:#0c121d;color:#aab5c5;padding:10px;cursor:pointer;font-size:9px}.cp-share:hover{border-color:var(--cp-accent);color:#fff}
.cp-footer{display:flex;justify-content:center;gap:7px;padding:0 20px 30px;color:#5e6b7d;font-size:8px;letter-spacing:.14em}.cp-footer b{color:#8f7ac7}
.cp-notice{width:min(1120px,calc(100% - 28px));box-sizing:border-box;margin:12px auto;padding:11px 13px;border-radius:12px;font-size:10px}.cp-notice.success{background:#0e281f;border:1px solid #275b46;color:#76e7b5}.cp-notice.error{background:#281018;border:1px solid #713345;color:#ff94a8}
.cp-age-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#04060aec;backdrop-filter:blur(18px);padding:20px}.cp-age-card{width:min(430px,100%);box-sizing:border-box;border:1px solid #32284d;border-radius:22px;background:linear-gradient(145deg,#12101f,#080c13);padding:28px;text-align:center;box-shadow:0 30px 100px #000}.cp-brand{display:flex;align-items:center;justify-content:center;gap:8px}.cp-brand span{width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--cp-accent);border-radius:9px;font-weight:1000}.cp-brand b{font-size:12px}.cp-age-badge{display:inline-block;margin:24px 0 5px;border:1px solid #7c394b;background:#32131d;color:#ff8da1;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:1000}.cp-age-card h1{font-size:27px;margin:8px 0}.cp-age-card p{font-size:10px;line-height:1.6;color:#98a3b5}.cp-age-card button{width:100%;border:0;border-radius:12px;background:linear-gradient(105deg,var(--cp-accent2),var(--cp-accent));color:#fff;padding:12px;font-weight:900;cursor:pointer;margin-top:10px}.cp-age-card>a{display:block;color:#788599;font-size:9px;margin-top:12px}
.cp-lightbox[hidden]{display:none}.cp-lightbox{position:fixed;inset:0;z-index:190;display:grid;place-items:center;background:#020305e8;padding:20px}.cp-lightbox img{max-width:min(1100px,94vw);max-height:90vh;border-radius:17px;box-shadow:0 30px 100px #000}.cp-lightbox button{position:fixed;right:22px;top:18px;width:40px;height:40px;border:1px solid #4b5360;border-radius:50%;background:#0a0d12;color:white;font-size:22px;cursor:pointer}

@media(max-width:1050px){
  .creator-builder-layout{grid-template-columns:1fr}.creator-builder-list{position:static;max-height:none}.creator-page-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-media-upload{grid-template-columns:1fr 1fr}.creator-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:800px){
  .creator-page-kpis{grid-template-columns:1fr 1fr}.creator-theme-picker{grid-template-columns:1fr 1fr 1fr}
  .cp-shell{padding-top:10px}.cp-hero{min-height:500px;border-radius:20px}.cp-profile-wrap{left:20px;right:20px;bottom:24px;display:grid}.cp-avatar{width:105px;height:105px;border-radius:24px}.cp-content-grid{grid-template-columns:1fr}.cp-side{position:static}.cp-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .creator-page-directory{grid-template-columns:1fr}.creator-theme-picker{grid-template-columns:1fr 1fr}.creator-media-upload{grid-template-columns:1fr}.creator-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-media-item.cover{grid-column:span 2}
  .cp-shell{width:min(100% - 16px,1120px)}.cp-hero{min-height:460px}.cp-profile-wrap{left:15px;right:15px;bottom:18px}.cp-identity h1{font-size:40px}.cp-tagline{font-size:13px}.cp-card{padding:15px;border-radius:16px}.cp-gallery-item:nth-child(1),.cp-gallery-item:nth-child(7){grid-column:span 2;grid-row:span 1;aspect-ratio:2/1}
}


/* =========================================================
   FANVEXA V5.5 · Creator Accounts + Restricted Workspace
   ========================================================= */
.creator-account-admin{border-color:#3e3260;background:radial-gradient(circle at 100% 0%,#26184b88,transparent 36%),var(--card)}
.creator-access-badge{border:1px solid #643848;border-radius:999px;background:#27151c;color:#ff91a4;padding:5px 8px;font-size:8px;font-weight:900}.creator-access-badge.on{border-color:#285943;background:#10271f;color:#64e8ae}
.creator-login-url{display:grid;gap:5px;border:1px solid #2c354a;border-radius:11px;background:#0a111c;padding:10px;margin:10px 0}.creator-login-url span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.creator-login-url a{font-size:9px;color:#b9a4ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-last-login{font-size:8px;color:#758399}

/* Dedicated creator area — intentionally separate from admin dashboard. */
.cw-body,.cw-login-body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 0%,#23134c,transparent 28%),radial-gradient(circle at 95% 10%,#0d3040,transparent 24%),#070b12;color:#f5f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cw-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}
.cw-sidebar{position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;border-right:1px solid #1d2737;background:#080d16ee;padding:16px 12px}
.cw-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.cw-brand>span{width:38px;height:38px;border:2px solid #8257f5;border-radius:11px;background:#2c1a68;display:grid;place-items:center;font-weight:1000}.cw-brand b,.cw-brand small{display:block}.cw-brand b{font-size:14px}.cw-brand small{font-size:7px;letter-spacing:.18em;color:#7d8aa0;margin-top:2px}
.cw-nav{display:grid;gap:5px;margin-top:28px}.cw-nav a{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:10px;color:#aeb7c7;text-decoration:none;font-size:10px}.cw-nav a>span{width:20px;text-align:center;color:#8971d7}.cw-nav a:hover,.cw-nav a.active{background:#171329;border-color:#4a3972;color:#fff}
.cw-side-bottom{margin-top:auto;display:grid;gap:8px}.cw-account{display:flex;align-items:center;gap:8px;border:1px solid #253044;border-radius:11px;padding:8px;background:#0c131f}.cw-account>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#8053f1,#3a2786);font-weight:900}.cw-account b,.cw-account small{display:block}.cw-account b{font-size:9px}.cw-account small{font-size:7px;color:#79869a;margin-top:2px}.cw-side-bottom form{margin:0}.cw-side-bottom button{width:100%;border:1px solid #2c3547;border-radius:9px;background:#0c121c;color:#9aa5b7;padding:8px;cursor:pointer;font-size:9px}
.cw-content-wrap{min-width:0}.cw-topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #1c2635;background:#090e17dd;backdrop-filter:blur(15px);padding:0 24px;position:sticky;top:0;z-index:15}.cw-topbar strong{display:block;font-size:13px;margin-top:3px}.cw-eyebrow{display:block;color:#a989ff;font-size:8px;font-weight:1000;letter-spacing:.16em}.cw-top-actions a{border:1px solid #3a3158;border-radius:9px;background:#131024;color:#c8b8ff;padding:7px 10px;text-decoration:none;font-size:8px}.cw-draft-chip{border:1px solid #51402b;border-radius:999px;background:#21190d;color:#e5b666;padding:5px 8px;font-size:8px}
.cw-content{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 50px}
.cw-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #352959;border-radius:18px;padding:22px;background:linear-gradient(125deg,#18112f,#0b1320 60%,#0d1e29)}.cw-hero h1{font-size:32px;margin:6px 0}.cw-hero p{margin:0;color:#9ba7b9;font-size:10px}.cw-hero>a{border:1px solid #8b60ff;border-radius:11px;background:linear-gradient(100deg,#7246e9,#9c5cff);color:#fff;padding:10px 13px;text-decoration:none;font-size:9px;font-weight:900;white-space:nowrap}
.cw-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.cw-kpis article{border:1px solid #202c3e;border-radius:13px;background:#0c1420;padding:14px}.cw-kpis small,.cw-kpis b,.cw-kpis span{display:block}.cw-kpis small{font-size:7px;color:#748298;font-weight:900;letter-spacing:.12em}.cw-kpis b{font-size:20px;margin:5px 0}.cw-kpis span{font-size:8px;color:#748297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cw-card{border:1px solid #202c3e;border-radius:15px;background:linear-gradient(145deg,#0d1522,#090f18);padding:17px}.cw-card h2{font-size:17px;margin:5px 0 8px}.cw-card>p{font-size:9px;color:#8e9aae;line-height:1.6}.cw-card>a{color:#b9a4ff;text-decoration:none;font-size:9px;font-weight:800}.cw-progress{height:7px;border-radius:999px;background:#131d2b;overflow:hidden;margin:13px 0 8px}.cw-progress i{display:block;height:100%;background:linear-gradient(90deg,#7350ed,#56dcb2);border-radius:inherit}.cw-progress-card>strong{font-size:10px}.cw-safe-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 0}.cw-safe-list span{border:1px solid #254237;border-radius:8px;background:#0d2019;color:#72e5b4;padding:7px;font-size:8px}
.cw-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}.cw-page-head h1{font-size:29px;margin:5px 0}.cw-page-head p{margin:0;color:#8d99ab;font-size:10px}.cw-page-head>a{border:1px solid #3a3159;border-radius:9px;padding:8px 10px;color:#bca7ff;text-decoration:none;font-size:8px}
.cw-alert{padding:10px 12px;border-radius:10px;font-size:9px;margin-bottom:12px}.cw-alert.success{border:1px solid #2b5b48;background:#0e281f;color:#75e8b7}.cw-alert.error{border:1px solid #713345;background:#281018;color:#ff94a8}
.cw-profile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:12px;align-items:start}.cw-form-stack,.cw-profile-side{display:grid;gap:12px}
.cw-form-stack label,.cw-media-form label,.cw-password-form label,.cw-support-form label{display:grid;gap:5px;color:#8491a5;font-size:8px}.cw-form-stack input,.cw-form-stack textarea,.cw-media-form input,.cw-password-form input,.cw-support-form input,.cw-support-form textarea{width:100%;box-sizing:border-box;border:1px solid #29364a;background:#080f18;color:#f2f4f8;border-radius:10px;padding:10px;font:inherit;outline:none}.cw-form-stack input:focus,.cw-form-stack textarea:focus,.cw-password-form input:focus,.cw-support-form input:focus,.cw-support-form textarea:focus{border-color:#7651dc}
.cw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cw-readonly-url{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #283449;border-radius:10px;background:#0a111b;padding:9px;margin-top:8px}.cw-readonly-url span{font-size:8px;color:#7e8b9f}.cw-readonly-url b{font-size:9px;color:#b6a1ff}
.cw-theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cw-theme input{position:absolute;opacity:0}.cw-theme>span{display:flex;align-items:center;gap:6px;border:1px solid #293348;border-radius:9px;padding:8px;cursor:pointer;font-size:8px}.cw-theme i{width:15px;height:15px;border-radius:5px;background:linear-gradient(135deg,#8c5dff,#442390)}.cw-theme-rose i{background:linear-gradient(135deg,#ff6fae,#92285e)}.cw-theme-ocean i{background:linear-gradient(135deg,#4fc5ff,#1b4da0)}.cw-theme-emerald i{background:linear-gradient(135deg,#4de1a1,#12684b)}.cw-theme-midnight i{background:linear-gradient(135deg,#7c8ba1,#101828)}.cw-theme input:checked+span{border-color:#8b62f6;background:#18132c}
.cw-primary{border:1px solid #855bfa!important;border-radius:10px!important;background:linear-gradient(100deg,#7145e8,#9c5cff)!important;color:white!important;padding:10px!important;font-size:9px!important;font-weight:900!important;cursor:pointer}
.cw-media-form,.cw-password-form,.cw-support-form{display:grid;gap:8px}.cw-media-form input[type=file]{font-size:7px;color:#8d99ac}.cw-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.cw-media-item{position:relative;aspect-ratio:1;border:1px solid #283449;border-radius:10px;overflow:hidden}.cw-media-item.cover{grid-column:span 2;aspect-ratio:2/1}.cw-media-item img{width:100%;height:100%;object-fit:cover}.cw-media-item>span{position:absolute;left:5px;bottom:5px;border-radius:999px;background:#05080ccc;padding:3px 5px;font-size:6px;text-transform:uppercase}.cw-media-item form{position:absolute;right:4px;top:4px}.cw-media-item button{width:22px;height:22px;border:1px solid #62303d;border-radius:6px;background:#291018;color:#ff8ca0;cursor:pointer}.cw-empty{border:1px dashed #29354a;border-radius:9px;padding:16px;text-align:center;color:#718096;font-size:8px}.cw-admin-controlled{border-color:#342d4c;background:#100f1d}
.cw-support-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:start}.cw-ticket-list{display:grid;gap:6px}.cw-ticket-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #253146;border-radius:9px;padding:8px;background:#0a111b}.cw-ticket-list b,.cw-ticket-list small{display:block}.cw-ticket-list b{font-size:9px}.cw-ticket-list small{font-size:7px;color:#748296;margin-top:2px}.cw-ticket-list em{font-size:7px;font-style:normal;text-transform:uppercase;color:#8f9cb0}.cw-ticket-list em.status-open{color:#f5bb63}
.cw-mobile-nav{display:none}

/* Creator login */
.cw-login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.cw-login-card{width:min(420px,100%);box-sizing:border-box;border:1px solid #392c5d;border-radius:21px;background:linear-gradient(145deg,#121020,#090e16);padding:27px;box-shadow:0 35px 100px #0009}.cw-login-card>.cw-brand{margin-bottom:24px}.cw-login-card h1{font-size:29px;margin:7px 0}.cw-login-card>p{color:#929eb1;font-size:10px;line-height:1.6}.cw-login-card>form{display:grid;gap:10px;margin:18px 0 12px}.cw-login-card label{display:grid;gap:5px;color:#8995a9;font-size:8px}.cw-login-card input{border:1px solid #2d394f;background:#080e17;color:#fff;border-radius:10px;padding:11px;outline:none}.cw-login-card input:focus{border-color:#8059ea}.cw-login-card form>button{border:0;border-radius:11px;background:linear-gradient(100deg,#7145e8,#9b5cff);color:#fff;padding:11px;font-weight:900;cursor:pointer}.cw-login-card>small{display:block;color:#647187;font-size:8px;text-align:center}

@media(max-width:900px){
  .cw-shell{display:block}.cw-sidebar{display:none}.cw-topbar{padding:0 14px;min-height:60px}.cw-content{width:min(100% - 20px,1180px);padding:15px 0 82px}
  .cw-mobile-nav{position:fixed;z-index:30;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid #273148;border-radius:14px;background:#090f18ee;backdrop-filter:blur(16px);padding:5px;box-shadow:0 15px 50px #0008}.cw-mobile-nav a{display:grid;place-items:center;gap:2px;border-radius:9px;padding:5px;color:#818ea2;text-decoration:none;font-size:7px}.cw-mobile-nav a>span{font-size:15px}.cw-mobile-nav a.active{background:#1b1531;color:#c5b2ff}
  .cw-profile-layout,.cw-support-layout{grid-template-columns:1fr}.cw-theme-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .cw-hero{display:grid}.cw-hero>a{justify-self:start}.cw-kpis{grid-template-columns:1fr 1fr}.cw-grid{grid-template-columns:1fr}.cw-form-row{grid-template-columns:1fr}.cw-safe-list{grid-template-columns:1fr}.cw-page-head{align-items:flex-start}.cw-theme-grid{grid-template-columns:1fr 1fr}
}