:root{--bg:#020b1c;--bg2:#06142b;--panel:#071a32;--panel2:#0a203c;--line:#173453;--text:#f3f7ff;--muted:#90a2ba;--blue:#1677ff;--cyan:#00d4ff;--purple:#8b5cf6;--green:#22c55e;--orange:#f59e0b;--red:#ef4444;--shadow:0 18px 60px rgba(0,0,0,.35);--radius:14px;--sidebar:244px;--top:64px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 55% 10%,#08244a 0,transparent 30%),var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}em{font-style:normal;color:var(--blue)}
.boot{height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.boot .bot-logo{margin:auto}.boot small{color:var(--muted)}
.bot-logo{display:inline-grid;place-items:center;width:36px;height:30px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 24px rgba(22,119,255,.5);color:var(--cyan);position:relative}.bot-logo:before,.bot-logo:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#06142b;top:13px}.bot-logo:before{left:10px}.bot-logo:after{right:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:9px;background:#091b33;color:var(--text);font-weight:650;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow}.btn:hover{transform:translateY(-1px);border-color:#2c68a9;background:#0c2648}.btn.primary{border-color:#208bff;background:linear-gradient(120deg,#095cff,#0bafff);box-shadow:0 8px 28px rgba(22,119,255,.25)}.btn.purple{background:linear-gradient(120deg,#5c39e6,var(--purple));border-color:#a17dff}.btn.success{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5);color:#66ec97}.btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.45);color:#ff8282}.btn.ghost{background:transparent}.btn.big{min-height:54px;padding:0 25px;font-size:16px}.btn.small{min-height:32px;padding:0 10px;font-size:12px}.icon-btn{width:38px;height:38px;padding:0;border-radius:10px;border:1px solid var(--line);background:#07182d;display:grid;place-items:center}.icon-btn:hover{border-color:var(--blue)}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);background:linear-gradient(180deg,#031126 0,#04152b 100%);z-index:30;display:flex;flex-direction:column;overflow:hidden}.sidebar-head{height:var(--top);display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(23,52,83,.6)}.sidebar-head strong{font-size:17px;letter-spacing:-.3px}.sidebar-scroll{overflow:auto;padding:10px 9px 18px;scrollbar-width:thin}.nav-section{margin:11px 0}.nav-label{font-size:10px;letter-spacing:1.3px;color:#627995;font-weight:750;padding:6px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:8px;color:#bdcbe0;border:1px solid transparent;transition:.18s}.nav-item span:first-child{width:20px;text-align:center;color:#9cb2cc}.nav-item small{margin-left:auto;border-radius:10px;background:#d42626;color:#fff;padding:1px 6px;font-size:10px}.nav-item:hover{background:#08213f;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(22,119,255,.34),rgba(22,119,255,.12));border-color:#1677ff;color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.nav-children{padding-left:15px;border-left:1px dashed #244c75;margin-left:18px}.nav-children .nav-item{font-size:12px;padding:7px 8px}.sidebar-user{margin-top:auto;padding:12px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#075fe4,var(--purple));font-weight:800}.sidebar-user small{display:block;color:var(--muted);font-size:11px}
.nav-item .nav-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;color:#91a8c5;transition:color .18s ease,filter .18s ease,transform .18s ease}.nav-svg{width:17px;height:17px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-svg .nav-icon-solid{fill:currentColor;stroke:none}.nav-item:hover .nav-icon{color:#d8eaff;filter:drop-shadow(0 0 4px rgba(80,168,255,.4));transform:translateY(-1px)}.nav-item.active .nav-icon{color:#e9f5ff;filter:drop-shadow(0 0 5px rgba(47,178,255,.72))}.nav-svg-tiktok{stroke:none}.nav-svg-tiktok .nav-tiktok-shadow{fill:rgba(0,0,0,.42)}.nav-svg-tiktok .nav-tiktok-cyan{fill:#25f4ee}.nav-svg-tiktok .nav-tiktok-red{fill:#fe2c55}.nav-svg-tiktok .nav-tiktok-main{fill:#f7fbff}.nav-svg-shopee .nav-shopee-bag{fill:#ee4d2d;stroke:#ff735a}.nav-svg-shopee .nav-shopee-letter{fill:#fff;stroke:none;font:700 8px Arial,sans-serif}.nav-children .nav-icon{width:18px;height:18px;flex-basis:18px}.nav-children .nav-svg{width:14px;height:14px}
.topbar{position:fixed;z-index:25;left:var(--sidebar);right:0;top:0;height:var(--top);border-bottom:1px solid var(--line);background:rgba(2,11,28,.87);backdrop-filter:blur(15px);display:flex;align-items:center;padding:0 18px;gap:12px}.menu-toggle{display:none}.searchbox{width:min(460px,42vw);height:40px;border:1px solid var(--line);border-radius:10px;background:#06152a;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.searchbox input{border:0;background:none;outline:0;width:100%}.top-spacer{flex:1}.env{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px 12px;border-radius:9px}.dot-live{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.12);animation:pulse 1.8s infinite}.notification{position:relative}.notification b{position:absolute;right:-5px;top:-7px;background:#dc2626;font-size:10px;padding:2px 5px;border-radius:9px}.user-menu{display:flex;align-items:center;gap:8px}.user-menu .avatar{width:32px;height:32px}
.content{margin-left:var(--sidebar);padding:calc(var(--top) + 16px) 16px 32px;min-height:100vh}.page-head{display:flex;align-items:flex-start;gap:16px;margin:2px 0 14px}.page-head h1{margin:0 0 4px;font-size:25px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted)}.page-actions{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.mobile-title{display:none}
.grid{display:grid;gap:12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(9,28,53,.97),rgba(5,20,39,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 30px rgba(0,0,0,.12);overflow:hidden}.card:hover{border-color:#245080}.card-pad{padding:14px}.card-head{display:flex;align-items:center;gap:9px;padding:13px 14px 9px}.card-head h3{font-size:15px;margin:0}.card-head a,.card-head button{margin-left:auto;color:#63adff;font-size:12px;background:none;border:0}.kpi{padding:14px;min-height:100px;position:relative}.kpi label{display:block;color:#a7b7cc;font-size:12px}.kpi strong{font-size:27px;display:block;margin:5px 0}.kpi small{color:var(--green)}.kpi-icon{position:absolute;right:13px;top:13px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(22,119,255,.14);color:#6cafff;font-size:18px}.kpi.orange .kpi-icon{background:rgba(245,158,11,.15);color:#ffc054}.kpi.purple .kpi-icon{background:rgba(139,92,246,.18);color:#b89aff}.kpi.green .kpi-icon{background:rgba(34,197,94,.14);color:#60e894}
.dashboard-grid{grid-template-columns:1.55fr .9fr .9fr}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.chart{height:230px;padding:10px 14px 14px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:#173453;stroke-width:1;stroke-dasharray:3 5}.chart-line{fill:none;stroke-width:3;filter:drop-shadow(0 0 5px currentColor)}.chart-area{opacity:.12}.legend{display:flex;gap:15px;color:var(--muted);font-size:11px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.mini-list{padding:3px 13px 13px}.list-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(23,52,83,.8);padding:10px 0}.list-row:last-child{border:0}.list-row .row-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#0a2b52;color:#5ea9ff}.list-row .grow{flex:1;min-width:0}.list-row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row small{color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:10px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:#62e792;white-space:nowrap}.badge.warning{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.13);color:#ffbf4b}.badge.danger{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.13);color:#ff7979}.badge.blue{border-color:rgba(22,119,255,.45);background:rgba(22,119,255,.14);color:#72b2ff}.badge.purple{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.14);color:#c4aaff}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{text-align:left;font-size:11px;color:#90a2ba;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:650}.data-table td{padding:10px 12px;border-bottom:1px solid rgba(23,52,83,.7);font-size:12px}.data-table tr:hover td{background:rgba(22,119,255,.045)}.cell-main{display:flex;align-items:center;gap:9px}.thumb{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#164e86,#7c3aed);font-weight:800}.table-actions{display:flex;gap:5px}.table-actions button{border:1px solid var(--line);background:#071a32;border-radius:7px;width:30px;height:30px}.filterbar{display:flex;gap:8px;padding:11px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.field,.filterbar input,.filterbar select,.modal input,.modal select,.modal textarea{border:1px solid var(--line);background:#06162b;border-radius:8px;padding:9px 10px;outline:0}.filterbar input{min-width:220px}.filterbar input:focus,.modal input:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.13)}
.workflow{display:flex;align-items:stretch;gap:8px;padding:14px}.flow-node{flex:1;min-width:0;padding:13px 8px;text-align:center;border:1px solid var(--line);border-radius:12px;background:#071b34;position:relative}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--cyan);z-index:2}.flow-node b{display:block;margin:6px 0;font-size:12px}.flow-node small{color:var(--muted)}.flow-icon{margin:auto;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,119,255,.35),rgba(139,92,246,.3));font-size:20px}
.switch-row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px;margin:8px}.switch-row .grow{flex:1}.switch{width:42px;height:23px;border:0;border-radius:20px;background:#2d4560;position:relative;padding:0}.switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch.on{background:var(--blue)}.switch.on:after{left:22px}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;overflow:auto;padding:11px}.kanban-col{min-height:440px;background:rgba(3,15,31,.58);border:1px solid var(--line);border-radius:12px;padding:9px}.kanban-title{display:flex;justify-content:space-between;font-weight:750;padding:6px}.kanban-card{padding:11px;margin:8px 0;border:1px solid #214461;background:#0a203b;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.2)}.kanban-card h4{margin:0 0 7px}.kanban-card p{margin:4px 0;color:var(--muted);font-size:11px}.progress{height:7px;border-radius:8px;background:#152f4b;overflow:hidden;margin:8px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);padding:0 12px 12px}.cal-head{padding:9px;text-align:center;color:var(--muted);font-size:11px}.cal-day{min-height:115px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:7px}.cal-day:nth-child(7n){border-right:0}.cal-day b{font-size:11px}.cal-event{margin-top:6px;padding:5px;border-radius:6px;background:rgba(22,119,255,.17);border-left:2px solid var(--blue);font-size:10px}.cal-event.orange{background:rgba(245,158,11,.15);border-color:var(--orange)}.cal-event.purple{background:rgba(139,92,246,.14);border-color:var(--purple)}
.studio{display:grid;grid-template-columns:.75fr 1fr 1.35fr;gap:12px}.editor{padding:12px}.editor textarea{width:100%;min-height:190px;resize:vertical}.video-preview{aspect-ratio:16/9;background:radial-gradient(circle at center,#123a74,transparent 45%),#020916;border:1px solid #27538a;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.video-preview:before{content:"AI";font-size:94px;font-weight:900;color:rgba(24,164,255,.25);text-shadow:0 0 40px #1e7cff}.play{position:absolute;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(8,20,42,.75);border:1px solid #7bbfff;font-size:24px}.timeline{padding:14px}.track{display:flex;align-items:center;gap:8px;margin:7px 0}.track label{width:100px;color:var(--muted);font-size:11px}.wave{height:35px;flex:1;border-radius:6px;background:repeating-linear-gradient(90deg,#1375e8 0 2px,transparent 2px 6px),linear-gradient(180deg,transparent 30%,rgba(22,119,255,.5) 31% 68%,transparent 69%);opacity:.8}.wave.purple{filter:hue-rotate(65deg)}.wave.green{filter:hue-rotate(190deg)}
.ocr-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:12px}.ocr-image{min-height:420px;border-radius:12px;background:linear-gradient(135deg,#dbeea4,#5b8f45);position:relative;overflow:hidden;color:#17331a;display:grid;place-content:center;text-align:center}.ocr-image h2{font-size:35px;margin:8px}.ocr-image .bottle{width:80px;height:180px;border-radius:20px 20px 8px 8px;background:linear-gradient(90deg,#193e24,#4b7c49,#17351f);margin:auto}.ocr-box{border:2px dashed #3f4cff;padding:5px;background:rgba(255,255,255,.25)}
.inbox{display:grid;grid-template-columns:310px 1fr 330px;min-height:650px}.conversation-list{border-right:1px solid var(--line)}.conversation{padding:11px;border-bottom:1px solid var(--line);display:flex;gap:9px}.conversation.active{background:rgba(22,119,255,.13);box-shadow:inset 3px 0 var(--blue)}.chat{padding:14px}.bubble{max-width:70%;padding:10px 12px;border-radius:12px;background:#182b44;margin:10px 0}.bubble.me{margin-left:auto;background:linear-gradient(135deg,#124ea9,#6339c8)}.composer{display:flex;gap:8px;margin-top:15px}.composer input{flex:1}.customer-panel{border-left:1px solid var(--line);padding:14px}
.pricing{grid-template-columns:repeat(4,1fr)}.price-card{padding:18px;position:relative}.price-card.popular{border-color:var(--purple);box-shadow:0 0 35px rgba(139,92,246,.2)}.price-card h3{font-size:20px}.price{font-size:29px;font-weight:800;margin:15px 0;color:#74b5ff}.price-card ul{padding:0;list-style:none}.price-card li{padding:7px 0;border-bottom:1px solid rgba(23,52,83,.7)}.price-card li:before{content:"✓";color:var(--green);margin-right:8px}
.integration-grid{grid-template-columns:repeat(3,1fr)}.integration-card{padding:14px}.integration-card header{display:flex;align-items:center;gap:10px}.integration-card header b{font-size:15px}.integration-card p{min-height:56px;color:var(--muted);font-size:12px;line-height:1.55}.integration-card footer{display:flex;gap:8px}.note{padding:12px;border:1px solid rgba(245,158,11,.38);background:rgba(245,158,11,.08);border-radius:10px;color:#ffd08a}.security-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.security-check{padding:12px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px}.security-check b{display:block}.security-check small{color:var(--muted)}
.openai-integration-card{
  border-color:#285eb5;
  background:radial-gradient(circle at 100% 0,rgba(82,74,255,.14),transparent 42%),linear-gradient(145deg,rgba(9,28,53,.97),rgba(5,20,39,.95));
}
.openai-integration-card .flow-icon{
  color:#9fd6ff;
  background:linear-gradient(145deg,rgba(34,107,255,.3),rgba(111,60,255,.26));
  box-shadow:0 0 18px rgba(56,112,255,.2);
}
.openai-admin-intro{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid #285b9c;
  border-radius:10px;
  background:linear-gradient(110deg,rgba(26,86,161,.25),rgba(62,44,153,.18));
}
.openai-admin-intro>span{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#1556c6;
  color:#fff;
  font-size:21px;
  box-shadow:0 0 16px rgba(44,112,255,.4);
}
.openai-admin-intro b,
.openai-admin-intro small{display:block}
.openai-admin-intro small{margin-top:3px;color:#91a9c3;font-size:10px;line-height:1.45}
.openai-fixed-config{display:grid;grid-template-columns:1.55fr .85fr;gap:10px;margin-top:12px}.openai-fixed-item{min-width:0;padding:11px 12px;border:1px solid rgba(52,137,225,.35);border-radius:11px;background:rgba(5,28,54,.72)}.openai-fixed-item small,.openai-fixed-item b{display:block}.openai-fixed-item small{margin-bottom:5px;color:#7f9dbb;font-size:10px}.openai-fixed-item b{overflow:hidden;color:#d9ecff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.openai-fixed-config{grid-template-columns:1fr}}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,5,15,.72);display:grid;place-items:center;padding:15px;backdrop-filter:blur(8px)}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#071a32;border:1px solid #285886;border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:19px}.modal-head button{margin-left:auto}.modal-body{padding:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:grid;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:11px;color:#a8bad1}.form-group textarea{min-height:110px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:15px;border-top:1px solid var(--line)}
#toast-root{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px}.toast{background:#09223e;border:1px solid #2869a7;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);animation:toastin .25s ease}.toast.error{border-color:#b73c46}.toast.success{border-color:#29945a}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-art{padding:7vw;background:radial-gradient(circle at 40% 35%,rgba(22,119,255,.3),transparent 30%),radial-gradient(circle at 70% 65%,rgba(139,92,246,.25),transparent 25%),#020b1c;display:flex;flex-direction:column;justify-content:center}.login-art .brand{display:flex;align-items:center;gap:11px;position:absolute;top:25px}.login-art h1{font-size:56px;max-width:680px;line-height:1.02;margin:0 0 20px}.login-art p{font-size:18px;color:#a7b7cc;max-width:620px;line-height:1.7}.login-points{display:flex;gap:12px;flex-wrap:wrap}.login-points span{padding:8px 12px;border:1px solid var(--line);border-radius:20px;color:#91bff2}.login-box{display:grid;place-items:center;padding:25px;background:#041328}.login-card{width:min(420px,100%);padding:28px}.login-card h2{font-size:27px;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card .form-group{margin:13px 0}.login-card input{height:46px}.login-card .btn{width:100%;height:48px;margin-top:10px}.login-help{margin-top:16px;padding:10px;border-radius:9px;background:rgba(245,158,11,.08);color:#e8c075;font-size:11px}
.public-page{background:radial-gradient(circle at 70% 22%,#092b63 0,transparent 28%),#020b1c}.public-nav{height:72px;padding:0 4vw;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(2,11,28,.85);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:9px}.public-nav nav{display:flex;gap:28px;margin:auto}.public-nav nav a{color:#c5d3e5}.public-nav>div{display:flex;gap:9px}.hero{min-height:620px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:25px;padding:55px 4vw 35px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;border:1px solid #7548ec;border-radius:20px;padding:8px 14px;color:#64cdfc;font-size:11px;letter-spacing:1.7px}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.02;letter-spacing:-2px;margin:22px 0}.hero p{font-size:17px;line-height:1.7;color:#aebdd0;max-width:650px}.hero-actions{display:flex;gap:12px;margin:25px 0 15px}.hero small{color:#8fa3bd}.hero-visual{position:relative}.hero-visual img{border:1px solid #2361a5;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 50px rgba(22,119,255,.18);transform:perspective(1400px) rotateY(-5deg)}.float-chip{position:absolute;background:#082546;border:1px solid #3b89dc;padding:11px 17px;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.4);animation:float 3s ease-in-out infinite}.float-chip.one{left:-25px;top:10px}.float-chip.two{right:0;top:-20px;color:#67ee98}.trust-row{display:flex;justify-content:center;gap:55px;color:#bdd0e6;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.public-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:35px auto;padding:20px;border:1px solid var(--line);border-radius:14px;background:#07192f}.public-stats article{text-align:center;border-right:1px solid var(--line)}.public-stats article:last-child{border:0}.public-stats b{font-size:28px;color:#4ecbff;display:block}.public-stats span{color:var(--muted)}.feature-section{padding:40px 4vw 80px}.feature-section h2{text-align:center;font-size:38px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{border:1px solid var(--line);border-radius:16px;background:#071a32;padding:22px}.feature-grid i{color:#61b2ff}.feature-grid p{color:var(--muted);line-height:1.6}.public-page footer{border-top:1px solid var(--line);padding:25px 4vw;display:flex;gap:25px;color:var(--muted)}.public-page footer span{margin-left:auto}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 0 8px rgba(34,197,94,0)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes toastin{from{opacity:0;transform:translateY(10px)}}
@media(max-width:1200px){:root{--sidebar:218px}.kpi-grid.six{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1.2fr 1fr}.dashboard-grid>.span-2{grid-column:span 1}.studio{grid-template-columns:1fr 1fr}.studio>*:last-child{grid-column:1/-1}.ocr-grid{grid-template-columns:1fr 1fr}.ocr-grid>*:last-child{grid-column:1/-1}.inbox{grid-template-columns:280px 1fr}.customer-panel{display:none}.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:0 0 0 999px rgba(0,0,0,.65)}.topbar{left:0}.menu-toggle{display:grid}.content{margin-left:0}.kpi-grid,.kpi-grid.six{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.pricing{grid-template-columns:repeat(2,1fr)}.inbox{grid-template-columns:1fr}.conversation-list{display:none}.login-page{grid-template-columns:1fr}.login-art{display:none}.public-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:48px}.hero-visual{margin-top:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:13px}.topbar{padding:0 9px}.searchbox{width:auto;flex:1}.env,.topbar .btn span,.user-menu span{display:none}.content{padding:calc(var(--top) + 10px) 9px 90px}.page-head{display:block}.page-head h1{font-size:21px}.page-actions{margin-top:10px}.page-actions .btn{flex:1}.kpi-grid,.kpi-grid.six{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:88px;padding:11px}.kpi strong{font-size:21px}.kpi-icon{display:none}.workflow{overflow:auto}.flow-node{min-width:120px}.studio,.ocr-grid{grid-template-columns:1fr}.studio>*:last-child,.ocr-grid>*:last-child{grid-column:auto}.pricing,.integration-grid,.security-checks{grid-template-columns:1fr}.calendar{min-width:720px}.calendar-scroll{overflow:auto}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.public-nav{padding:0 15px}.public-nav>div .ghost{display:none}.hero{padding:35px 18px}.hero h1{font-size:41px;letter-spacing:-1px}.hero-actions{display:grid}.float-chip{font-size:10px;padding:8px}.trust-row{justify-content:flex-start;overflow:auto;padding:18px;gap:28px}.public-stats{grid-template-columns:1fr 1fr;margin:20px 15px}.public-stats article:nth-child(2){border-right:0}.feature-grid{grid-template-columns:1fr}.feature-section{padding:25px 15px 60px}.feature-section h2{font-size:30px}.public-page footer{flex-wrap:wrap}.public-page footer span{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Login reference v1.0.25 */
body.reference-login-body{overflow-x:hidden;overflow-y:auto;background:#020d20}
.reference-login-page{position:relative;min-height:100vh;overflow:hidden;background:#020d20;color:#f7f9ff}
.reference-login-header{position:relative;z-index:20;height:76px;border-bottom:1px solid rgba(80,109,146,.24);background:#020c1d}
.reference-login-brand{position:absolute;left:20px;top:8px;width:250px;height:58px;display:block}
.reference-login-brand img{width:250px;height:58px;object-fit:cover}
.reference-login-nav{position:absolute;left:455px;top:0;height:76px;display:flex;align-items:center;gap:70px;white-space:nowrap}
.reference-login-nav a{font-size:17px;font-weight:650;color:#f1f3f8;line-height:76px;transition:color .18s ease}
.reference-login-nav a:hover{color:#45a6ff}
.reference-header-login{position:absolute;right:67px;top:16px;width:165px;height:48px;border:1px solid #52637c;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(5,15,31,.35);font-size:18px;font-weight:650;color:#f2f4f8}
.reference-header-login svg{width:24px;height:24px;fill:none;stroke:#a9b4c6;stroke-width:1.7}
.reference-header-login:hover{border-color:#6d8ab1;background:rgba(16,36,65,.55)}
.reference-login-main{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) clamp(440px,36.5vw,610px);gap:clamp(22px,2.7vw,52px);align-items:stretch;padding:16px clamp(20px,3.5vw,67px) 32px}
.reference-login-showcase{position:relative;isolation:isolate;left:auto;top:auto;width:100%;height:auto;min-height:809px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,78px) clamp(30px,3.5vw,68px) clamp(26px,3vw,52px);border:1px solid rgba(38,84,136,.46);border-radius:21px;background:#020d20;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 36px rgba(0,0,0,.14)}
.reference-login-showcase:after{content:"";position:absolute;z-index:1;top:7%;right:0;width:1px;height:86%;background:linear-gradient(transparent,rgba(56,148,255,.48),rgba(123,85,255,.28),transparent);box-shadow:0 0 26px rgba(44,137,255,.28)}
.reference-left-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;background:radial-gradient(circle at 53% 50%,rgba(25,112,238,.22),transparent 25%),radial-gradient(circle at 17% 20%,rgba(0,207,255,.11),transparent 25%),radial-gradient(circle at 83% 72%,rgba(139,92,246,.13),transparent 24%),linear-gradient(145deg,#020d20 0%,#031631 48%,#06132b 100%)}
.reference-left-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(63,134,211,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(63,134,211,.075) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 78% 75% at 52% 48%,#000 20%,transparent 78%);opacity:.7;animation:reference-grid-drift 16s linear infinite}
.reference-left-art:after{content:"";position:absolute;inset:-20% -12%;background:conic-gradient(from 115deg at 52% 48%,transparent 0 32%,rgba(32,161,255,.08) 37%,transparent 42% 69%,rgba(125,79,255,.07) 74%,transparent 80%);animation:reference-ambient-turn 24s linear infinite}
.reference-login-visual-copy{position:relative;z-index:3;width:min(100%,690px)}
.reference-visual-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#71d7ff;font-size:clamp(9px,.7vw,12px);font-weight:800;letter-spacing:1.7px}
.reference-visual-kicker i{width:8px;height:8px;border-radius:50%;background:#21d9ff;box-shadow:0 0 0 5px rgba(33,217,255,.1),0 0 18px rgba(33,217,255,.85);animation:reference-kicker-pulse 2s ease-in-out infinite}
.reference-login-visual-copy h1{max-width:680px;margin:0;color:#f7fbff;font-size:clamp(31px,2.45vw,48px);font-weight:800;line-height:1.06;letter-spacing:-1.15px;text-wrap:balance;text-shadow:0 8px 34px rgba(0,25,72,.6)}
.reference-login-visual-copy p{max-width:650px;margin:15px 0 0;color:#9fb4ce;font-size:clamp(13px,.9vw,17px);line-height:1.65}
.reference-automation-visual{position:relative;z-index:3;width:min(100%,720px);height:clamp(260px,21vw,360px);flex:0 0 auto;margin:clamp(16px,1.8vw,30px) auto 0}
.reference-flow-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.reference-flow-map path{fill:none;stroke-linecap:round;stroke-width:1.5;vector-effect:non-scaling-stroke}
.reference-flow-base path{stroke:#23517f;opacity:.58}
.reference-flow-signal path{stroke-width:2.2;stroke-dasharray:6 20;filter:drop-shadow(0 0 5px currentColor);animation:reference-flow-run 2.8s linear infinite}
.reference-flow-signal .flow-left{stroke:url(#login-flow-left)}
.reference-flow-signal .flow-right{stroke:url(#login-flow-right)}
.reference-flow-signal .flow-delay{animation-delay:-1.35s}
.reference-ai-hub{position:absolute;z-index:5;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);display:grid;place-items:center}
.reference-ai-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(53,155,255,.34);border-radius:24px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.reference-ai-ring.ring-one{width:112px;height:112px;animation:reference-ring-breathe 3s ease-in-out infinite}
.reference-ai-ring.ring-two{width:136px;height:136px;border-style:dashed;border-color:rgba(127,92,246,.35);animation:reference-ring-turn 13s linear infinite}
.reference-ai-chip{position:relative;width:84px;height:84px;border:1px solid #3e9dff;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(27,131,255,.94),rgba(42,67,198,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 7px rgba(22,119,255,.08),0 0 40px rgba(22,119,255,.55);animation:reference-chip-float 4s ease-in-out infinite}
.reference-ai-chip:before{content:"";position:absolute;inset:8px;border:1px solid rgba(191,231,255,.3);border-radius:15px}
.reference-ai-chip b{position:relative;z-index:2;font-size:32px;letter-spacing:-1px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.65)}
.reference-ai-chip i{position:absolute;width:3px;height:12px;border-radius:3px;background:#72d5ff;box-shadow:0 0 8px #31a8ff}
.reference-ai-chip i:nth-of-type(1){left:-7px;top:24px}.reference-ai-chip i:nth-of-type(2){left:-7px;bottom:24px}.reference-ai-chip i:nth-of-type(3){right:-7px;top:24px}.reference-ai-chip i:nth-of-type(4){right:-7px;bottom:24px}
.reference-ai-hub small{position:absolute;top:calc(100% + 3px);color:#75bfff;font-size:9px;font-weight:800;letter-spacing:1.3px;white-space:nowrap}
.reference-visual-node{position:absolute;z-index:4;width:150px;min-height:68px;padding:10px 12px;border:1px solid rgba(56,115,179,.62);border-radius:14px;display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,rgba(7,31,61,.96),rgba(4,21,43,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.27);animation:reference-node-float 5s ease-in-out infinite}
.reference-visual-node>span{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:rgba(30,121,240,.15);color:#54b6ff}
.reference-visual-node svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reference-visual-node b,.reference-visual-node small{display:block;white-space:nowrap}
.reference-visual-node b{color:#f2f7ff;font-size:12px}.reference-visual-node small{margin-top:3px;color:#8098b5;font-size:9.5px}
.reference-visual-node>i{position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#24ddff;box-shadow:0 0 9px #24ddff}
.reference-visual-node.node-content{left:0;top:10%}.reference-visual-node.node-video{left:1%;bottom:8%;animation-delay:-1.3s}.reference-visual-node.node-inbox{right:0;top:10%;animation-delay:-2.4s}.reference-visual-node.node-commerce{right:1%;bottom:8%;animation-delay:-3.6s}
.reference-visual-node.node-video>span{color:#b58aff;background:rgba(126,76,238,.16)}
.reference-visual-node.node-inbox>span{color:#24dcff;background:rgba(0,185,222,.13)}
.reference-visual-node.node-commerce>span{color:#ffae48;background:rgba(245,158,11,.13)}
.reference-visual-node.node-commerce>i{background:#a678ff;box-shadow:0 0 9px #a678ff}
.reference-live-signal{position:absolute;z-index:6;left:50%;bottom:-2px;transform:translateX(-50%);height:27px;padding:0 9px;border:1px solid rgba(42,107,168,.58);border-radius:999px;display:flex;align-items:center;gap:7px;background:rgba(3,23,47,.88);color:#8ca8c7;font-size:8px;letter-spacing:.4px;white-space:nowrap}
.reference-live-signal i{width:6px;height:6px;border-radius:50%;background:#35e992;box-shadow:0 0 9px #35e992;animation:reference-live-pulse 1.6s ease-in-out infinite}.reference-live-signal b{color:#42dca1;font-size:7.5px;letter-spacing:1px}
.reference-visual-proof{position:relative;z-index:3;width:min(100%,700px);margin:clamp(13px,1.5vw,24px) auto 0;padding-top:clamp(12px,1.3vw,20px);border-top:1px solid rgba(55,102,154,.42);display:grid;grid-template-columns:repeat(3,1fr)}
.reference-visual-proof>div{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-right:1px solid rgba(55,102,154,.35)}.reference-visual-proof>div:last-child{border-right:0}
.reference-visual-proof strong{color:#55c8ff;font-size:clamp(16px,1.3vw,23px);letter-spacing:-.4px}.reference-visual-proof span{max-width:82px;color:#8299b5;font-size:clamp(8px,.62vw,10.5px);line-height:1.3}
.reference-auth-panel{position:relative;z-index:5;top:auto;right:auto;width:100%;min-height:809px;height:100%;padding:0 34px 20px;border:1px solid #334c6d;border-radius:21px;background:linear-gradient(150deg,rgba(8,27,54,.96),rgba(4,20,42,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 36px rgba(0,0,0,.14)}
.reference-auth-tabs{height:69px;border-bottom:1px solid #31425c;display:grid;grid-template-columns:1fr 1fr;position:relative}
.reference-auth-tab{position:relative;border:0;background:transparent;color:#8c96a8;font-size:20px;font-weight:750;padding:2px 0 0}
.reference-auth-tab.active{color:#339cff}
.reference-auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#25a6ff;box-shadow:0 0 9px rgba(37,166,255,.55)}
.reference-auth-form{padding-top:30px}
.reference-field{display:grid;gap:10px;margin-bottom:21px}
.reference-field label{font-size:16px;font-weight:520;color:#f5f7fb}
.reference-input-wrap{position:relative;height:52px;border:1px solid #30425c;border-radius:10px;background:rgba(3,17,36,.45);display:flex;align-items:center;transition:border-color .18s,box-shadow .18s}
.reference-input-wrap:focus-within{border-color:#247ce9;box-shadow:0 0 0 3px rgba(36,124,233,.10)}
.reference-input-icon{position:absolute;left:13px;width:24px;height:24px;fill:none;stroke:#7f8ba1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 48px;font-size:16px;color:#f4f7ff}
.reference-input-wrap input::placeholder{color:#7f889b;opacity:1}
.reference-password-field{margin-top:0;margin-bottom:19px}
.reference-password-toggle{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;display:grid;place-items:center;color:#8996ab;padding:0}
.reference-password-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-password-toggle .eye-closed{display:none}
.reference-password-toggle.showing .eye-open{display:none}
.reference-password-toggle.showing .eye-closed{display:block}
.reference-auth-options{height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.reference-remember{display:flex;align-items:center;gap:10px;color:#afb7c5;font-size:16px;cursor:pointer;user-select:none}
.reference-remember input{position:absolute;opacity:0;pointer-events:none}
.reference-checkbox{width:22px;height:22px;border-radius:4px;background:#1677ff;border:1px solid #2c8cff;display:grid;place-items:center}
.reference-checkbox svg{width:14px;height:14px;fill:none;stroke:white;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.reference-remember input:not(:checked)+.reference-checkbox{background:transparent;border-color:#617086}
.reference-remember input:not(:checked)+.reference-checkbox svg{opacity:0}
.reference-link-button{border:0;background:transparent;color:#2499ff;font-size:16px;padding:0}
.reference-link-button:hover{text-decoration:underline}
.reference-submit{width:100%;height:54px;border:1px solid #1582ff;border-radius:10px;background:linear-gradient(135deg,#1f8bff,#0767f9);color:white;font-size:19px;font-weight:760;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 22px rgba(0,102,255,.18);transition:filter .18s,transform .18s}
.reference-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.reference-submit:disabled{opacity:.7;cursor:wait;transform:none}
.reference-submit-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:reference-spin .7s linear infinite}
.reference-submit.loading .reference-submit-spinner{display:block}
.reference-or{height:65px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:23px;color:#c2c6cf;font-size:16px}
.reference-or span{height:1px;background:#758195}
.reference-or b{font-weight:500}
.reference-social{width:100%;height:55px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:19px;font-size:20px;font-weight:650}
.reference-facebook{border:1px solid #1582ff;background:linear-gradient(135deg,#1885ff,#0767f9);color:#fff}
.reference-facebook-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:white;color:#1877f2;font:900 30px/1 Arial,sans-serif;padding-top:5px}
.reference-social-note{margin:14px 0 23px;text-align:center;color:#bac0cb;font-size:15px}
.reference-google{border:1px solid #d9e0ea;background:#f4f6f8;color:#13213a}
.reference-google:hover{background:#fff}
.reference-google-icon{width:34px;height:34px}
.reference-register-prompt{margin:29px 0 22px;text-align:center;font-size:17px;color:#aeb5c2}
.reference-register-prompt button{border:0;background:transparent;color:#2b9eff;font-size:17px;font-weight:650;padding:0 0 0 5px}
.reference-terms{border-top:1px solid #4b5b72;padding-top:22px;text-align:center;color:#aeb5c2;font-size:15.5px;line-height:1.55}
.reference-terms p{margin:0}
.reference-terms a{color:#2a9eff}
.reference-register-view{padding:54px 8px;text-align:center}
.reference-register-view h2{font-size:25px;margin:0 0 12px}
.reference-register-view>p{color:#aeb8c8;font-size:16px;line-height:1.6;margin:0 auto 28px;max-width:420px}
.reference-register-contact{margin-top:22px!important}
.reference-register-contact a{color:#2a9eff}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes reference-spin{to{transform:rotate(360deg)}}
@keyframes reference-grid-drift{to{background-position:48px 48px}}
@keyframes reference-ambient-turn{to{transform:rotate(360deg)}}
@keyframes reference-kicker-pulse{50%{opacity:.45;box-shadow:0 0 0 10px rgba(33,217,255,0),0 0 7px rgba(33,217,255,.4)}}
@keyframes reference-flow-run{to{stroke-dashoffset:-104}}
@keyframes reference-ring-breathe{50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.08);opacity:.58}}
@keyframes reference-ring-turn{to{transform:translate(-50%,-50%) rotate(405deg)}}
@keyframes reference-chip-float{50%{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 10px rgba(22,119,255,.04),0 8px 48px rgba(22,119,255,.68)}}
@keyframes reference-node-float{50%{transform:translateY(-5px);border-color:rgba(63,151,241,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 15px 32px rgba(0,0,0,.3),0 0 18px rgba(22,119,255,.1)}}
@keyframes reference-live-pulse{50%{opacity:.45;box-shadow:0 0 0 7px rgba(53,233,146,0)}}

@media (max-width:1500px){
  .reference-login-nav{left:27vw;gap:4vw}
  .reference-header-login{right:3vw}
  .reference-auth-panel{right:auto;width:100%}
  .reference-login-showcase{width:100%;height:auto}
  .reference-left-art{width:100%;height:100%}
}
@media (max-width:1180px){
  body.reference-login-body{overflow:auto}
  .reference-login-header{padding:0 22px;display:flex;align-items:center;justify-content:space-between}
  .reference-login-brand{position:static;width:220px;height:auto}
  .reference-login-brand img{width:220px;height:auto}
  .reference-login-nav{display:none}
  .reference-header-login{position:static;width:150px}
  .reference-login-main{min-height:calc(100vh - 76px);grid-template-columns:minmax(0,1fr) minmax(430px,45vw);gap:24px;padding:16px 20px 32px}
  .reference-login-showcase{display:flex;width:100%;min-height:809px;padding:34px 24px 28px}
  .reference-auth-panel{position:relative;top:auto;right:auto;width:100%;min-height:809px}
  .reference-login-visual-copy h1{font-size:clamp(27px,3vw,36px)}
  .reference-login-visual-copy p{font-size:13px}
  .reference-automation-visual{height:clamp(250px,25vw,310px)}
  .reference-visual-node{width:126px;min-height:62px;padding:8px 9px;gap:7px}
  .reference-visual-node>span{width:32px;height:32px;flex-basis:32px}
  .reference-visual-node svg{width:20px;height:20px}
  .reference-visual-node b{font-size:10.5px}.reference-visual-node small{font-size:8px}
  .reference-ai-hub{width:110px;height:110px}
  .reference-ai-chip{width:74px;height:74px}.reference-ai-chip b{font-size:28px}
  .reference-ai-ring.ring-one{width:100px;height:100px}.reference-ai-ring.ring-two{width:118px;height:118px}
}
@media (max-width:900px){
  .reference-login-main{grid-template-columns:1fr;gap:18px;justify-items:center;padding:18px 20px 38px}
  .reference-login-showcase{width:min(720px,100%);min-height:720px}
  .reference-auth-panel{width:min(610px,100%);min-height:0;height:auto}
  .reference-login-showcase:after{top:auto;bottom:0;left:7%;right:7%;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(56,148,255,.48),rgba(123,85,255,.28),transparent)}
}
@media (max-width:640px){
  .reference-login-header{height:68px;padding:0 14px}
  .reference-login-brand{width:178px}
  .reference-login-brand img{width:178px}
  .reference-header-login{width:46px;height:42px;border-radius:10px}
  .reference-header-login span{display:none}
  .reference-login-main{min-height:calc(100vh - 68px);gap:14px;padding:14px 10px 28px}
  .reference-login-showcase{width:100%;min-height:620px;padding:28px 16px 22px;border-radius:16px}
  .reference-login-visual-copy h1{font-size:clamp(26px,8vw,32px);letter-spacing:-.7px}
  .reference-login-visual-copy p{font-size:12.5px;line-height:1.55}
  .reference-visual-kicker{font-size:8px;letter-spacing:1.2px}
  .reference-automation-visual{height:clamp(225px,62vw,285px);margin-top:14px}
  .reference-visual-node{width:clamp(94px,29vw,126px);min-height:56px;padding:7px;gap:6px;border-radius:11px}
  .reference-visual-node>span{width:29px;height:29px;flex-basis:29px;border-radius:8px}
  .reference-visual-node svg{width:18px;height:18px}
  .reference-visual-node b{font-size:9.5px}.reference-visual-node small{font-size:7px}
  .reference-ai-hub{width:94px;height:94px}
  .reference-ai-chip{width:62px;height:62px;border-radius:17px}.reference-ai-chip:before{inset:6px;border-radius:12px}.reference-ai-chip b{font-size:24px}
  .reference-ai-ring.ring-one{width:82px;height:82px}.reference-ai-ring.ring-two{width:96px;height:96px}
  .reference-ai-hub small{top:calc(100% + 1px);font-size:7px}
  .reference-live-signal{bottom:-5px;transform:translateX(-50%) scale(.86)}
  .reference-visual-proof{margin-top:13px;padding-top:12px}
  .reference-visual-proof>div{display:grid;text-align:center;gap:2px}.reference-visual-proof span{max-width:none;font-size:7.5px}.reference-visual-proof strong{font-size:15px}
  .reference-auth-panel{padding:0 18px 18px;border-radius:16px}
  .reference-auth-tab{font-size:18px}
  .reference-auth-form{padding-top:24px}
  .reference-field label,.reference-input-wrap input,.reference-remember,.reference-link-button{font-size:14px}
  .reference-auth-options{gap:8px}
  .reference-social{font-size:17px}
  .reference-register-prompt{font-size:15px}
  .reference-register-prompt button{font-size:15px}
  .reference-terms{font-size:13.5px}
}

/* Admin console is intentionally visually and structurally separate from the user workspace. */
.admin-shell{--sidebar:272px;background:radial-gradient(circle at 78% 0,rgba(124,58,237,.12),transparent 34%),#020817}
.admin-shell .admin-sidebar{background:linear-gradient(180deg,#0a1024 0,#070b19 100%);border-right-color:#312e81}
.admin-sidebar-head{height:72px;border-bottom-color:#2d2b62}
.admin-sidebar-head>div{display:flex;flex-direction:column;gap:2px}
.admin-sidebar-head strong{font-size:17px}
.admin-sidebar-head small{font-size:9px;letter-spacing:1.5px;color:#a78bfa;font-weight:800}
.admin-context{margin:12px 10px 4px;padding:12px;border:1px solid #352f73;border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(22,119,255,.07));display:flex;flex-direction:column;gap:4px}
.admin-context span{width:max-content;padding:3px 7px;border-radius:999px;background:#4c1d95;color:#ddd6fe;font-size:9px;letter-spacing:1.2px;font-weight:800}
.admin-context b{font-size:12px}
.admin-context small{color:#7f8ba4;font-size:10px;line-height:1.4}
.admin-shell .nav-label{color:#7c79aa}
.admin-shell .nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.35),rgba(37,99,235,.1));border-color:#7c3aed;box-shadow:inset 3px 0 0 #a78bfa}
.admin-shell .topbar{left:var(--sidebar);height:72px;background:rgba(5,8,22,.92);border-bottom-color:#2d2b62}
.admin-area-title{display:flex;align-items:center;gap:10px}
.admin-area-title>div{display:flex;flex-direction:column;gap:2px}
.admin-area-title b{font-size:12px;letter-spacing:1.2px;color:#ddd6fe}
.admin-area-title small{font-size:11px;color:#8491aa}
.admin-area-dot{width:9px;height:9px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 5px rgba(139,92,246,.13),0 0 18px rgba(139,92,246,.6)}
.admin-content{top:72px;margin-left:var(--sidebar);min-height:calc(100vh - 72px);background:linear-gradient(180deg,rgba(45,28,91,.08),transparent 240px)}
.admin-breadcrumb{display:flex;gap:8px;align-items:center;color:#7887a2;font-size:11px;margin-bottom:12px}
.admin-breadcrumb b{color:#484f65}
.admin-breadcrumb strong{color:#b9b7d5}

.admin-hub-section{display:flex;flex-direction:column;gap:12px}
.admin-hub-section+.admin-hub-section{margin-top:24px;padding-top:24px;border-top:1px solid #2d2b62}
.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.admin-section-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.admin-section-head span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(124,58,237,.16);border:1px solid #4c3f92;color:#c4b5fd;font-size:11px;font-weight:800}
.admin-section-head h2{margin:0;font-size:17px;color:#eef2ff}
.admin-section-head p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.admin-super-section>.admin-section-head span{background:rgba(37,99,235,.13);border-color:#315b9f;color:#93c5fd}
.admin-users-card{border-color:#2c3560}
.admin-data-note{display:flex;flex-direction:column;gap:3px}
.admin-data-note b{font-size:13px}
.admin-data-note small{color:var(--muted);font-size:11px}
.admin-users-table .avatar{width:32px;height:32px}
.admin-shell .sidebar-user{border-top-color:#2d2b62}
.admin-shell .env{border-color:#33305e;background:rgba(124,58,237,.06)}

@media(max-width:900px){
  .admin-shell{--sidebar:270px}
  .admin-shell .topbar{left:0}
  .admin-content{margin-left:0}
  .admin-area-title small{display:none}
}
@media(max-width:600px){
  .admin-area-title b{font-size:10px}
  .admin-topbar .btn.ghost{font-size:0;width:40px;padding:0}
  .admin-topbar .btn.ghost:after{content:"↩";font-size:18px}
  .admin-data-note small{display:none}
}


/* Public self-service registration. */
.reference-register-form{padding-top:24px}
.reference-register-heading{text-align:center;margin:0 0 20px}
.reference-register-heading h2{margin:0 0 7px;font-size:23px;line-height:1.25}
.reference-register-heading p{margin:0 auto;color:#aeb8c8;font-size:14px;line-height:1.55;max-width:470px}
.reference-register-form .reference-field{margin-bottom:15px}
.reference-register-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reference-register-password-grid .reference-input-wrap input{padding-left:43px;padding-right:41px;font-size:14px}
.reference-register-agreement{display:flex;align-items:flex-start;gap:10px;margin:2px 0 15px;color:#aeb5c2;font-size:14px;line-height:1.45;cursor:pointer}
.reference-register-agreement input{position:absolute;opacity:0;pointer-events:none}
.reference-register-agreement .reference-checkbox{flex:0 0 22px;margin-top:1px}
.reference-register-agreement input:not(:checked)+.reference-checkbox{background:transparent;border-color:#617086}
.reference-register-agreement input:not(:checked)+.reference-checkbox svg{opacity:0}
.reference-register-agreement a{color:#2a9eff}
.reference-register-message{min-height:20px;margin:-2px 0 10px;text-align:center;font-size:13.5px;line-height:1.4}
.reference-register-message.error{color:#ff8b95}
.reference-register-message.success{color:#55d98b}
.reference-register-login-link{margin:17px 0 0}
.reference-register-submit{height:52px}
.reference-auth-form[hidden]{display:none!important}

@media (max-width:640px){
  .reference-register-form{padding-top:20px}
  .reference-register-heading h2{font-size:21px}
  .reference-register-heading p{font-size:13px}
  .reference-register-password-grid{grid-template-columns:1fr;gap:0}
  .reference-register-agreement{font-size:13px}
}


/* Dynamic dashboard + account connections v1.0.13 */
.dashboard-content{
  padding:calc(var(--top) + 8px) 8px 20px;
}
.dashboard-reference{
  --dash-line:#12345b;
  --dash-panel:#06182f;
  --dash-panel-2:#071d38;
  display:grid;
  gap:8px;
  min-width:0;
}
.dashboard-reference .card{
  border-radius:11px;
  border-color:#12345b;
  background:linear-gradient(145deg,rgba(5,23,46,.98),rgba(3,17,35,.98));
  box-shadow:0 8px 26px rgba(0,0,0,.16);
}
.dashboard-reference-columns{
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(360px,1fr);
  gap:8px;
}
.dashboard-reference-left,
.dashboard-reference-right{
  min-width:0;
  display:grid;
  gap:8px;
}
.dashboard-reference-left{
  grid-template-rows:auto minmax(258px,1fr);
}
.dashboard-reference-right{
  grid-template-rows:auto 1fr;
}
.ops-hero{
  min-height:125px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px 27px 18px 32px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ops-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(110deg,rgba(0,110,255,.05),transparent 58%),
    repeating-linear-gradient(155deg,transparent 0 58px,rgba(35,125,255,.06) 59px 60px,transparent 61px 116px);
}
.ops-hero:after{
  content:"";
  width:260px;
  height:260px;
  border-radius:50%;
  position:absolute;
  right:80px;
  top:-175px;
  z-index:-1;
  background:rgba(26,112,255,.12);
  filter:blur(18px);
}
.ops-hero-copy{
  min-width:0;
  flex:1;
}
.ops-hero h1{
  margin:0 0 8px;
  font-size:clamp(20px,2vw,29px);
  letter-spacing:-.5px;
}
.ops-hero p{
  margin:0;
  max-width:690px;
  color:#9fb1c9;
  line-height:1.55;
  font-size:13px;
}
.launch-ai-button{
  min-width:175px;
  height:60px;
  border-radius:9px;
  border:1px solid #35a6ff;
  background:linear-gradient(120deg,#234fff,#127dff);
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  font-size:15px;
  font-weight:750;
  box-shadow:0 0 28px rgba(36,101,255,.55),inset 0 0 18px rgba(96,201,255,.18);
  position:relative;
  overflow:hidden;
}
.launch-ai-button:before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  width:48px;
  left:-70px;
  transform:rotate(19deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  animation:launchShine 3.2s ease-in-out infinite;
}
.launch-ai-button i{
  position:absolute;
  width:9px;
  height:9px;
  right:-3px;
  top:-3px;
  border-radius:50%;
  background:white;
  box-shadow:0 0 8px white,0 0 18px #2bbcff,0 0 30px #2b6cff;
  animation:launchSpark 1.7s ease-in-out infinite;
}
.launch-ai-icon{
  font-size:24px;
  line-height:1;
}
.ai-analysis-backdrop{
  padding:18px;
  backdrop-filter:blur(12px);
}
.ai-analysis-modal{
  width:min(980px,100%);
  max-height:94vh;
  border-color:#2469aa;
  background:
    radial-gradient(circle at 88% 0,rgba(43,91,255,.17),transparent 30%),
    linear-gradient(145deg,#071b35,#041327 72%);
  box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 45px rgba(22,119,255,.12);
}
.ai-analysis-head{
  padding:16px 19px;
  background:linear-gradient(90deg,rgba(14,67,128,.24),transparent);
}
.ai-analysis-head>div{
  min-width:0;
}
.ai-analysis-head span{
  display:block;
  color:#43cfff;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.5px;
  margin-bottom:4px;
}
.ai-analysis-head h2{
  font-size:20px;
  letter-spacing:-.25px;
}
.ai-analysis-stage{
  padding:18px;
}
.ai-analysis-intro{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:13px 14px;
  border:1px solid #174a78;
  border-radius:12px;
  background:linear-gradient(115deg,rgba(10,54,100,.8),rgba(5,30,57,.78));
}
.ai-analysis-orb{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid #65b3ff;
  background:linear-gradient(145deg,#1b4fa6,#286cff);
  color:#fff;
  font-size:19px;
  font-weight:850;
  box-shadow:0 0 20px rgba(38,113,255,.5);
}
.ai-analysis-intro b,
.ai-analysis-intro p{
  display:block;
  margin:0;
}
.ai-analysis-intro p{
  color:#9fb2ca;
  line-height:1.5;
  font-size:11px;
  margin-top:4px;
}
.ai-config-state{
  display:grid;
  justify-items:end;
  gap:5px;
  font-size:10px;
}
.ai-config-ready{color:#50e495}
.ai-config-missing{color:#ffbd54}
.ai-config-state a{color:#55b9ff}
.ai-analysis-form{
  display:grid;
  gap:14px;
  margin-top:15px;
}
.ai-analysis-form label,
.ai-channel-picker legend{
  color:#b9c9dc;
  font-size:11px;
  font-weight:650;
}
.ai-analysis-form label em{
  color:#ff6d7b;
  font-style:normal;
}
.ai-analysis-form input,
.ai-analysis-form select,
.ai-analysis-form textarea{
  width:100%;
  border:1px solid #1d466d;
  background:#041529;
  border-radius:9px;
  padding:10px 11px;
  outline:0;
  color:#edf6ff;
}
.ai-analysis-form input:focus,
.ai-analysis-form select:focus,
.ai-analysis-form textarea:focus{
  border-color:#2c92f4;
  box-shadow:0 0 0 3px rgba(34,137,239,.12);
}
.ai-primary-field textarea{
  min-height:175px;
  resize:vertical;
  line-height:1.55;
}
.ai-primary-field>small{
  color:#748ba6;
  font-size:10px;
}
.ai-channel-picker{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:12px;
  border:1px solid #173d63;
  border-radius:10px;
}
.ai-channel-picker legend{
  padding:0 5px;
}
.ai-channel-picker label{
  cursor:pointer;
}
.ai-channel-picker input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ai-channel-picker span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 11px;
  border:1px solid #234766;
  border-radius:18px;
  background:#071e38;
  color:#9fb3cb;
  transition:.18s;
}
.ai-channel-picker input:checked+span{
  color:#fff;
  border-color:#218cf0;
  background:rgba(29,126,232,.22);
  box-shadow:0 0 12px rgba(38,148,255,.12);
}
.ai-data-notice{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:10px 12px;
  border-radius:9px;
  background:rgba(27,113,177,.1);
  color:#87a7c6;
  font-size:10px;
}
.ai-data-notice p{margin:0;line-height:1.5}
.ai-analysis-actions,
.ai-result-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:3px;
}
.ai-analyze-submit{
  min-width:190px;
  box-shadow:0 0 20px rgba(29,116,255,.3);
}
.ai-analysis-loading,
.ai-analysis-error{
  min-height:430px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:30px;
}
.ai-loading-core{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid #3ca3ff;
  border-radius:21px;
  background:linear-gradient(145deg,#133d7e,#245ff0);
  box-shadow:0 0 35px rgba(39,118,255,.55);
  animation:analysisCorePulse 1.8s ease-in-out infinite;
}
.ai-loading-core span{
  color:white;
  font-size:28px;
  font-weight:850;
}
.ai-loading-core i,
.ai-loading-core:before{
  content:"";
  position:absolute;
  inset:-12px;
  border:1px dashed rgba(71,164,255,.55);
  border-radius:27px;
  animation:spinSlow 5s linear infinite;
}
.ai-loading-core:before{
  inset:-22px;
  border-color:rgba(139,92,246,.3);
  animation-direction:reverse;
  animation-duration:7s;
}
.ai-analysis-loading h3,
.ai-analysis-error h3{
  margin:38px 0 6px;
  font-size:20px;
}
.ai-analysis-loading p,
.ai-analysis-error p{
  margin:0;
  color:#8fa6c0;
  max-width:550px;
  line-height:1.6;
}
.ai-loading-steps{
  display:flex;
  gap:20px;
  margin-top:25px;
  color:#667f9d;
  font-size:10px;
}
.ai-loading-steps span{
  position:relative;
}
.ai-loading-steps span:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#315477;
}
.ai-loading-steps .active{color:#4ed5ff}
.ai-loading-steps .active:before{
  background:#22c7f7;
  box-shadow:0 0 8px #22c7f7;
  animation:pulse 1.4s infinite;
}
.ai-analysis-error>span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #985321;
  background:rgba(231,113,31,.12);
  color:#ffad60;
  font-size:27px;
}
.ai-analysis-error .btn{margin-top:20px}
.ai-analysis-result{
  display:grid;
  gap:12px;
}
.ai-result-summary{
  padding:18px;
  border:1px solid #22669f;
  border-radius:13px;
  background:linear-gradient(120deg,rgba(15,70,129,.7),rgba(22,38,91,.54));
}
.ai-result-kicker{
  color:#41d4ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.4px;
}
.ai-result-summary h3{
  margin:6px 0 8px;
  font-size:21px;
}
.ai-result-summary p{
  margin:0;
  color:#c0d0e2;
  line-height:1.65;
}
.ai-result-summary small{
  display:block;
  margin-top:10px;
  color:#7794b3;
  font-size:9px;
}
.ai-result-section{
  padding:14px;
  border:1px solid #173e65;
  border-radius:12px;
  background:rgba(5,25,48,.82);
}
.ai-result-section>header{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:11px;
}
.ai-result-section>header>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(30,131,234,.16);
  color:#51b8ff;
  font-size:10px;
  font-weight:800;
}
.ai-result-section>header b,
.ai-result-section>header small{
  display:block;
}
.ai-result-section>header small{
  color:#728aa6;
  font-size:9px;
  margin-top:2px;
}
.ai-diagnosis-grid,
.ai-content-plan{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.ai-diagnosis-grid article,
.ai-content-plan article{
  padding:11px;
  border:1px solid #173958;
  border-radius:9px;
  background:#061a31;
}
.ai-diagnosis-grid b,
.ai-content-plan b{
  display:block;
  color:#e7f2ff;
  font-size:12px;
}
.ai-diagnosis-grid p,
.ai-content-plan p{
  margin:6px 0;
  color:#91a7c0;
  line-height:1.5;
  font-size:10px;
}
.ai-diagnosis-grid small{
  color:#59d59d;
  font-size:9px;
  line-height:1.4;
}
.ai-content-plan>article>span{
  display:inline-flex;
  margin-bottom:7px;
  padding:3px 7px;
  border-radius:10px;
  background:rgba(119,71,255,.15);
  color:#bba4ff;
  font-size:8px;
}
.ai-content-plan small{color:#4dcfff;font-size:9px}
.ai-priority-list,
.ai-automation-list{
  display:grid;
  gap:7px;
}
.ai-priority-list article,
.ai-automation-list article{
  display:flex;
  gap:10px;
  padding:10px;
  border-bottom:1px solid rgba(24,58,91,.75);
}
.ai-priority-list article:last-child,
.ai-automation-list article:last-child{border:0}
.ai-priority-list>article>strong,
.ai-automation-list i{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#175a9e,#257ef0);
  color:#fff;
  font-size:10px;
  font-style:normal;
}
.ai-priority-list b,
.ai-automation-list b{font-size:11px}
.ai-priority-list p,
.ai-automation-list p{
  margin:4px 0;
  color:#91a6be;
  font-size:10px;
  line-height:1.45;
}
.ai-priority-list small,
.ai-automation-list small{color:#f1b65a;font-size:9px}
.ai-automation-list p strong{color:#bfd1e5;font-weight:650}
.ai-result-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.ai-result-bottom-grid ul,
.ai-result-bottom-grid ol{
  margin:0;
  padding-left:20px;
  color:#a9bdd3;
  font-size:10px;
  line-height:1.65;
}
.ai-risk-section>header>span{color:#ffad68;background:rgba(255,130,47,.12)}
.ai-next-section>header>span{color:#61e59b;background:rgba(51,214,126,.12)}
.ai-result-actions{
  position:sticky;
  bottom:-18px;
  z-index:4;
  margin:5px -18px -18px;
  padding:12px 18px;
  border-top:1px solid #1b466f;
  background:rgba(4,18,36,.94);
  backdrop-filter:blur(10px);
}
@keyframes analysisCorePulse{
  0%,100%{transform:scale(.96);box-shadow:0 0 24px rgba(39,118,255,.4)}
  50%{transform:scale(1.03);box-shadow:0 0 48px rgba(39,118,255,.72)}
}
.automation-map-card{
  min-height:300px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 22%,rgba(29,103,255,.15),transparent 34%),
    linear-gradient(145deg,rgba(4,21,43,.99),rgba(2,14,30,.99))!important;
}
.automation-network{
  height:100%;
  min-height:300px;
  padding:88px 20px 58px;
  position:relative;
  display:flex;
  align-items:center;
  isolation:isolate;
}
.automation-network:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.55;
  background-image:
    radial-gradient(circle,rgba(74,154,255,.55) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(107,65,255,.4) 0 1px,transparent 1.4px);
  background-position:7px 8px,31px 27px;
  background-size:43px 39px,67px 61px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));
}
.automation-network:after{
  content:"";
  position:absolute;
  left:50%;
  top:-65px;
  width:280px;
  height:190px;
  z-index:-1;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(28,103,255,.14);
  filter:blur(35px);
}
.network-ai-core{
  position:absolute;
  left:50%;
  top:10px;
  transform:translateX(-50%);
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  z-index:4;
}
.network-ai-core:before,
.network-ai-core:after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px dashed rgba(87,156,255,.35);
  border-radius:15px;
  animation:corePulse 2.2s ease-in-out infinite;
}
.network-ai-core:after{
  inset:-11px;
  animation-delay:.5s;
}
.network-ai-core svg{
  width:64px;
  height:64px;
  overflow:visible;
  filter:drop-shadow(0 0 8px rgba(47,130,255,.95));
  animation:chipGlow 2.4s ease-in-out infinite;
}
.network-ai-core svg rect{
  fill:#1550bb;
  stroke:#79bfff;
  stroke-width:1.5;
}
.network-ai-core svg .chip-inner{
  fill:#2468df;
  stroke:#2e8fff;
}
.network-ai-core svg .chip-pins{
  fill:none;
  stroke:#76adff;
  stroke-width:2;
  stroke-linecap:round;
}
.network-ai-core svg text{
  fill:white;
  font-size:20px;
  font-weight:850;
  font-family:Arial,sans-serif;
}
.network-flow-map{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  overflow:visible;
}
.network-flow-map path{
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px currentColor);
}
.flow-route{
  stroke:currentColor;
  stroke-dasharray:2 7;
  animation:flowRoute 3.6s linear infinite;
}
.feedback-route{
  stroke:currentColor;
  stroke-dasharray:3 6;
  opacity:.75;
  animation:feedbackRoute 4.4s linear infinite;
}
.route-blue{color:#3ca3ff}
.route-violet{color:#8e72ff;animation-delay:-.7s}
.route-cyan{color:#20e4ff;animation-delay:-1.4s}
.route-orange{color:#ff9c2a;animation-delay:-2.1s}
.route-purple{color:#bd5cff;animation-delay:-2.8s}
.feedback-route.route-violet{animation-delay:-1s}
.feedback-route.route-cyan{animation-delay:-2s}
.feedback-route.route-orange{animation-delay:-3s}
.feedback-route.route-purple{animation-delay:-4s}
.automation-nodes{
  width:100%;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  gap:44px;
  position:relative;
  z-index:3;
}
.automation-node{
  --node-accent:#3195ff;
  --node-rgb:49,149,255;
  min-height:120px;
  padding:12px 8px 10px;
  border:1px solid rgba(var(--node-rgb),.52);
  border-radius:12px;
  background:
    radial-gradient(circle at 50% 12%,rgba(var(--node-rgb),.14),transparent 50%),
    linear-gradient(155deg,rgba(7,26,51,.98),rgba(4,17,35,.99));
  display:grid;
  justify-items:center;
  align-content:center;
  text-align:center;
  gap:5px;
  position:relative;
  transition:.22s ease;
  box-shadow:inset 0 0 18px rgba(var(--node-rgb),.035);
}
.automation-node:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  opacity:0;
  box-shadow:0 0 28px rgba(var(--node-rgb),.35),inset 0 0 16px rgba(var(--node-rgb),.08);
  transition:.22s;
}
.automation-node:hover{
  transform:translateY(-4px);
  border-color:var(--node-accent);
}
.automation-node:hover:before{
  opacity:1;
}
.automation-node:nth-child(2){--node-accent:#a559ff;--node-rgb:165,89,255}
.automation-node:nth-child(3){--node-accent:#18dfff;--node-rgb:24,223,255}
.automation-node:nth-child(4){--node-accent:#ff9b25;--node-rgb:255,155,37}
.automation-node:nth-child(5){--node-accent:#b95cff;--node-rgb:185,92,255}
.automation-node-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--node-accent);
  background:radial-gradient(circle,rgba(var(--node-rgb),.22),transparent 68%);
  filter:drop-shadow(0 0 7px rgba(var(--node-rgb),.55));
  animation:nodeFloat 3.8s ease-in-out infinite,nodeNeon 2.8s ease-in-out infinite;
}
.automation-node:nth-child(2) .automation-node-icon{animation-delay:.3s,.2s}
.automation-node:nth-child(3) .automation-node-icon{animation-delay:.6s,.4s}
.automation-node:nth-child(4) .automation-node-icon{animation-delay:.9s,.6s}
.automation-node:nth-child(5) .automation-node-icon{animation-delay:1.2s,.8s}
.automation-node-icon svg{
  width:46px;
  height:46px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.automation-node-icon svg .icon-solid{
  fill:currentColor;
  stroke:none;
}
.automation-node b{
  font-size:13px;
}
.automation-node small{
  color:#c6d0dd;
  font-size:12px;
}
.node-flow-arrow{
  --arrow-distance:44px;
  position:absolute;
  width:var(--arrow-distance);
  height:20px;
  right:calc(var(--arrow-distance) * -1);
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:var(--node-accent);
  filter:drop-shadow(0 0 5px currentColor);
}
.node-flow-arrow:before{
  content:"";
  position:absolute;
  left:5px;
  right:7px;
  top:9px;
  height:2px;
  background:linear-gradient(90deg,transparent,currentColor 32%,currentColor 72%,transparent);
  background-size:180% 100%;
  animation:arrowWave 1.55s linear infinite;
}
.node-flow-arrow:after{
  content:"";
  position:absolute;
  right:5px;
  top:5px;
  width:8px;
  height:8px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
  animation:arrowHead 1.55s ease-in-out infinite;
}
.continuous-data-pill{
  position:absolute;
  left:50%;
  bottom:11px;
  transform:translateX(-50%);
  min-width:230px;
  height:36px;
  border:1px solid #0d587d;
  background:#03243f;
  color:#37c8ef;
  border-radius:9px;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  font-size:12px;
  z-index:5;
}
.continuous-data-pill span{
  font-size:18px;
  animation:spinSlow 3s linear infinite;
}
.network-socials{
  position:absolute;
  left:20px;
  bottom:17px;
  display:flex;
  gap:7px;
}
.dashboard-card-title{
  min-height:38px;
  padding:11px 12px 8px;
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid rgba(18,52,91,.72);
}
.dashboard-card-title strong{
  font-size:13px;
}
.dashboard-card-title button{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#4da8ff;
  font-size:11px;
}
.live-label{
  color:#55e691;
  font-size:10px;
}
.live-label i{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#25d875;
  box-shadow:0 0 0 4px rgba(37,216,117,.09);
  animation:pulse 1.8s infinite;
}
.performance-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  padding:8px;
}
.performance-metric{
  min-height:96px;
  border:1px solid #16406b;
  border-radius:9px;
  background:linear-gradient(145deg,#08264c,#09203d);
  color:white;
  text-align:left;
  padding:9px 8px;
  position:relative;
  overflow:hidden;
}
.performance-metric.cyan{background:linear-gradient(145deg,#07364a,#07324a)}
.performance-metric.orange{background:linear-gradient(145deg,#4c2606,#3b1d06);border-color:#70420d}
.performance-metric.green{background:linear-gradient(145deg,#073823,#073021);border-color:#0c5736}
.performance-metric small{
  display:block;
  color:#c1cede;
  font-size:10px;
}
.performance-metric strong{
  display:block;
  margin:6px 0 3px;
  font-size:22px;
  letter-spacing:-.4px;
}
.performance-metric span{
  color:#3ce18b;
  font-size:9px;
}
.performance-metric.orange span{color:#ffb331}
.performance-metric i{
  position:absolute;
  right:7px;
  bottom:22px;
  color:#29c6e8;
  font-size:20px;
  font-style:normal;
  opacity:.8;
}
.performance-metric.orange i{color:#ff8d1c}
.performance-metric.green i{color:#34db7b}
.performance-metric em{
  display:block;
  color:#7289a4;
  font-size:7px;
  font-style:normal;
  margin-top:3px;
}
.ai-running-panel{
  min-height:270px;
}
.ai-running-list{
  padding:0 9px 7px;
}
.ai-running-row{
  display:grid;
  grid-template-columns:27px minmax(0,1fr) 55px 74px;
  gap:7px;
  align-items:center;
  min-height:47px;
  border-bottom:1px solid rgba(18,52,91,.65);
  transition:.18s;
}
.ai-running-row:last-child{border-bottom:0}
.ai-running-row:hover{
  background:rgba(34,123,255,.055);
}
.ai-running-copy{
  min-width:0;
}
.ai-running-copy b,
.ai-running-copy small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-running-copy b{
  font-size:10px;
  font-weight:650;
}
.ai-running-copy small{
  color:#879ab3;
  font-size:9px;
  margin-top:2px;
}
.ai-running-row time{
  color:#8295ad;
  font-size:9px;
  text-align:right;
}
.mini-status{
  justify-self:end;
  min-width:68px;
  padding:4px 7px;
  border-radius:12px;
  text-align:center;
  font-size:9px;
  border:1px solid rgba(33,204,110,.4);
  color:#41dc83;
  background:rgba(24,160,83,.1);
}
.mini-status.processing{
  color:#ffad26;
  border-color:rgba(255,155,20,.45);
  background:rgba(255,148,20,.08);
}
.dashboard-modules{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.dashboard-module{
  min-height:228px;
  padding:0 10px 10px;
  min-width:0;
}
.dashboard-module>header{
  height:43px;
  display:flex;
  align-items:center;
  gap:8px;
}
.dashboard-module>header>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.dashboard-module>header h2{
  font-size:15px;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dashboard-module>header>a{
  margin-left:auto;
  color:#52a7ff;
  font-size:10px;
  white-space:nowrap;
}
.module-index{
  width:25px;
  height:25px;
  border-radius:5px;
  display:grid;
  place-items:center;
  font-weight:800;
  background:#1558e8;
  box-shadow:0 0 13px rgba(24,98,255,.3);
}
.module-index.purple{background:#7335ce}
.module-index.cyan{background:#069cc7}
.module-index.orange{background:#d86c13}
.module-index.violet{background:#5141d8}
.module-index.green{background:#1ca55b}
.module-subtitle{
  color:#8ea1ba;
  display:block;
  margin:-7px 0 8px 34px;
  font-size:10px;
}
.posting-body{
  display:grid;
  grid-template-columns:1.6fr .8fr;
  gap:8px;
}
.posting-platforms{
  display:grid;
  gap:3px;
}
.posting-platform-row{
  min-height:48px;
  display:grid;
  grid-template-columns:32px 1fr auto;
  gap:8px;
  align-items:center;
  border-bottom:1px solid rgba(18,52,91,.72);
  padding:4px 0;
}
.posting-platform-row:last-child{border-bottom:0}
.posting-platform-row span b,
.posting-platform-row span small{
  display:block;
}
.posting-platform-row span b{
  font-size:10px;
}
.posting-platform-row span small{
  color:#7489a4;
  font-size:9px;
}
.posting-platform-row em{
  font-style:normal;
  color:#8aa0b9;
  font-size:9px;
  text-align:right;
}
.posting-platform-row em:after{
  content:"✓ Đã lên lịch";
  display:block;
  color:#3bd57a;
  margin-top:2px;
}
.today-counter{
  border:1px solid #153c63;
  border-radius:8px;
  background:#06172d;
  color:#d6e1ef;
  display:grid;
  align-content:center;
  text-align:left;
  padding:10px 12px;
}
.today-counter small{
  color:#8da0b7;
  font-size:9px;
  line-height:1.45;
}
.today-counter strong{
  font-size:33px;
  line-height:1;
  margin:12px 0 5px;
}
.today-counter span{
  font-size:10px;
  line-height:1.35;
}
.module-video{
  position:relative;
}
.animated-video-preview{
  width:48%;
  height:113px;
  border:1px solid #255786;
  border-radius:8px;
  float:left;
  margin-right:9px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(84,68,232,.52),transparent 17%),
    radial-gradient(circle at 66% 28%,rgba(0,184,255,.27),transparent 25%),
    linear-gradient(145deg,#031027,#0b2450);
}
.animated-video-preview:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg,transparent,rgba(37,122,255,.25),transparent,rgba(148,74,255,.18),transparent);
  animation:videoGlowRotate 8s linear infinite;
}
.video-orbit{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(89,150,255,.35);
  width:75px;
  height:75px;
  animation:videoOrbit 4s linear infinite;
}
.video-orbit.orbit-two{
  width:105px;
  height:54px;
  transform:rotate(37deg);
  border-color:rgba(154,76,255,.4);
  animation-duration:6s;
  animation-direction:reverse;
}
.video-core{
  width:35px;
  height:35px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:850;
  color:#a9d5ff;
  background:#0e2d65;
  box-shadow:0 0 24px rgba(43,107,255,.8);
  z-index:2;
}
.video-play{
  position:absolute;
  z-index:3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(10,24,52,.82);
  border:1px solid #54759f;
  color:white;
  font-size:16px;
}
.animated-video-preview time{
  position:absolute;
  right:6px;
  bottom:5px;
  z-index:3;
  font-size:8px;
  padding:2px 5px;
  border-radius:5px;
  background:rgba(0,0,0,.55);
}
.video-feature-list{
  display:grid;
  gap:5px;
}
.video-feature-list button{
  min-height:31px;
  border:1px solid #183e66;
  background:#0a1e39;
  border-radius:6px;
  color:#ced9e8;
  font-size:9px;
  text-align:left;
  padding:0 8px;
}
.video-feature-list button:hover{
  border-color:#4d56c9;
  background:#11244b;
}
.recent-projects{
  clear:both;
  padding-top:9px;
  display:flex;
  align-items:center;
  color:#8194ac;
  font-size:9px;
}
.avatar-stack{
  margin-left:auto;
  color:#aabbd0;
  word-spacing:-2px;
}
.avatar-stack i{
  font-style:normal;
  color:#7d91aa;
  margin-left:4px;
}
.inbox-dashboard-layout{
  display:grid;
  grid-template-columns:115px 1fr;
  gap:9px;
}
.inbox-stats{
  display:grid;
  gap:6px;
}
.inbox-stats button{
  border:1px solid #163d65;
  background:#08244a;
  color:#e9f1fb;
  border-radius:7px;
  padding:8px;
  text-align:left;
}
.inbox-stats button:nth-child(2){
  background:#332322;
}
.inbox-stats button:nth-child(3){
  background:#06392f;
}
.inbox-stats small{
  display:block;
  font-size:8px;
  color:#a4b4c8;
}
.inbox-stats b{
  display:block;
  font-size:18px;
  margin-top:3px;
  color:#28c5fa;
}
.inbox-stats button:nth-child(2) b{color:#f6a126}
.inbox-stats button:nth-child(3) b{color:#29dc84}
.chat-preview{
  min-width:0;
  display:grid;
  align-content:start;
  gap:7px;
  font-size:9px;
}
.chat-customer{
  justify-self:start;
  max-width:80%;
  padding:6px 8px;
  border-radius:7px;
  background:#14263a;
}
.chat-customer small{
  color:#8fa1b5;
  margin-left:4px;
}
.chat-customer b{
  display:block;
  margin-top:3px;
  font-weight:500;
}
.chat-agent{
  justify-self:end;
  max-width:80%;
  padding:8px;
  border-radius:7px;
  background:linear-gradient(135deg,#064dbe,#164dd0);
  line-height:1.45;
}
.chat-agent time{
  display:block;
  text-align:right;
  color:#a9c8ff;
  margin-top:3px;
}
.chat-order{
  justify-self:start;
  display:grid;
  grid-template-columns:23px 1fr 14px;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  border-radius:7px;
  background:#063e39;
  color:#a4dfd1;
}
.chat-order i{
  color:#2fe28b;
  font-style:normal;
  font-size:14px;
}
.commerce-layout{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:8px;
}
.commerce-stats{
  display:grid;
}
.commerce-shop,
.commerce-stats>button{
  min-height:46px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:7px;
  align-items:center;
  border:0;
  border-bottom:1px solid #153859;
  background:transparent;
  color:#dce5f0;
  text-align:left;
  padding:4px 0;
}
.commerce-shop span b,
.commerce-shop span small,
.commerce-shop em b,
.commerce-shop em small{
  display:block;
}
.commerce-shop span b{font-size:10px}
.commerce-shop span small,
.commerce-shop em small{font-size:8px;color:#39d97a}
.commerce-shop em{
  font-style:normal;
  text-align:right;
}
.commerce-shop em b{font-size:8px;color:#4adf8a}
.commerce-stats>button span{font-size:10px}
.commerce-stats>button b{
  font-size:14px;
}
.commerce-stats>button small{
  color:#8fa1b8;
  font-size:8px;
}
.revenue-donut{
  border:0;
  background:transparent;
  position:relative;
  display:grid;
  place-items:center;
  min-height:135px;
  color:white;
}
.donut-ring{
  width:116px;
  height:116px;
  border-radius:50%;
  background:conic-gradient(#ff7c18 0 38%,#6740d8 38% 68%,#20c886 68% 84%,#227ff5 84% 100%);
  position:relative;
  animation:donutBreath 3.5s ease-in-out infinite;
}
.donut-ring:after{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:50%;
  background:#071a32;
}
.donut-copy{
  position:absolute;
  text-align:center;
  z-index:2;
}
.donut-copy small{
  display:block;
  color:#8ba0b8;
  font-size:8px;
}
.donut-copy b{
  display:block;
  font-size:17px;
  margin:2px 0;
}
.donut-copy em{
  display:block;
  color:#35df84;
  font-size:8px;
  font-style:normal;
}
.commerce-legend{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:4px;
  color:#8599b2;
  font-size:8px;
}
.commerce-legend i{
  width:7px;
  height:7px;
  border-radius:50%;
  display:inline-block;
  margin-right:4px;
}
.commerce-legend i.orange{background:#ff7c18}
.commerce-legend i.purple{background:#6847e7}
.commerce-legend i.blue{background:#298cff}
.strategy-layout{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:9px;
}
.strategy-scores{
  display:grid;
}
.strategy-scores button,
.trend-row{
  min-height:34px;
  border:0;
  border-bottom:1px solid #153859;
  background:transparent;
  color:#c9d5e4;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  padding:0;
}
.strategy-scores button span,
.trend-row span{
  flex:1;
  text-align:left;
}
.strategy-scores button b{
  color:#9aaec6;
}
.trend-row b{
  color:#3bda83;
  font-size:9px;
}
.strategy-chart{
  min-width:0;
  border:0;
  border-left:1px solid #153859;
  padding:2px 0 0 10px;
  background:transparent;
  color:#cbd9e9;
  text-align:left;
}
.strategy-chart>small{
  font-size:9px;
}
.strategy-chart svg{
  width:100%;
  height:95px;
  overflow:visible;
}
.strategy-grid{
  stroke:#163858;
  stroke-width:1;
  stroke-dasharray:3 4;
}
.strategy-area{
  fill:url(#strategyFill);
}
.strategy-chart polyline{
  fill:none;
  stroke:#2988ff;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:350;
  stroke-dashoffset:350;
  animation:chartDraw 2.4s ease forwards;
}
.strategy-dots circle{
  fill:#35a1ff;
  stroke:#07192f;
  stroke-width:1.5;
}
.strategy-dates{
  display:flex;
  justify-content:space-between;
  color:#607994;
  font-size:7px;
}
.strategy-suggestions{
  margin-top:6px;
  border-top:1px solid #153859;
  padding-top:7px;
  color:#6d849e;
  font-size:8px;
}
.strategy-suggestions a{
  color:#4ba1ff;
}
.smart-calendar-toolbar{
  display:flex;
  align-items:center;
  gap:6px;
  color:#8b9fb6;
  font-size:8px;
  margin:-2px 0 4px;
}
.smart-calendar-toolbar b{
  color:#b7c7da;
  font-weight:550;
}
.smart-calendar-toolbar button{
  margin-left:auto;
  border:1px solid #173c61;
  background:#07182d;
  color:#a9b9cb;
  border-radius:6px;
  font-size:8px;
  padding:5px 7px;
}
.smart-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(38px,1fr));
  border-top:1px solid #153859;
}
.smart-calendar-day{
  min-height:148px;
  border-right:1px solid #153859;
  padding:5px 3px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  position:relative;
}
.smart-calendar-day:last-child{border-right:0}
.smart-calendar-day.active{
  border:1px solid #1c7dff;
  border-radius:7px;
  margin-top:-1px;
  background:rgba(20,91,180,.09);
  box-shadow:inset 0 0 18px rgba(24,116,255,.06);
}
.smart-calendar-day>b{
  font-size:8px;
  color:#91a4ba;
}
.smart-calendar-day>small{
  font-size:7px;
  color:#647c97;
}
.schedule-dot{
  width:26px;
  min-height:24px;
  display:grid;
  place-items:center;
  margin-top:5px;
}
.schedule-dot.slot-1{margin-top:12px}
.schedule-dot.slot-2{margin-top:8px}
.schedule-dot.slot-3{margin-top:7px}

/* Platform icons */
.platform-logo{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  font-weight:850;
  font-size:20px;
  line-height:1;
  color:white;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 15px rgba(0,0,0,.13);
}
.platform-logo.small{
  width:25px;
  height:25px;
  border-radius:50%;
  font-size:15px;
}
.platform-google_business{
  background:#eef4ff;
  color:#4285f4;
  font-family:Arial,sans-serif;
}
.platform-facebook{
  background:#1877f2;
  font-family:Arial,sans-serif;
  font-size:24px;
}
.platform-facebook.small{font-size:18px}
.platform-fanpage{
  background:linear-gradient(145deg,#5e2bb4,#7d3fd5);
  color:#be9cff;
}
.platform-tiktok{
  background:#020409;
  color:white;
  text-shadow:-2px 0 #24f4ee,2px 1px #fe2c55;
}
.platform-shopee{
  background:linear-gradient(145deg,#ff6726,#f14f17);
  color:white;
}
.platform-youtube{
  width:37px;
  border-radius:9px;
  background:#ff1c1c;
  color:white;
  font-size:14px;
}
.platform-youtube.small{
  width:25px;
  border-radius:7px;
  font-size:11px;
}
.platform-zalo{
  background:#1689f7;
  font-size:9px;
}
.platform-zalo.small{font-size:7px}
.platform-website{
  background:#0a64d7;
  color:#57c7ff;
}

/* Connections reference */
.connections-reference{
  display:grid;
  gap:14px;
}
.connection-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.connection-kpi{
  min-height:96px;
  border:1px solid #14365a;
  border-radius:11px;
  background:linear-gradient(145deg,#071b35,#06172e);
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px;
}
.connection-kpi-icon{
  width:52px;
  height:52px;
  flex:0 0 auto;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:24px;
  color:#5b9fff;
  background:rgba(25,95,214,.2);
}
.connection-kpi.green .connection-kpi-icon{
  color:#35d98a;
  background:rgba(17,137,92,.16);
}
.connection-kpi.orange .connection-kpi-icon{
  color:#f6a124;
  background:rgba(194,104,11,.23);
}
.connection-kpi.purple .connection-kpi-icon{
  color:#b178ff;
  background:rgba(122,57,196,.2);
}
.connection-kpi div{
  min-width:0;
}
.connection-kpi small,
.connection-kpi em{
  display:block;
  color:#8ea2ba;
  font-size:10px;
  font-style:normal;
}
.connection-kpi strong{
  display:block;
  margin:3px 0;
  font-size:23px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.connection-feature-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.connection-feature-card{
  min-height:177px;
  padding:14px;
  border:1px solid #14365a;
  border-radius:11px;
  background:linear-gradient(145deg,#071a32,#06162c);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.connection-feature-head{
  display:flex;
  gap:10px;
  align-items:center;
  min-width:0;
}
.connection-feature-head>div{
  min-width:0;
}
.connection-feature-head b{
  display:block;
  font-size:12px;
}
.connection-feature-head small{
  display:block;
  color:#7f93ab;
  font-size:8px;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.connection-feature-status{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:16px;
  color:#32dc7e;
  font-size:9px;
}
.connection-feature-status.disconnected{
  color:#8295ad;
}
.connection-feature-status.warning{
  color:#f4a024;
}
.connection-feature-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent);
}
.connection-feature-account{
  min-height:35px;
}
.connection-feature-account span,
.connection-feature-account small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.connection-feature-account span{
  font-size:10px;
  color:#c8d5e5;
}
.connection-feature-account small{
  margin-top:3px;
  color:#6f859e;
  font-size:8px;
}
.connection-card-button{
  margin-top:auto;
  min-height:31px;
  border:1px solid #18528c;
  border-radius:6px;
  background:#071d38;
  color:#6ab6ff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
}
.connection-card-button.primary{
  color:white;
  border-color:#1d76f4;
  background:linear-gradient(120deg,#1163e6,#0b80f2);
}
.connection-card-actions{
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.connection-card-actions .connection-card-button{
  margin-top:0;
  min-width:0;
}
.connection-table-status.warning{
  color:#f4a024;
}
.oauth-connect-panel{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border:1px solid #1a5b99;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(11,70,137,.22),rgba(37,30,113,.18));
}
.oauth-connect-panel[hidden]{
  display:none;
}
.oauth-connect-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#0b315f;
}
.oauth-connect-panel b,
.oauth-connect-panel small,
.oauth-security-note{
  display:block;
}
.oauth-connect-panel small{
  margin-top:4px;
  color:#8ca3bd;
  line-height:1.55;
}
.oauth-security-note{
  margin-top:9px;
  color:#47d993;
  font-size:11px;
}
.fanpage-select-wrap{
  position:relative;
}
.fanpage-select-wrap select{
  width:100%;
  height:33px;
  appearance:none;
  border:1px solid #14365a;
  border-radius:6px;
  background:#06162c;
  color:#c4d1e0;
  padding:0 27px 0 9px;
  font-size:9px;
}
.fanpage-select-wrap>span{
  position:absolute;
  right:9px;
  top:8px;
  color:#8195ae;
  pointer-events:none;
}
.connections-main-grid{
  display:grid;
  grid-template-columns:minmax(0,2.35fr) minmax(290px,1fr);
  gap:14px;
  min-width:0;
}
.connections-table-card,
.connection-activity-card{
  border-radius:11px;
  border-color:#14365a;
  background:linear-gradient(145deg,#061a33,#05162b);
  min-width:0;
}
.connections-section-header{
  min-height:45px;
  padding:12px 14px 8px;
  display:flex;
  align-items:center;
  gap:8px;
}
.connections-section-header h2{
  margin:0;
  font-size:13px;
}
.connections-section-header button{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#4ca4ff;
  font-size:9px;
}
.connection-table-scroll{
  overflow:auto;
  padding:0 10px 10px;
}
.connection-table{
  width:100%;
  min-width:880px;
  border-collapse:collapse;
}
.connection-table th{
  text-align:left;
  padding:8px 9px;
  color:#7e93ac;
  font-size:8px;
  font-weight:650;
  border-top:1px solid #14365a;
  border-bottom:1px solid #14365a;
}
.connection-table td{
  min-height:46px;
  padding:7px 9px;
  color:#aebed1;
  font-size:9px;
  border-bottom:1px solid rgba(20,54,90,.68);
}
.connection-table tbody tr:hover td{
  background:rgba(24,105,218,.045);
}
.connection-platform-link{
  display:inline-flex;
}
.connection-account-cell b,
.connection-account-cell small{
  display:block;
}
.connection-account-cell b{
  color:#cbd6e4;
  font-size:9px;
}
.connection-account-cell small{
  color:#667d98;
  font-size:8px;
  margin-top:2px;
}
.connection-table-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#31d978;
  white-space:nowrap;
}
.connection-table-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#30d97b;
}
.connection-row-actions{
  display:flex;
  gap:5px;
  white-space:nowrap;
}
.connection-row-actions button{
  min-height:27px;
  border:1px solid #1a4776;
  border-radius:5px;
  background:#071b35;
  color:#8fb0d5;
  padding:0 8px;
  font-size:8px;
}
.connection-row-actions button:hover{
  border-color:#2779c6;
  color:#dceafa;
}
.connection-row-actions button.danger{
  border-color:#8e2b36;
  color:#ef6974;
}
.connection-row-actions button.is-loading{
  opacity:.55;
  cursor:wait;
}
.connection-activity-list,
.connection-modal-activity{
  padding:0 12px 10px;
}
.connection-activity-row{
  min-height:51px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border-bottom:1px solid rgba(20,54,90,.65);
}
.connection-activity-row:last-child{
  border-bottom:0;
}
.connection-activity-row>div{
  min-width:0;
}
.connection-activity-row b,
.connection-activity-row small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.connection-activity-row b{
  font-size:9px;
  color:#c5d2e2;
}
.connection-activity-row small{
  font-size:8px;
  color:#6d839c;
  margin-top:2px;
}
.connection-activity-row>span{
  text-align:right;
}
.connection-activity-row em{
  display:block;
  min-width:58px;
  padding:3px 6px;
  border-radius:9px;
  border:1px solid rgba(27,187,96,.36);
  background:rgba(27,187,96,.08);
  color:#39d47b;
  font-style:normal;
  font-size:8px;
}
.connection-activity-row em.warning{
  border-color:rgba(240,144,23,.42);
  background:rgba(240,144,23,.08);
  color:#f4a024;
}
.connection-activity-empty{
  padding:28px 12px;
  color:#7087a0;
  text-align:center;
}
.connection-empty{
  min-height:250px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:25px;
}
.connection-empty>span{
  width:54px;
  height:54px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#0d315e;
  color:#56aaff;
  font-size:25px;
}
.connection-empty h3{
  margin:12px 0 5px;
}
.connection-empty p{
  color:#7f95ad;
  max-width:520px;
  line-height:1.55;
}
.connection-modal-intro{
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #174575;
  border-radius:10px;
  background:#071e3a;
  padding:12px;
}
.connection-modal-intro>span{
  width:38px;
  height:38px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#0d4a99;
  color:#6bb5ff;
  font-size:19px;
}
.connection-modal-intro b,
.connection-modal-intro small{
  display:block;
}
.connection-modal-intro small{
  margin-top:3px;
  color:#879bb2;
  line-height:1.45;
}
.optional-label{
  color:#637b95;
  font-weight:400;
}
.form-hint{
  color:#7088a2;
  line-height:1.45;
}
.metric-detail-modal{
  text-align:center;
  padding:8px 4px;
}
.metric-detail-orb{
  width:58px;
  height:58px;
  margin:auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#3ca8ff,#2943cb);
  box-shadow:0 0 25px rgba(30,116,255,.35);
  font-size:24px;
}
.metric-detail-modal p{
  color:#91a5bd;
  line-height:1.6;
}
.metric-detail-actions{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.assistant-modal p{
  color:#91a5bd;
}
.assistant-modal textarea{
  width:100%;
  min-height:140px;
  border:1px solid #173f69;
  background:#06162b;
  border-radius:9px;
  color:#dce6f4;
  padding:11px;
  resize:vertical;
}
.notification-list{
  display:grid;
  gap:8px;
}
.notification-item{
  border:1px solid #173d64;
  border-radius:9px;
  background:#071b35;
  padding:11px;
}
.notification-item b,
.notification-item small{
  display:block;
}
.notification-item small{
  margin-top:4px;
  color:#8095ae;
}
.notification-item.warning{border-color:#704918}
.notification-item.success{border-color:#1e6748}

/* Motion */
@keyframes launchShine{
  0%,55%{left:-70px}
  80%,100%{left:115%}
}
@keyframes launchSpark{
  0%,100%{opacity:.55;transform:scale(.75)}
  50%{opacity:1;transform:scale(1.2)}
}
@keyframes corePulse{
  0%,100%{opacity:.15;transform:scale(.92)}
  50%{opacity:.7;transform:scale(1)}
}
@keyframes chipGlow{
  0%,100%{filter:drop-shadow(0 0 6px rgba(47,130,255,.7))}
  50%{filter:drop-shadow(0 0 14px rgba(64,153,255,1))}
}
@keyframes flowRoute{
  to{stroke-dashoffset:-72}
}
@keyframes feedbackRoute{
  to{stroke-dashoffset:72}
}
@keyframes networkFlow{
  to{background-position:-260% 0}
}
@keyframes nodeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes nodeNeon{
  0%,100%{filter:drop-shadow(0 0 4px rgba(var(--node-rgb),.4))}
  50%{filter:drop-shadow(0 0 10px rgba(var(--node-rgb),.85))}
}
@keyframes arrowWave{
  to{background-position:-180% 0}
}
@keyframes arrowHead{
  0%,100%{opacity:.45;transform:translateX(-4px) rotate(45deg)}
  50%{opacity:1;transform:translateX(1px) rotate(45deg)}
}
@keyframes spinSlow{
  to{transform:rotate(360deg)}
}
@keyframes videoGlowRotate{
  to{transform:rotate(360deg)}
}
@keyframes videoOrbit{
  to{transform:rotate(360deg)}
}
@keyframes donutBreath{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,124,24,0))}
  50%{filter:drop-shadow(0 0 9px rgba(255,124,24,.18))}
}
@keyframes chartDraw{
  to{stroke-dashoffset:0}
}

@media(max-width:1380px){
  .dashboard-reference-columns{
    grid-template-columns:minmax(0,1.42fr) minmax(330px,.95fr);
  }
  .automation-nodes{gap:20px}
  .node-flow-arrow{--arrow-distance:20px}
  .automation-node{min-height:120px}
  .performance-metrics{grid-template-columns:1fr 1fr}
  .performance-metric{min-height:82px}
  .dashboard-modules{grid-template-columns:1fr 1fr}
  .connection-feature-grid{grid-template-columns:repeat(3,1fr)}
  .connections-main-grid{grid-template-columns:1fr}
}
@media(max-width:1050px){
  .dashboard-reference-columns{grid-template-columns:1fr}
  .dashboard-reference-right{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .ai-running-panel{min-height:auto}
  .connection-kpis{grid-template-columns:1fr 1fr}
  .connection-feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .dashboard-content{padding:calc(var(--top) + 8px) 8px 70px}
  .ops-hero{padding:18px;align-items:flex-start;flex-direction:column}
  .launch-ai-button{width:100%;min-width:0}
  .ai-analysis-backdrop{padding:0}
  .ai-analysis-modal{width:100%;max-height:100vh;height:100vh;border-radius:0}
  .ai-analysis-stage{padding:12px}
  .ai-analysis-intro{grid-template-columns:46px 1fr}
  .ai-analysis-orb{width:42px;height:42px}
  .ai-config-state{grid-column:1/-1;justify-items:start}
  .ai-analysis-form .form-grid{grid-template-columns:1fr}
  .ai-channel-picker{gap:6px}
  .ai-channel-picker span{padding:5px 9px}
  .ai-diagnosis-grid,
  .ai-content-plan,
  .ai-result-bottom-grid{grid-template-columns:1fr}
  .ai-loading-steps{display:grid;gap:8px}
  .ai-result-actions{bottom:-12px;margin:5px -12px -12px;padding:10px 12px}
  .ai-result-actions .btn{flex:1}
  .dashboard-reference-right{grid-template-columns:1fr}
  .automation-map-card{overflow-x:auto}
  .automation-network{width:720px;padding-left:12px;padding-right:12px}
  .automation-nodes{min-width:0}
  .dashboard-modules{grid-template-columns:1fr}
  .connection-kpis,
  .connection-feature-grid{grid-template-columns:1fr}
  .connection-kpi{min-height:82px}
  .posting-body,
  .inbox-dashboard-layout,
  .commerce-layout,
  .strategy-layout{grid-template-columns:1fr}
  .strategy-chart{border-left:0;border-top:1px solid #153859;padding:8px 0 0}
  .smart-calendar{overflow:auto;grid-template-columns:repeat(7,64px)}
  .connection-row-actions button{min-height:32px}
}
@media(prefers-reduced-motion:reduce){
  .launch-ai-button:before,
  .launch-ai-button i,
  .network-ai-core:before,
  .network-ai-core:after,
  .network-flow-map path,
  .network-ai-core svg,
  .automation-node-icon,
  .node-flow-arrow:before,
  .node-flow-arrow:after,
  .continuous-data-pill span,
  .animated-video-preview:before,
  .video-orbit,
  .donut-ring,
  .strategy-chart polyline{
    animation:none!important;
  }
  .ai-loading-core,
  .ai-loading-core i,
  .ai-loading-core:before,
  .ai-loading-steps .active:before{
    animation:none!important;
  }
}


/* Real publishing + Shopee synchronization */
.publish-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.78fr);
  gap:12px;
  margin-top:12px;
}
.publish-composer-card,
.publish-preview-card,
.real-posts-card,
.shopee-sync-strip{
  border-color:#163e69;
  background:linear-gradient(145deg,rgba(5,24,47,.98),rgba(3,17,35,.98));
}
.publish-composer-card{padding:16px}
.publish-card-head,
.publish-card-head>div,
.publish-preview-brand,
.creator-profile,
.publish-connection-state,
.shopee-sync-title,
.shopee-sync-actions{
  display:flex;
  align-items:center;
}
.publish-card-head{
  justify-content:space-between;
  gap:12px;
  margin-bottom:15px;
}
.publish-card-head>div{gap:9px;min-width:0}
.publish-card-head h3,
.shopee-sync-title h3{margin:0;color:#edf6ff}
.publish-card-head p,
.shopee-sync-title p{
  margin:3px 0 0;
  color:#7f96b0;
  font-size:12px;
  line-height:1.45;
}
.publish-live-dot{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:#25df83;
  box-shadow:0 0 0 5px rgba(37,223,131,.08),0 0 18px rgba(37,223,131,.4);
  animation:publishPulse 1.8s ease-in-out infinite;
}
.publish-channel-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-bottom:13px;
}
.publish-channel{
  min-height:68px;
  border:1px solid #173f6d;
  border-radius:11px;
  background:#071c37;
  color:#d8e6f7;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.publish-channel span{min-width:0}
.publish-channel b,
.publish-channel small{display:block}
.publish-channel b{font-size:13px}
.publish-channel small{margin-top:4px;color:#738ca8;font-size:10px}
.publish-channel.active{
  border-color:#238eff;
  background:linear-gradient(135deg,rgba(18,81,166,.34),rgba(18,44,95,.38));
  box-shadow:inset 0 0 0 1px rgba(60,158,255,.12),0 0 20px rgba(23,111,255,.08);
}
.publish-channel.active small{color:#54d998}
.publish-form textarea{
  min-height:132px;
  resize:vertical;
}
.publish-counter{
  margin-top:5px;
  color:#6d849e;
  text-align:right;
  font-size:10px;
}
.publish-provider-fields{
  margin-top:11px;
  padding:12px;
  border:1px solid #123859;
  border-radius:11px;
  background:rgba(3,17,34,.54);
}
.publish-provider-fields[hidden]{display:none!important}
.publish-connection-state{
  gap:9px;
  margin-top:10px;
  border:1px solid rgba(26,193,111,.3);
  border-radius:9px;
  background:rgba(21,123,79,.08);
  padding:9px 10px;
}
.publish-connection-state.warning{
  border-color:rgba(245,158,11,.38);
  background:rgba(145,87,8,.08);
}
.publish-connection-state span{min-width:0}
.publish-connection-state b,
.publish-connection-state small{display:block}
.publish-connection-state b{font-size:11px}
.publish-connection-state small{margin-top:3px;color:#7891ac;font-size:9px;line-height:1.45}
.tiktok-creator-panel{
  margin:11px 0;
  border:1px solid #173c61;
  border-radius:10px;
  background:#061a32;
  padding:11px;
}
.creator-loading{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#849bb5;
  font-size:11px;
}
.creator-profile{gap:9px}
.creator-profile>div{min-width:0;flex:1}
.creator-profile b,
.creator-profile small{display:block}
.creator-profile small{margin-top:3px;color:#778fa9;font-size:9px}
.creator-rules{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  margin-top:9px;
}
.creator-rules span{
  min-width:0;
  border:1px solid #143655;
  border-radius:8px;
  background:#06172d;
  padding:7px;
  color:#708aa5;
  font-size:9px;
}
.creator-rules b{
  display:block;
  margin-top:3px;
  color:#d3e1f1;
  font-size:10px;
}
.publish-check-grid{
  display:grid;
  align-content:center;
  gap:6px;
}
.publish-check-grid .form-check,
.publish-consent{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#9bb0c5;
  font-size:10px;
  line-height:1.45;
}
.publish-check-grid input,
.publish-consent input{
  margin-top:2px;
  accent-color:#268aff;
}
.publish-consent{
  margin-top:10px;
  border-top:1px solid #143654;
  padding-top:10px;
}
.publish-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:13px;
}
.publish-submit{min-width:126px}
.mini-spinner{
  width:13px;
  height:13px;
  display:inline-block;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:currentColor;
  border-radius:50%;
  animation:publishSpin .75s linear infinite;
}
.publish-preview-card{
  padding:14px;
  align-self:start;
  position:sticky;
  top:calc(var(--top) + 12px);
}
.publish-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#6686a8;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:700;
}
.publish-preview{
  margin-top:12px;
  border:1px solid #153a5e;
  border-radius:12px;
  overflow:hidden;
  background:#071a32;
}
.publish-preview-brand{
  gap:9px;
  padding:11px;
}
.publish-preview-brand b,
.publish-preview-brand small{display:block}
.publish-preview-brand b{font-size:11px}
.publish-preview-brand small{margin-top:2px;color:#6f859d;font-size:9px}
.publish-preview>p{
  min-height:55px;
  margin:0;
  padding:0 11px 10px;
  color:#c8d8e9;
  font-size:11px;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.publish-preview-media{
  min-height:142px;
  display:grid;
  place-items:center;
  padding:12px;
  background:
    radial-gradient(circle at 50% 42%,rgba(30,118,255,.2),transparent 35%),
    linear-gradient(145deg,#081b37,#041225);
  color:#6482a3;
  text-align:center;
  font-size:10px;
}
.publish-preview-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #143655;
  color:#8096ae;
  font-size:9px;
}
.publish-preview-actions span{
  padding:9px 4px;
  text-align:center;
}
.real-posts-card{
  margin-top:12px;
  overflow:hidden;
}
.real-posts-card .card-head{padding:13px 14px 8px}
.real-posts-card .card-head small{color:#7087a1}
.empty-table-cell{
  padding:28px!important;
  text-align:center;
  color:#7089a4!important;
}
.shopee-sync-strip{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:13px 15px;
  margin-bottom:12px;
}
.shopee-sync-title{gap:11px}
.shopee-sync-title>div{min-width:0}
.shopee-sync-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}

@keyframes publishPulse{
  0%,100%{opacity:.65;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes publishSpin{to{transform:rotate(360deg)}}

@media(hover:hover) and (pointer:fine){
  .publish-channel:hover{
    border-color:#286ba9;
    transform:translateY(-1px);
  }
}
@media(max-width:1120px){
  .publish-layout{grid-template-columns:1fr}
  .publish-preview-card{position:static}
  .creator-rules{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .publish-channel-tabs,
  .creator-rules{grid-template-columns:1fr}
  .publish-card-head,
  .shopee-sync-strip{
    align-items:stretch;
    flex-direction:column;
  }
  .shopee-sync-actions{
    justify-content:stretch;
  }
  .shopee-sync-actions .btn{flex:1 1 160px}
}
@media(prefers-reduced-motion:reduce){
  .publish-live-dot,
  .mini-spinner{animation:none!important}
}


/* Facebook Reels scheduling + Shopee push webhook */
.facebook-publish-mode{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:10px;
  margin-bottom:10px;
}
.facebook-publish-mode .form-group{margin:0}
#facebook-video-fields[hidden],
#facebook-post-fields[hidden]{display:none!important}
.remote-status,
.scheduled-label{
  display:block;
  margin-top:4px;
  color:#6f8aa7;
  font-size:9px;
  letter-spacing:.03em;
}
.scheduled-label{color:#58a9ff}
.shopee-webhook-card{
  margin:12px 0;
  padding:14px 16px;
  border-color:#17446e;
  background:linear-gradient(135deg,rgba(5,28,50,.98),rgba(4,21,39,.98));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.shopee-webhook-card.is-live{
  border-color:rgba(36,199,119,.4);
  box-shadow:inset 0 0 28px rgba(20,135,84,.06);
}
.shopee-webhook-status,
.shopee-webhook-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.shopee-webhook-status{min-width:0}
.shopee-webhook-status>div{min-width:0}
.shopee-webhook-status h3{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  color:#edf6ff;
}
.shopee-webhook-status p{
  margin:4px 0 0;
  color:#8199b3;
  font-size:11px;
  line-height:1.5;
}
.webhook-pulse{
  width:12px;
  height:12px;
  flex:0 0 auto;
  border-radius:50%;
  background:#2adb8b;
  box-shadow:0 0 0 5px rgba(42,219,139,.08),0 0 18px rgba(42,219,139,.3);
  animation:publishPulse 1.8s ease-in-out infinite;
}
.live-pill{
  border:1px solid rgba(42,219,139,.38);
  border-radius:999px;
  padding:2px 7px;
  background:rgba(42,219,139,.1);
  color:#47e69a;
  font-size:9px;
  letter-spacing:.08em;
}
.webhook-config-json{
  max-height:260px;
  margin:10px 0 0;
  padding:10px;
  overflow:auto;
  border:1px solid #173d62;
  border-radius:8px;
  background:#031126;
  color:#bcd0e7;
  white-space:pre-wrap;
  word-break:break-word;
}
@media(max-width:760px){
  .facebook-publish-mode{grid-template-columns:1fr}
  .shopee-webhook-card{
    align-items:flex-start;
    flex-direction:column;
  }
  .shopee-webhook-actions{
    width:100%;
    flex-wrap:wrap;
  }
}


/* v1.0.14 — live content calendar + realtime Shopee notifications */
.calendar-pro{overflow:visible}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(14,43,79,.72),rgba(6,22,42,.48))}
.calendar-toolbar-main,.calendar-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.calendar-toolbar-main h3{margin:0 0 0 4px;font-size:16px;text-transform:capitalize}
.calendar-help{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 14px;color:#8ca6c4;font-size:11px;border-bottom:1px solid rgba(23,52,83,.7);background:rgba(2,12,28,.42)}
.calendar-live{min-width:920px;padding:0}
.calendar-live .cal-head{padding:10px 8px;background:#071a31;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.04em}
.calendar-live .cal-day{min-height:142px;padding:7px;border-right:1px solid var(--line);border-top:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(7,27,52,.58),rgba(4,18,36,.72));transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.calendar-live .cal-day:nth-child(7n){border-right:0}
.calendar-live .cal-day-empty{background:rgba(3,13,28,.46);opacity:.52}
.calendar-live .cal-day.is-today{background:linear-gradient(180deg,rgba(17,74,137,.23),rgba(4,18,36,.75));box-shadow:inset 0 0 0 1px rgba(54,151,255,.6)}
.calendar-live .cal-day.is-drop-target{border-color:#28a8ff;background:rgba(20,113,210,.16);box-shadow:inset 0 0 22px rgba(30,145,255,.14)}
.cal-day-head{display:flex;align-items:center;justify-content:space-between;min-height:25px}
.cal-day-head b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px}
.cal-day.is-today .cal-day-head b{background:#1677ff;color:#fff;box-shadow:0 0 14px rgba(22,119,255,.48)}
.cal-add{width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#6788aa;cursor:pointer;opacity:.5}
.cal-add:hover,.cal-add:focus-visible{opacity:1;color:#8ec8ff;border-color:#24588d;background:rgba(22,119,255,.12)}
.cal-events{display:grid;gap:5px;margin-top:5px}
.calendar-live .cal-event{appearance:none;width:100%;margin:0;padding:6px 7px;display:grid;grid-template-columns:23px minmax(0,1fr) 11px;align-items:center;gap:6px;text-align:left;border:1px solid rgba(52,129,218,.43);border-left:2px solid #258dff;border-radius:8px;background:linear-gradient(90deg,rgba(22,119,255,.18),rgba(18,63,112,.13));color:#d9eaff;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
.calendar-live .cal-event:hover,.calendar-live .cal-event:focus-visible{transform:translateY(-1px);border-color:#55a7ff;box-shadow:0 5px 16px rgba(0,76,177,.16)}
.calendar-live .cal-event-reel{border-left-color:#a76cff;background:linear-gradient(90deg,rgba(132,75,230,.2),rgba(64,36,108,.13))}
.calendar-live .cal-event-video{border-left-color:#21d8c7;background:linear-gradient(90deg,rgba(22,190,176,.18),rgba(18,73,75,.12))}
.calendar-live .cal-event.is-published{opacity:.62;filter:saturate(.68)}
.calendar-live .cal-event.is-dragging{opacity:.38;transform:scale(.98)}
.cal-event-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(31,132,255,.18);font-weight:900}
.cal-event-copy{min-width:0}
.cal-event-copy b,.cal-event-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-event-copy b{font-size:10px;line-height:1.25}
.cal-event-copy small{margin-top:2px;color:#83a4c5;font-size:9px}
.cal-event-state{font-size:8px;color:#2fdd83}
.calendar-reschedule-modal small{display:block;margin-top:8px;color:var(--muted)}
.calendar-event-detail p{line-height:1.6;color:#9fb2c8}

.notification-live-head{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #174a73;border-radius:10px;background:linear-gradient(90deg,rgba(5,61,92,.32),rgba(7,25,48,.45))}
.notification-live-head b,.notification-live-head small{display:block}
.notification-live-head small{margin-top:3px;color:#8da6bf}
.notification-live-dot{width:11px;height:11px;border-radius:50%;background:#2be083;box-shadow:0 0 0 0 rgba(43,224,131,.45);animation:notificationPulse 1.8s infinite}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.realtime-notification-list{display:grid;gap:7px;max-height:430px;overflow:auto;padding-right:3px}
.realtime-notification-list .notification-item{appearance:none;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 10px;align-items:start;gap:10px;text-align:left;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.realtime-notification-list .notification-item:hover,.realtime-notification-list .notification-item:focus-visible{background:#0b2544;border-color:#2b6aa2;transform:translateY(-1px)}
.realtime-notification-list .notification-item.is-read{opacity:.68}
.realtime-notification-list .notification-item.is-unread{border-color:#2465a0;background:linear-gradient(90deg,rgba(22,119,255,.14),#071b35)}
.notification-copy{min-width:0}
.notification-copy b,.notification-copy small,.notification-copy em{display:block}
.notification-copy small{margin-top:4px;line-height:1.45}
.notification-copy em{margin-top:6px;color:#587696;font-size:10px;font-style:normal}
.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:#2f9cff;box-shadow:0 0 9px rgba(47,156,255,.7);margin-top:5px}
.notification-glyph{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(22,119,255,.16);border:1px solid rgba(45,135,229,.35)}
.notification-empty{padding:32px 18px;text-align:center;border:1px dashed #1c4c78;border-radius:11px;color:#7e9ab8}
.notification-empty span,.notification-empty b,.notification-empty small{display:block}
.notification-empty span{font-size:28px;margin-bottom:8px}
.notification-empty small{margin-top:5px}
.notification b[hidden]{display:none}
@keyframes notificationPulse{0%{box-shadow:0 0 0 0 rgba(43,224,131,.42)}70%{box-shadow:0 0 0 8px rgba(43,224,131,0)}100%{box-shadow:0 0 0 0 rgba(43,224,131,0)}}

@media(max-width:760px){
  .calendar-toolbar{align-items:flex-start;flex-direction:column}
  .calendar-help{display:block}
  .calendar-help span{display:block;margin:3px 0}
  .calendar-live{min-width:760px}
  .calendar-live .cal-day{min-height:122px}
  .realtime-notification-list{max-height:360px}
}

@media(prefers-reduced-motion:reduce){
  .notification-live-dot{animation:none}
  .calendar-live .cal-event{transition:none}
}


/* v1.0.17 — Shopee live order popup and 24-hour calendar timeline */
.calendar-toolbar-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.calendar-view-switch{
  display:flex;
  align-items:center;
  gap:5px;
  padding:3px;
  border:1px solid #173f69;
  border-radius:9px;
  background:#04152a;
}
.cal-day-number{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:#dbe9f8;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.cal-day-number:hover,
.cal-day-number:focus-visible{
  border-color:#397fc5;
  background:rgba(22,119,255,.12);
}
.calendar-live .cal-day.is-today .cal-day-number{
  background:#1677ff;
  color:#fff;
  box-shadow:0 0 14px rgba(22,119,255,.48);
}

.calendar-timeline-card{
  min-width:0;
}
.calendar-timeline-scroll{
  max-height:720px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  background:linear-gradient(180deg,rgba(3,15,31,.82),rgba(4,18,36,.94));
}
.calendar-timeline{
  min-width:720px;
  position:relative;
}
.calendar-hour-row{
  --drop-minute:0%;
  min-height:74px;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  border-bottom:1px solid rgba(26,58,92,.72);
  transition:background .15s ease,box-shadow .15s ease;
}
.calendar-hour-label{
  position:sticky;
  left:0;
  z-index:4;
  padding:8px 12px 0 0;
  text-align:right;
  color:#6f8dad;
  font-size:10px;
  font-variant-numeric:tabular-nums;
  background:#06182e;
  border-right:1px solid rgba(26,58,92,.72);
}
.calendar-hour-track{
  position:relative;
  min-height:74px;
  padding:7px 9px;
  background:
    linear-gradient(180deg,rgba(8,28,52,.34),rgba(5,19,38,.2));
}
.calendar-hour-track .quarter{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  border-top:1px dashed rgba(46,79,112,.28);
  pointer-events:none;
}
.calendar-hour-track .q1{top:25%}
.calendar-hour-track .q2{top:50%}
.calendar-hour-track .q3{top:75%}
.calendar-hour-row.is-drop-target .calendar-hour-track{
  background:linear-gradient(90deg,rgba(20,122,222,.18),rgba(7,40,77,.23));
  box-shadow:inset 0 0 0 1px rgba(42,157,255,.55);
}
.calendar-hour-row.is-drop-target .calendar-hour-track::after{
  content:"";
  position:absolute;
  z-index:6;
  left:0;
  right:0;
  top:var(--drop-minute);
  border-top:2px solid #2aa8ff;
  box-shadow:0 0 9px rgba(42,168,255,.62);
  pointer-events:none;
}
.calendar-hour-events{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:7px;
  flex-wrap:wrap;
  min-height:58px;
}
.calendar-timeline .cal-event{
  appearance:none;
  width:min(360px,calc(50% - 4px));
  min-width:220px;
  margin:0;
  padding:8px 9px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) 12px;
  align-items:center;
  gap:7px;
  text-align:left;
  border:1px solid rgba(52,129,218,.48);
  border-left:3px solid #258dff;
  border-radius:9px;
  background:linear-gradient(90deg,rgba(22,119,255,.22),rgba(10,47,87,.88));
  color:#dcecff;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(0,0,0,.14);
}
.calendar-timeline .cal-event-reel{
  border-left-color:#a76cff;
  background:linear-gradient(90deg,rgba(132,75,230,.23),rgba(50,28,84,.86));
}
.calendar-timeline .cal-event-video{
  border-left-color:#21d8c7;
  background:linear-gradient(90deg,rgba(22,190,176,.2),rgba(13,63,65,.84));
}
.calendar-timeline .cal-event.is-published{
  opacity:.56;
}
.calendar-timeline .cal-event.is-dragging{
  opacity:.32;
  transform:scale(.98);
}
.calendar-now-line{
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  height:2px;
  background:#ff5964;
  box-shadow:0 0 8px rgba(255,89,100,.62);
  pointer-events:none;
}
.calendar-now-line::before{
  content:"";
  position:absolute;
  left:-4px;
  top:-4px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff5964;
}
.calendar-now-line span{
  position:absolute;
  left:8px;
  top:-17px;
  padding:1px 5px;
  border-radius:4px;
  background:#80212a;
  color:#ffdfe2;
  font-size:8px;
}

.shopee-order-popup{
  position:fixed;
  z-index:220;
  top:84px;
  right:22px;
  width:min(430px,calc(100vw - 28px));
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(255,116,54,.7);
  border-radius:16px;
  background:
    radial-gradient(circle at 8% 15%,rgba(255,99,39,.18),transparent 34%),
    linear-gradient(145deg,#0b203a,#07172c 62%,#101c2d);
  color:#eff6ff;
  box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,110,45,.08);
  opacity:0;
  transform:translateX(28px) scale(.96);
  transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1);
}
.shopee-order-popup.is-visible{
  opacity:1;
  transform:translateX(0) scale(1);
}
.shopee-order-popup.is-leaving{
  opacity:0;
  transform:translateX(22px) scale(.97);
}
.shopee-order-popup-glow{
  position:absolute;
  width:130px;
  height:130px;
  right:-45px;
  top:-48px;
  border-radius:50%;
  background:rgba(255,101,38,.18);
  filter:blur(7px);
  animation:shopeePopupGlow 1.8s ease-in-out infinite;
  pointer-events:none;
}
.shopee-order-popup-close{
  position:absolute;
  z-index:3;
  top:8px;
  right:9px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:rgba(255,255,255,.05);
  color:#91a8c2;
  font-size:20px;
  cursor:pointer;
}
.shopee-order-popup-close:hover,
.shopee-order-popup-close:focus-visible{
  background:rgba(255,255,255,.1);
  color:#fff;
}
.shopee-order-popup-icon{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(255,93,30,.12);
  border:1px solid rgba(255,111,50,.3);
}
.shopee-order-popup-icon .platform-logo{
  width:40px;
  height:40px;
}
.shopee-order-popup-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
.shopee-order-popup-kicker{
  display:flex;
  align-items:center;
  gap:6px;
  color:#ff9b6d;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.shopee-order-popup-kicker span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff692d;
  box-shadow:0 0 0 0 rgba(255,105,45,.55);
  animation:shopeeOrderPulse 1.4s infinite;
}
.shopee-order-popup h3{
  margin:5px 32px 4px 0;
  font-size:17px;
}
.shopee-order-popup p{
  margin:0;
  color:#9eb2c9;
  font-size:11px;
  line-height:1.5;
}
.shopee-order-popup-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:11px 0;
}
.shopee-order-popup-meta span{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(39,77,115,.72);
  border-radius:8px;
  background:rgba(2,14,28,.43);
}
.shopee-order-popup-meta small,
.shopee-order-popup-meta b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shopee-order-popup-meta small{
  color:#6785a3;
  font-size:8px;
}
.shopee-order-popup-meta b{
  margin-top:2px;
  color:#d9e8f8;
  font-size:10px;
}
.shopee-order-popup-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.shopee-order-popup-actions .btn{
  min-height:35px;
}
@keyframes shopeeOrderPulse{
  0%{box-shadow:0 0 0 0 rgba(255,105,45,.5)}
  70%{box-shadow:0 0 0 9px rgba(255,105,45,0)}
  100%{box-shadow:0 0 0 0 rgba(255,105,45,0)}
}
@keyframes shopeePopupGlow{
  50%{transform:scale(1.15);opacity:.62}
}

@media(max-width:760px){
  .calendar-toolbar-side{
    width:100%;
    justify-content:flex-start;
  }
  .calendar-timeline-scroll{
    max-height:620px;
  }
  .calendar-timeline{
    min-width:620px;
  }
  .calendar-hour-row{
    grid-template-columns:62px minmax(0,1fr);
  }
  .calendar-timeline .cal-event{
    width:calc(100% - 4px);
    min-width:0;
  }
  .shopee-order-popup{
    top:70px;
    right:14px;
    grid-template-columns:46px minmax(0,1fr);
    padding:13px;
  }
  .shopee-order-popup-icon{
    width:46px;
    height:46px;
  }
  .shopee-order-popup-icon .platform-logo{
    width:34px;
    height:34px;
  }
}

@media(prefers-reduced-motion:reduce){
  .shopee-order-popup,
  .calendar-hour-row{
    transition:none;
  }
  .shopee-order-popup-glow,
  .shopee-order-popup-kicker span{
    animation:none;
  }
}


/* v1.0.17 — Shopee product-rich popup and 7-day × 24-hour weekly calendar */
.shopee-order-popup{
  width:min(500px,calc(100vw - 28px));
}
.shopee-order-popup-products{
  display:grid;
  gap:7px;
  margin:11px 0 10px;
}
.shopee-popup-product{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:7px;
  border:1px solid rgba(55,87,119,.72);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(255,110,45,.07),rgba(4,20,38,.46));
}
.shopee-popup-product-image{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:9px;
  background:#0a2139;
  border:1px solid rgba(255,122,62,.2);
}
.shopee-popup-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.shopee-popup-product-image span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.shopee-popup-product-copy{
  min-width:0;
}
.shopee-popup-product-copy b,
.shopee-popup-product-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shopee-popup-product-copy b{
  color:#edf5ff;
  font-size:11px;
  line-height:1.35;
}
.shopee-popup-product-copy small{
  margin-top:3px;
  color:#7895b1;
  font-size:9px;
}
.shopee-popup-product strong{
  min-width:34px;
  padding:5px 7px;
  border-radius:7px;
  background:rgba(255,107,45,.13);
  color:#ff9a68;
  font-size:11px;
  text-align:center;
}
.shopee-popup-product-more{
  padding:4px 7px;
  color:#7592ad;
  font-size:9px;
  text-align:right;
}

.calendar-week-card{
  min-width:0;
}
.calendar-week-scroll{
  max-height:760px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  background:linear-gradient(180deg,rgba(3,15,31,.88),rgba(4,18,36,.96));
}
.calendar-week-grid{
  min-width:1120px;
  position:relative;
}
.calendar-week-header,
.calendar-week-row{
  display:grid;
  grid-template-columns:72px repeat(7,minmax(145px,1fr));
}
.calendar-week-header{
  position:sticky;
  top:0;
  z-index:20;
  min-height:63px;
  border-bottom:1px solid #1c446d;
  background:#071a31;
  box-shadow:0 5px 15px rgba(0,0,0,.18);
}
.calendar-week-time-head{
  position:sticky;
  left:0;
  z-index:22;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 4px 8px;
  border-right:1px solid #1b426a;
  background:#071a31;
  color:#577696;
  font-size:8px;
  font-weight:700;
}
.calendar-week-day-head{
  min-width:0;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:6px 6px;
  border-right:1px solid rgba(31,67,103,.75);
  background:linear-gradient(180deg,#081d36,#07182e);
}
.calendar-week-day-head.is-today{
  background:linear-gradient(180deg,rgba(22,119,255,.18),#07182e);
}
.calendar-week-day-button{
  appearance:none;
  min-width:0;
  display:grid;
  justify-items:center;
  gap:2px;
  padding:4px 7px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#b9cde3;
  cursor:pointer;
}
.calendar-week-day-button:hover,
.calendar-week-day-button:focus-visible{
  background:rgba(40,126,215,.13);
  outline:1px solid rgba(66,154,244,.35);
}
.calendar-week-day-button span{
  text-transform:capitalize;
  color:#718eab;
  font-size:9px;
  font-weight:700;
}
.calendar-week-day-button b{
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.calendar-week-day-head.is-today .calendar-week-day-button b{
  min-width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1677ff;
  color:#fff;
  box-shadow:0 0 16px rgba(22,119,255,.38);
}
.calendar-week-add{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#6c8cac;
  cursor:pointer;
}
.calendar-week-add:hover,
.calendar-week-add:focus-visible{
  border-color:#2c70ae;
  background:rgba(22,119,255,.12);
  color:#a9d3ff;
}
.calendar-week-row{
  min-height:78px;
  border-bottom:1px solid rgba(28,58,91,.72);
}
.calendar-week-time{
  position:sticky;
  left:0;
  z-index:10;
  padding:8px 10px 0 0;
  border-right:1px solid rgba(31,67,103,.78);
  background:#06182e;
  color:#6685a4;
  font-size:9px;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.calendar-week-slot{
  --drop-minute:0%;
  min-width:0;
  min-height:78px;
  position:relative;
  padding:5px;
  border-right:1px solid rgba(28,58,91,.66);
  background:linear-gradient(180deg,rgba(8,29,53,.28),rgba(5,20,39,.18));
  transition:background .14s ease,box-shadow .14s ease;
}
.calendar-week-slot .quarter{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  border-top:1px dashed rgba(49,81,113,.23);
  pointer-events:none;
}
.calendar-week-slot .q1{top:25%}
.calendar-week-slot .q2{top:50%}
.calendar-week-slot .q3{top:75%}
.calendar-week-slot.is-drop-target{
  background:linear-gradient(180deg,rgba(22,119,255,.2),rgba(7,46,84,.25));
  box-shadow:inset 0 0 0 1px rgba(51,157,255,.65);
}
.calendar-week-slot.is-drop-target::after{
  content:"";
  position:absolute;
  z-index:9;
  left:0;
  right:0;
  top:var(--drop-minute);
  border-top:2px solid #32a9ff;
  box-shadow:0 0 9px rgba(50,169,255,.66);
  pointer-events:none;
}
.calendar-week-events{
  position:relative;
  z-index:4;
  display:grid;
  gap:4px;
}
.calendar-week-grid .cal-event{
  appearance:none;
  width:100%;
  min-width:0;
  margin:0;
  padding:5px 6px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 8px;
  align-items:center;
  gap:4px;
  text-align:left;
  border:1px solid rgba(55,130,212,.46);
  border-left:3px solid #258dff;
  border-radius:7px;
  background:linear-gradient(90deg,rgba(22,119,255,.22),rgba(8,42,78,.9));
  color:#ddecff;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.calendar-week-grid .cal-event-reel{
  border-left-color:#a76cff;
  background:linear-gradient(90deg,rgba(132,75,230,.25),rgba(49,28,83,.88));
}
.calendar-week-grid .cal-event-video{
  border-left-color:#21d8c7;
  background:linear-gradient(90deg,rgba(22,190,176,.21),rgba(12,62,64,.86));
}
.calendar-week-grid .cal-event.is-published{
  opacity:.58;
}
.calendar-week-grid .cal-event.is-dragging{
  opacity:.3;
}
.calendar-week-grid .cal-event-icon{
  width:18px;
  height:18px;
  border-radius:5px;
  font-size:8px;
}
.calendar-week-grid .cal-event-copy b{
  font-size:9px;
}
.calendar-week-grid .cal-event-copy small{
  font-size:8px;
}
.calendar-week-grid .cal-event-state{
  font-size:7px;
}
.calendar-week-now-line{
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  height:2px;
  background:#ff5964;
  box-shadow:0 0 8px rgba(255,89,100,.58);
  pointer-events:none;
}
.calendar-week-now-line::before{
  content:"";
  position:absolute;
  left:-4px;
  top:-4px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff5964;
}
.calendar-week-now-line span{
  position:absolute;
  left:5px;
  top:-16px;
  padding:1px 4px;
  border-radius:4px;
  background:#7d222b;
  color:#ffe3e5;
  font-size:7px;
}

@media(max-width:760px){
  .shopee-order-popup{
    width:min(470px,calc(100vw - 20px));
  }
  .shopee-popup-product{
    grid-template-columns:42px minmax(0,1fr) auto;
  }
  .shopee-popup-product-image{
    width:42px;
    height:42px;
  }
  .calendar-week-scroll{
    max-height:620px;
  }
}

@media(prefers-reduced-motion:reduce){
  .calendar-week-slot{
    transition:none;
  }
}


/* v1.0.17 — Shopee fulfillment actions + resizable/click-to-create calendar */
.shopee-order-popup-fulfillment{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:12px 0 8px;
  padding-top:10px;
  border-top:1px solid rgba(59,91,122,.58);
}
.shopee-order-popup-fulfillment .btn,
.shopee-order-popup-actions .btn{
  min-height:38px;
  justify-content:center;
}
.shopee-order-popup-fulfillment .btn.success{
  border-color:rgba(41,196,133,.5);
  background:rgba(24,132,91,.18);
  color:#7de9b6;
}
.shopee-order-popup-fulfillment .btn.is-loading{
  opacity:.72;
  cursor:wait;
}
.shopee-shipping-modal .note{
  line-height:1.55;
}
.shopee-ship-section[hidden]{
  display:none !important;
}

.calendar-week-slot{
  overflow:visible;
  cursor:crosshair;
}
.calendar-week-slot:focus-visible{
  outline:2px solid rgba(55,157,255,.8);
  outline-offset:-2px;
  background:rgba(23,103,185,.12);
}
.calendar-week-slot:not(:has(.cal-event)):hover{
  background:linear-gradient(180deg,rgba(25,112,203,.12),rgba(5,20,39,.18));
}
.calendar-week-events{
  position:absolute;
  inset:0 4px;
  z-index:4;
  display:block;
  pointer-events:none;
}
.calendar-week-grid .cal-event{
  --event-start:0%;
  --event-height:52px;
  --event-resize-shift:0px;
  position:absolute;
  z-index:5;
  top:calc(var(--event-start) + var(--event-resize-shift));
  left:calc(var(--event-lane,0) * 4px);
  right:0;
  width:auto;
  height:var(--event-height);
  min-height:34px;
  max-height:468px;
  margin:0;
  overflow:hidden;
  pointer-events:auto;
  align-content:start;
  touch-action:none;
}
.calendar-week-grid .cal-event:hover,
.calendar-week-grid .cal-event:focus-visible{
  z-index:12;
}
.calendar-week-grid .cal-event.is-resizing{
  z-index:30;
  cursor:ns-resize;
  box-shadow:0 8px 26px rgba(0,0,0,.34),0 0 0 2px rgba(60,164,255,.48);
}
.cal-resize-handle{
  position:absolute;
  z-index:35;
  left:10px;
  right:10px;
  height:9px;
  cursor:ns-resize;
  touch-action:none;
}
.cal-resize-handle::after{
  content:"";
  position:absolute;
  left:50%;
  top:3px;
  width:24px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(201,230,255,.42);
  opacity:.55;
  transition:opacity .12s ease,background .12s ease;
}
.cal-resize-handle.is-top{top:0}
.cal-resize-handle.is-bottom{bottom:0}
.cal-event:hover .cal-resize-handle::after,
.cal-event:focus-visible .cal-resize-handle::after,
.cal-event.is-resizing .cal-resize-handle::after{
  opacity:1;
  background:#76c8ff;
}
body.calendar-resizing,
body.calendar-resizing *{
  cursor:ns-resize !important;
  user-select:none !important;
}
.calendar-week-grid .cal-event-copy small[data-resize-label]{
  color:transparent;
  position:relative;
}
.calendar-week-grid .cal-event-copy small[data-resize-label]::after{
  content:attr(data-resize-label);
  position:absolute;
  left:0;
  top:0;
  color:#a9d7ff;
}
.calendar-hour-row[data-calendar-create-slot] .calendar-hour-track{
  cursor:crosshair;
}
.calendar-hour-row[data-calendar-create-slot]:focus-visible .calendar-hour-track{
  outline:2px solid rgba(55,157,255,.8);
  outline-offset:-2px;
}
.calendar-help strong{
  color:#7dc7ff;
}

@media(max-width:760px){
  .shopee-order-popup-fulfillment{
    grid-template-columns:1fr;
  }
  .shopee-order-popup-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .calendar-week-grid .cal-event{
    touch-action:auto;
  }
  .cal-resize-handle{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .cal-resize-handle::after{
    transition:none;
  }
}


/* v1.0.18 — Shopee bulk fulfillment */
.shopee-orders-card{margin-top:12px;overflow:hidden}
.shopee-orders-head{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.shopee-orders-head h3{margin:0 0 4px;font-size:17px}
.shopee-orders-head p{margin:0;color:var(--muted);font-size:13px}
.shopee-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.shopee-selected-count{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.02)}
.shopee-selected-count b{color:var(--text);font-size:14px}
.shopee-orders-table .shopee-check-cell{width:42px;text-align:center}
.shopee-orders-table input[type="checkbox"]{width:16px;height:16px;accent-color:#5b8cff;cursor:pointer}
.shopee-orders-table tbody tr.is-selected{background:rgba(74,128,255,.08)}
.shopee-orders-table tbody tr.is-selected td:first-child{box-shadow:inset 3px 0 0 #5b8cff}
.table-subline{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.shopee-order-thumb{overflow:hidden}
.shopee-order-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.shopee-fulfillment-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap}
.shopee-fulfillment-pill.confirmed{border-color:rgba(34,197,94,.35);color:#45d483;background:rgba(34,197,94,.08)}
.shopee-fulfillment-pill.shipment_requested{border-color:rgba(59,130,246,.4);color:#75a7ff;background:rgba(59,130,246,.09)}
.shopee-row-actions{display:flex;gap:5px}
.shopee-row-actions button{min-width:32px;height:32px}
.shopee-empty-orders{text-align:center!important;color:var(--muted);padding:30px!important}
.shopee-bulk-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.shopee-bulk-summary>span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
.shopee-bulk-summary>span b{font-size:24px}
.shopee-bulk-summary>span small{color:var(--muted)}
.shopee-bulk-summary>span.success{border-color:rgba(34,197,94,.3)}
.shopee-bulk-summary>span.success b{color:#45d483}
.shopee-bulk-summary>span.danger{border-color:rgba(239,68,68,.32)}
.shopee-bulk-summary>span.danger b{color:#ff7b7b}
.shopee-bulk-result-list,.shopee-bulk-plan-list,.shopee-waybill-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px}
.shopee-bulk-result,.shopee-bulk-plan,.shopee-waybill-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}
.shopee-bulk-result>span,.shopee-bulk-plan>span,.shopee-waybill-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(34,197,94,.12);color:#45d483;font-weight:800;flex:0 0 auto}
.shopee-bulk-result>div,.shopee-bulk-plan>div,.shopee-waybill-row>div{min-width:0;flex:1}
.shopee-bulk-result b,.shopee-bulk-plan b,.shopee-waybill-row b{display:block;font-size:13px}
.shopee-bulk-result small,.shopee-bulk-plan small,.shopee-waybill-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px;overflow-wrap:anywhere}
.shopee-bulk-result.failed,.shopee-bulk-plan.warning,.shopee-waybill-row.failed{border-color:rgba(239,68,68,.25)}
.shopee-bulk-result.failed>span,.shopee-bulk-plan.warning>span,.shopee-waybill-row.failed>span{background:rgba(239,68,68,.1);color:#ff7b7b}
.shopee-bulk-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.shopee-bulk-confirm-row>span{color:var(--muted);font-size:12px}

/* v1.0.18 — Google Calendar style drag-to-create */
.calendar-create-range-preview{position:fixed;z-index:9998;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:7px 8px;border:1px solid rgba(75,126,255,.7);border-radius:8px;background:linear-gradient(180deg,rgba(61,110,255,.92),rgba(74,77,230,.92));box-shadow:0 10px 28px rgba(19,43,117,.35),inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;overflow:hidden;animation:calendarRangeIn .12s ease-out}
.calendar-create-range-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.12) 48%,transparent 70%);transform:translateX(-120%);animation:calendarRangeShimmer 1.4s linear infinite}
.calendar-create-range-preview b,.calendar-create-range-preview small{position:relative;z-index:1}
.calendar-create-range-preview b{font-size:12px}
.calendar-create-range-preview small{font-size:10px;color:rgba(255,255,255,.86)}
body.calendar-creating-range{cursor:crosshair;user-select:none}
body.calendar-creating-range [data-calendar-create-slot]{cursor:crosshair}
[data-calendar-create-slot]{cursor:cell}
.calendar-week-slot:hover,.calendar-hour-row:hover .calendar-hour-track{background-color:rgba(80,120,255,.035)}
@keyframes calendarRangeIn{from{opacity:.2;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@keyframes calendarRangeShimmer{to{transform:translateX(140%)}}

@media (max-width:900px){
  .shopee-orders-head{flex-direction:column}
  .shopee-bulk-actions{justify-content:flex-start;width:100%}
  .shopee-bulk-confirm-row{align-items:stretch;flex-direction:column}
}
@media (max-width:620px){
  .shopee-bulk-actions .btn{flex:1 1 calc(50% - 8px)}
  .shopee-selected-count{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .calendar-create-range-preview,.calendar-create-range-preview:before{animation:none}
}

@media (max-width:820px){.facebook-publish-mode{grid-template-columns:1fr}}


.admin-control-center{display:grid;gap:16px}
.admin-control-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(54,132,255,.28);border-radius:18px;background:linear-gradient(135deg,rgba(10,31,61,.96),rgba(12,25,58,.9));box-shadow:0 20px 70px rgba(0,0,0,.22)}
.admin-control-hero:after{content:"";position:absolute;right:-70px;top:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(28,130,255,.2),transparent 68%);pointer-events:none}
.admin-control-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#79c6ff;font-size:11px;font-weight:800;letter-spacing:.14em}
.admin-control-hero h2{margin:0;font-size:28px;letter-spacing:-.03em}
.admin-control-hero p{max-width:760px;margin:8px 0 0;color:var(--muted);line-height:1.65}
.admin-control-hero-status{position:relative;z-index:1;min-width:210px;padding:14px 16px;border:1px solid rgba(40,116,200,.36);border-radius:13px;background:rgba(2,13,31,.56)}
.admin-control-hero-status span{display:flex;align-items:center;gap:8px;font-weight:750}
.admin-control-hero-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.1),0 0 18px rgba(34,197,94,.65)}
.admin-control-hero-status small{display:block;margin-top:6px;color:var(--muted)}
.admin-hub-tabs{display:flex;gap:8px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(5,20,40,.78);scrollbar-width:thin}
.admin-hub-tab{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted)}
.admin-hub-tab span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.04)}
.admin-hub-tab.active{border-color:rgba(37,133,255,.55);background:linear-gradient(135deg,rgba(16,99,227,.22),rgba(40,80,190,.1));color:#fff;box-shadow:inset 0 0 24px rgba(28,120,255,.08)}
.admin-hub-content{min-width:0}
.admin-control-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.admin-control-kpi{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:15px}
.admin-control-kpi>span{grid-row:1/4;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(35,119,255,.12);border:1px solid rgba(35,119,255,.22);font-size:17px}
.admin-control-kpi small,.admin-control-kpi em{color:var(--muted);font-size:11px}
.admin-control-kpi strong{font-size:21px;line-height:1.15}
.admin-control-kpi em{color:#79a8d6}
.admin-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.admin-control-panel{padding:18px;min-width:0}
.admin-control-panel-wide{grid-column:1/-1}
.admin-control-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.admin-control-panel-head h3{margin:0;font-size:16px}
.admin-control-panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.admin-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-health-item{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#06182e;text-align:left}
.admin-health-item>span{display:flex;justify-content:space-between;gap:12px;align-items:center}
.admin-health-item b{font-size:12px}.admin-health-item strong{font-size:14px}
.admin-health-item>i,.admin-api-bar>i{display:block;height:6px;margin:11px 0 6px;border-radius:999px;background:#102844;overflow:hidden}
.admin-health-item>i em,.admin-api-bar>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1878ff,#14c5ff)}
.admin-health-item>small{color:var(--muted)}
.admin-user-activity-list,.admin-audit-mini{display:grid;gap:8px}
.admin-user-activity-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:#06172c;text-align:left}
.admin-user-activity-row:hover{border-color:#245487;background:#09203c}
.admin-user-activity-row .grow{display:grid;min-width:0}
.admin-user-activity-row .grow small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.admin-usage-mini{display:grid;text-align:right}.admin-usage-mini small{color:var(--muted);font-size:10px}
.admin-audit-mini>div{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(70,105,145,.17)}
.admin-audit-mini>div:last-child{border-bottom:0}
.admin-audit-mini>div>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--green)}
.admin-audit-mini>div>span.danger{background:var(--red)}
.admin-audit-mini p{display:grid;margin:0}.admin-audit-mini small{margin-top:3px;color:var(--muted)}
.admin-feature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}
.admin-feature-toolbar h3{margin:0}.admin-feature-toolbar p{margin:5px 0 0;color:var(--muted);line-height:1.55}
.admin-feature-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-feature-group{margin-top:12px;padding:17px}
.admin-feature-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-feature-group-head h3{margin:0}
.admin-feature-group-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.admin-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.admin-feature-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#06182e}
.admin-feature-row.disabled{opacity:.7;background:#08131f}
.admin-feature-info{display:grid;gap:3px;min-width:0;flex:1}
.admin-feature-info b{font-size:13px}.admin-feature-info small{color:var(--muted);line-height:1.45}.admin-feature-info code{color:#74b8ff;font-size:10px}
.admin-feature-toggle{position:relative;flex:0 0 auto;width:48px;height:27px;padding:0;border:1px solid #315273;border-radius:999px;background:#10243b}
.admin-feature-toggle:after{content:"";position:absolute;left:4px;top:4px;width:17px;height:17px;border-radius:50%;background:#7890a9;transition:.2s}
.admin-feature-toggle.on{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.55)}
.admin-feature-toggle.on:after{left:25px;background:#56e787;box-shadow:0 0 12px rgba(34,197,94,.45)}
.admin-feature-state{font-size:11px;font-weight:800;color:#ff8383}.admin-feature-row:not(.disabled) .admin-feature-state{color:#66e996}
.admin-users-card{margin-top:12px}
.admin-data-note{display:grid;gap:3px}.admin-data-note small{color:var(--muted)}
.admin-user-metrics{display:grid;gap:3px;font-size:11px;color:var(--muted)}
.admin-user-metrics b{color:var(--text)}
.admin-user-feature-button{white-space:nowrap}
.admin-user-permission-intro{display:flex;align-items:center;gap:10px}
.admin-user-permission-intro>div{display:grid}.admin-user-permission-intro small{color:var(--muted)}
.admin-user-feature-editor{display:grid;gap:14px;margin-top:14px;max-height:52vh;overflow:auto;padding-right:4px}
.admin-user-feature-editor section{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.admin-user-feature-editor h3{margin:0;padding:11px 13px;background:#081d38;font-size:13px}
.admin-user-feature-line{display:grid;grid-template-columns:minmax(180px,1fr) 120px minmax(150px,180px);gap:10px;align-items:center;padding:10px 13px;border-top:1px solid rgba(60,100,140,.2)}
.admin-user-feature-line>span:first-child{display:grid}.admin-user-feature-line small{color:var(--muted)}
.admin-user-effective{font-size:11px;font-weight:750}.admin-user-effective.on{color:#5bea91}.admin-user-effective.off{color:#ff7b7b}
.admin-audit-panel{overflow:hidden}
.admin-empty,.admin-detail-empty{padding:22px;color:var(--muted);text-align:center}

.admin-user-detail-backdrop{align-items:stretch;padding:22px}
.admin-user-detail-modal{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(1240px,100%);height:calc(100vh - 44px);margin:auto;border:1px solid #245079;border-radius:18px;background:#041328;box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}
.admin-user-detail-modal.loading{display:grid;place-items:center;height:min(420px,calc(100vh - 44px))}
.admin-user-detail-loading{display:grid;place-items:center;gap:9px;text-align:center}.admin-user-detail-loading small{color:var(--muted)}
.admin-user-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#071c36,#07172c)}
.admin-user-detail-identity{display:flex;align-items:center;gap:12px;min-width:0}
.admin-user-detail-identity .avatar{width:45px;height:45px;font-size:17px}
.admin-user-detail-identity>div{min-width:0}
.admin-user-detail-identity small{color:#6bbaff;font-size:10px;font-weight:800;letter-spacing:.12em}
.admin-user-detail-identity h2{margin:2px 0;font-size:20px}
.admin-user-detail-identity p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-detail-head-actions{display:flex;align-items:center;gap:10px}
.admin-user-detail-tabs{display:flex;gap:6px;overflow:auto;padding:8px 12px;border-bottom:1px solid var(--line);background:#05172d}
.admin-user-detail-tabs button{flex:0 0 auto;min-height:35px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:750}
.admin-user-detail-tabs button.active{border-color:#2c79d2;background:rgba(24,113,230,.17);color:#fff}
.admin-user-detail-body{overflow:auto;padding:16px}
.admin-detail-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}
.admin-detail-kpis.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-detail-kpis article{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#06182e}
.admin-detail-kpis article>span{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(20,114,245,.12);color:#6eb9ff}
.admin-detail-kpis article small{color:var(--muted);font-size:10px}.admin-detail-kpis article b{font-size:14px;overflow:hidden;text-overflow:ellipsis}
.admin-detail-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-detail-section{padding:15px;border:1px solid var(--line);border-radius:14px;background:#06172c;min-width:0;margin-bottom:12px}
.admin-detail-overview-grid .admin-detail-section{margin-bottom:0}
.admin-detail-span{grid-column:1/-1}
.admin-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-detail-section-head h3{margin:0;font-size:15px}.admin-detail-section-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.admin-detail-profile{display:grid;gap:0;margin:0}
.admin-detail-profile>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(65,105,145,.18)}
.admin-detail-profile>div:last-child{border-bottom:0}
.admin-detail-profile dt{color:var(--muted)}.admin-detail-profile dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}
.admin-detail-feed{display:grid;gap:8px}.admin-detail-feed.horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-detail-feed>div{display:flex;gap:9px;align-items:flex-start;padding:9px;border-radius:10px;background:#071d37}
.admin-detail-feed>div>span{color:#6ab8ff}.admin-detail-feed p{display:grid;margin:0;min-width:0}.admin-detail-feed small{margin-top:3px;color:var(--muted);line-height:1.45}
.admin-detail-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-detail-table-wrap{max-height:420px}
.admin-detail-table{font-size:12px}.admin-detail-table th{position:sticky;top:0;z-index:1;background:#071b34}
.admin-detail-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.admin-detail-permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-detail-permissions-grid article{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#071b34}
.admin-detail-permissions-grid article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(239,68,68,.1);color:#ff7f7f}
.admin-detail-permissions-grid article.on>span{background:rgba(34,197,94,.12);color:#66eb96}
.admin-detail-permissions-grid article>div{display:grid;min-width:0}.admin-detail-permissions-grid small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.admin-api-bars{display:grid;gap:9px}.admin-api-bar>span{display:flex;justify-content:space-between;gap:12px;font-size:12px}.admin-api-bar>span strong{color:#7fc2ff}
.admin-api-bar>i{margin:6px 0 0}
.admin-user-detail-modal code{padding:2px 5px;border-radius:5px;background:#020d1d;color:#91cbff}

@media(max-width:1180px){
  .admin-control-kpis,.admin-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-detail-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .admin-control-hero{align-items:flex-start;flex-direction:column}
  .admin-control-hero-status{width:100%}
  .admin-control-grid,.admin-detail-overview-grid,.admin-detail-split{grid-template-columns:1fr}
  .admin-detail-span{grid-column:auto}
  .admin-feature-grid{grid-template-columns:1fr}
  .admin-user-feature-line{grid-template-columns:1fr}
  .admin-user-effective{margin-top:-4px}
  .admin-user-detail-backdrop{padding:8px}
  .admin-user-detail-modal{height:calc(100vh - 16px);border-radius:13px}
  .admin-user-detail-head{padding:13px}
  .admin-user-detail-body{padding:10px}
  .admin-detail-kpis,.admin-detail-kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-detail-permissions-grid,.admin-detail-feed.horizontal{grid-template-columns:1fr}
}
@media(max-width:560px){
  .admin-control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-health-grid{grid-template-columns:1fr}
  .admin-feature-toolbar{align-items:flex-start;flex-direction:column}
  .admin-user-detail-identity .avatar{display:none}
  .admin-user-detail-head-actions .badge{display:none}
  .admin-detail-profile>div{grid-template-columns:1fr;gap:3px}
}

.admin-feature-group-head>div{display:flex;align-items:center;gap:10px}
.admin-feature-group-head>div:last-child{justify-content:flex-end;flex-wrap:wrap}
.admin-feature-group-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(30,123,245,.25);border-radius:10px;background:rgba(30,123,245,.1);color:#79c4ff}
.admin-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.admin-feature-row.is-disabled{opacity:.72;background:#08131f}
.admin-feature-main{display:grid;gap:3px;min-width:0;flex:1}
.admin-feature-main b{font-size:13px}.admin-feature-main small{color:var(--muted);line-height:1.45}
.admin-feature-route{color:#69b7ff;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.admin-feature-meta{display:grid;gap:4px;justify-items:end;min-width:90px;color:var(--muted);font-size:10px}
.admin-feature-meta a{color:#70bfff}.admin-feature-meta a:hover{text-decoration:underline}
.admin-feature-switch{position:relative;display:grid;grid-template-columns:26px auto;align-items:center;gap:7px;min-width:113px;height:34px;padding:0 8px;border:1px solid #315273;border-radius:999px;background:#10243b;color:#a8b7c9}
.admin-feature-switch i{position:relative;width:26px;height:17px;border-radius:999px;background:#213b56}
.admin-feature-switch i:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#7890a9;transition:.2s}
.admin-feature-switch span{font-size:10px;font-weight:800}
.admin-feature-switch.on{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.12);color:#68e99a}
.admin-feature-switch.on i{background:rgba(34,197,94,.25)}
.admin-feature-switch.on i:after{left:12px;background:#64eb98}
@media(max-width:900px){.admin-feature-list{grid-template-columns:1fr}.admin-feature-row{flex-wrap:wrap}.admin-feature-meta{justify-items:start}.admin-feature-switch{margin-left:auto}}

/* v1.0.23 — pricing, subscriptions, billing and realtime admin center */
.admin-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-plan-card{padding:17px;position:relative}.admin-plan-card.disabled{opacity:.65}.admin-plan-card header,.admin-plan-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-plan-card header h3{margin:3px 0 0;font-size:19px}.admin-plan-card header small{color:#6dbaff;font-size:9px;letter-spacing:.14em}.admin-plan-card footer{margin-top:14px;justify-content:flex-start;flex-wrap:wrap}.admin-plan-price{display:block;margin:16px 0;font-size:25px;color:#fff}.admin-plan-price small{font-size:11px;color:var(--muted)}.admin-plan-limits{display:grid;gap:7px}.admin-plan-limits span{display:flex;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid rgba(66,107,148,.2);color:var(--muted);font-size:11px}.admin-plan-limits b{color:var(--text)}.admin-realtime-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:13px 16px;border:1px solid rgba(34,197,94,.3);border-radius:13px;background:rgba(34,197,94,.06)}.admin-realtime-head>div{display:flex;align-items:center;gap:9px}.admin-realtime-head small{color:var(--muted)}.admin-realtime-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:12px}.admin-realtime-chart svg{display:block;width:100%;height:310px;padding:10px 16px 18px}.admin-alert-panel{min-width:0}.admin-alert-list{display:grid;gap:7px;max-height:330px;overflow:auto;padding:0 12px 12px}.admin-alert-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#06172c;text-align:left}.admin-alert-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(245,158,11,.13);color:#ffc257;font-weight:900}.admin-alert-row.critical{border-color:rgba(239,68,68,.35)}.admin-alert-row.critical>span{background:rgba(239,68,68,.14);color:#ff7f7f}.admin-alert-row div{display:grid;min-width:0}.admin-alert-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.admin-users-card+.admin-audit-panel{margin-top:12px}
@media(max-width:1180px){.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-realtime-grid{grid-template-columns:1fr}}
@media(max-width:700px){.admin-plan-grid{grid-template-columns:1fr}.admin-realtime-head{align-items:flex-start;flex-direction:column}.admin-realtime-head>div{align-items:flex-start;flex-wrap:wrap}.admin-realtime-chart svg{height:230px}.admin-plan-card footer .btn{flex:1}.admin-alert-row{grid-template-columns:30px minmax(0,1fr)}.admin-alert-row>.badge{grid-column:2}}

/* Responsive hardening: mobile, tablet and desktop */
@media(max-width:1024px){.admin-content{padding-left:14px;padding-right:14px}.admin-hub-tabs{position:relative;max-width:100%}.admin-users-control-table{min-width:980px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .22s ease}.sidebar.open{transform:translateX(0);box-shadow:20px 0 70px rgba(0,0,0,.55)}.topbar{left:0}.content{margin-left:0}.menu-toggle{display:grid}.admin-area-title small{max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-topbar>.btn.ghost{padding:0 10px}.page-head{flex-wrap:wrap}.page-actions{width:100%;margin-left:0}.page-actions .btn{flex:1 1 180px}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:560px){.admin-content{padding:calc(var(--top) + 10px) 8px 85px}.admin-control-center{gap:10px}.admin-control-hero{padding:17px}.admin-control-hero h2{font-size:22px}.admin-hub-tabs{margin:0 -2px}.admin-hub-tab{min-height:38px;padding:0 10px}.admin-hub-tab span{display:none}.admin-plan-price{font-size:22px}.admin-realtime-head small{width:100%}.topbar .admin-area-title{min-width:0}.topbar .env{display:none}}


/* v1.0.27 — automated billing, renewal and anomaly-response center */
.billing-overview{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.35fr);gap:22px;align-items:center;padding:22px;margin-bottom:14px;overflow:hidden}
.billing-overview-copy{display:grid;gap:9px}.billing-overview-copy h3{margin:0;font-size:22px}.billing-overview-copy p{margin:0;color:var(--muted);line-height:1.6}
.billing-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#6dbaff}
.billing-renew-toggle{display:flex;align-items:center;gap:11px;margin-top:8px;padding:11px 13px;border:1px solid rgba(37,167,255,.28);border-radius:12px;background:rgba(37,167,255,.06);cursor:pointer}
.billing-renew-toggle input{width:18px;height:18px;accent-color:#25a7ff}.billing-renew-toggle span{display:grid;gap:2px}.billing-renew-toggle b{font-size:12px}.billing-renew-toggle small{color:var(--muted);line-height:1.4}
.billing-renew-toggle.modal-toggle{margin:12px 0}.billing-renew-toggle.full{grid-column:1/-1}
.billing-flow-wrap{min-width:0;padding:8px;border:1px solid rgba(139,92,246,.22);border-radius:14px;background:linear-gradient(135deg,rgba(37,167,255,.05),rgba(139,92,246,.07))}
.billing-flow-svg{display:block;width:100%;height:auto;min-height:128px}.billing-flow-line{fill:none;stroke:url(#billingFlowGradient);stroke-width:3;stroke-linecap:round;opacity:.75}
.billing-flow-node circle{fill:#071a31;stroke:#5b79a3;stroke-width:2}.billing-flow-node .billing-flow-node-inner{fill:#0c2441;stroke:#25a7ff;stroke-width:1}
.billing-flow-node text{fill:#fff;font-size:16px;font-weight:900}.billing-flow-node .billing-flow-label{fill:#9fb2c9;font-size:10px;font-weight:800}
.billing-latest{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:10px;margin-bottom:14px;padding:14px 17px}.billing-latest>div{display:grid;gap:4px;min-width:0}.billing-latest small{color:var(--muted);font-size:9px;letter-spacing:.08em}.billing-latest b,.billing-latest strong{overflow:hidden;text-overflow:ellipsis}
.price-card.current-plan{border-color:rgba(37,167,255,.5);box-shadow:inset 0 0 0 1px rgba(37,167,255,.12)}.price-card button:disabled{opacity:.55;cursor:not-allowed}
.billing-history-user{margin-top:14px}.billing-checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.billing-checkout-summary>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#07192d}.billing-checkout-summary small{color:var(--muted);font-size:9px}.billing-checkout-summary strong{color:#72e8ac}
.billing-flow-modal{margin:13px 0;overflow-x:auto}.billing-flow-modal .billing-flow-svg{min-width:620px}
.admin-billing-automation{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(420px,1.4fr);gap:18px;align-items:center;padding:18px;margin-bottom:12px}.admin-billing-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.admin-billing-stats span{padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px}.admin-billing-stats b{color:var(--text)}
.security-automation-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px;margin-bottom:12px;border-color:rgba(245,158,11,.24)}
.security-automation-copy{display:grid;gap:5px}.security-automation-copy h3{margin:0;font-size:16px}.security-automation-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.security-automation-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.security-checks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.security-checks label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.security-checks input{accent-color:#25a7ff}
.admin-alert-row{grid-template-columns:30px minmax(0,1fr) auto}.admin-alert-row .admin-alert-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(245,158,11,.13);color:#ffc257;font-weight:900}.admin-alert-row.critical .admin-alert-icon{background:rgba(239,68,68,.14);color:#ff7f7f}
.admin-alert-main{display:grid;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.admin-alert-main small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-alert-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
@media(max-width:1050px){.billing-overview,.admin-billing-automation{grid-template-columns:1fr}.security-automation-card{grid-template-columns:1fr}.security-automation-badges{justify-content:flex-start}}
@media(max-width:700px){.billing-overview{padding:15px}.billing-flow-wrap{overflow-x:auto}.billing-flow-wrap .billing-flow-svg{min-width:620px}.billing-latest{grid-template-columns:1fr 1fr}.billing-checkout-summary{grid-template-columns:1fr}.admin-alert-row{grid-template-columns:30px minmax(0,1fr)}.admin-alert-actions{grid-column:2;justify-content:flex-start}}

/* v1.0.27 merge: v1.0.29 AI automation motion-always-on */
.motion-always-on .network-data-grid{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  opacity:.3;
  background-image:
    linear-gradient(rgba(35,121,214,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,121,214,.16) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 4%,#000 30%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent 4%,#000 30%,#000 82%,transparent);
  animation:dataGridDrift 9s linear infinite;
}
.motion-always-on .network-data-grid:after{
  content:"";
  position:absolute;
  inset:-45% 0;
  background:linear-gradient(to bottom,transparent 42%,rgba(34,210,255,.2) 49%,rgba(103,74,255,.3) 50%,transparent 57%);
  animation:gridScanner 4.8s ease-in-out infinite;
}
.motion-always-on .network-realtime{
  position:absolute;
  right:14px;
  top:12px;
  z-index:7;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(48,221,169,.3);
  border-radius:999px;
  background:rgba(2,24,42,.8);
  box-shadow:0 0 18px rgba(31,225,171,.07);
  font-size:8px;
  letter-spacing:.7px;
}
.motion-always-on .network-realtime i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#34efa6;
  box-shadow:0 0 9px #34efa6;
  animation:realtimeBlink 1.35s ease-in-out infinite;
}
.motion-always-on .network-realtime span{color:#55f2ba;font-weight:800}
.motion-always-on .network-realtime b{color:#6d8faa;font-size:7px}
.motion-always-on .ai-orbit{
  position:absolute;
  inset:-14px;
  border:1px solid rgba(70,165,255,.36);
  border-radius:50%;
  animation:aiOrbitSpin 6s linear infinite;
}
.motion-always-on .ai-orbit-two{
  inset:-23px;
  border-style:dashed;
  border-color:rgba(173,83,255,.4);
  animation-duration:9s;
  animation-direction:reverse;
}
.motion-always-on .ai-orbit i{
  position:absolute;
  left:50%;
  top:-3px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#51d9ff;
  box-shadow:0 0 8px 2px #328cff;
}
.motion-always-on .ai-orbit-two i{
  left:auto;
  right:7px;
  top:7px;
  width:6px;
  height:6px;
  background:#bc5cff;
  box-shadow:0 0 9px 2px #963eff;
}
.motion-always-on .network-flow-map path{
  filter:drop-shadow(0 0 5px currentColor);
}
.motion-always-on .flow-route{
  stroke-width:2.2;
  stroke-dasharray:3 8;
  opacity:.9;
  animation:flowRoute 2.4s linear infinite,routeGlow 1.7s ease-in-out infinite;
}
.motion-always-on .feedback-route{
  stroke-width:2.1;
  stroke-dasharray:4 7;
  opacity:.88;
  animation:feedbackRoute 3s linear infinite,routeGlow 1.9s ease-in-out infinite;
}
.motion-always-on .signal-pulse{
  fill:none;
  stroke:currentColor;
  stroke-width:7!important;
  stroke-dasharray:2 188;
  stroke-linecap:round;
  opacity:1;
  filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 11px currentColor);
  animation:signalToCore 1.65s linear infinite;
}
.motion-always-on .signal-pulse.downlink{
  stroke-dasharray:2 143;
  animation-name:signalToData;
  animation-duration:1.9s;
}
.motion-always-on .signal-pulse.route-violet{animation-delay:-.3s}
.motion-always-on .signal-pulse.route-cyan{animation-delay:-.6s}
.motion-always-on .signal-pulse.route-orange{animation-delay:-.9s}
.motion-always-on .signal-pulse.route-purple{animation-delay:-1.2s}
@keyframes aiOrbitSpin{to{transform:rotate(360deg)}}
@keyframes signalToCore{to{stroke-dashoffset:382}}
@keyframes signalToData{to{stroke-dashoffset:-292}}
@keyframes routeGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes dataGridDrift{to{background-position:34px 34px,34px 34px}}
@keyframes gridScanner{0%,100%{transform:translateY(-35%);opacity:.25}50%{transform:translateY(35%);opacity:.75}}
@keyframes realtimeBlink{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@media(max-width:760px){
  .motion-always-on.automation-map-card{overflow:hidden}
  .motion-always-on .automation-network{width:100%;min-width:0;min-height:272px;padding:82px 6px 55px}
  .motion-always-on .automation-nodes{min-width:0;gap:7px}
  .motion-always-on .automation-node{min-height:106px;padding:7px 2px;border-radius:9px}
  .motion-always-on .automation-node-icon{width:38px;height:38px}
  .motion-always-on .automation-node-icon svg{width:34px;height:34px;stroke-width:2.5}
  .motion-always-on .automation-node b{font-size:9px}
  .motion-always-on .automation-node small{font-size:8px}
  .motion-always-on .node-flow-arrow{--arrow-distance:7px;height:14px}
  .motion-always-on .node-flow-arrow:before{left:0;right:0;top:6px}
  .motion-always-on .node-flow-arrow:after{right:0;top:3px;width:6px;height:6px}
  .motion-always-on .network-ai-core{top:9px;transform:translateX(-50%) scale(.84)}
  .motion-always-on .network-realtime{right:7px;top:7px;padding:5px}
  .motion-always-on .network-realtime b{display:none}
  .motion-always-on .continuous-data-pill{bottom:9px;min-width:190px;height:31px;font-size:10px}
  .motion-always-on .network-socials{left:8px;bottom:11px;transform:scale(.78);transform-origin:left center}
}
/* This live automation status visualization intentionally stays animated. */
@media(prefers-reduced-motion:reduce){
  .motion-always-on .flow-route{animation:flowRoute 2.4s linear infinite,routeGlow 1.7s ease-in-out infinite!important}
  .motion-always-on .feedback-route{animation:feedbackRoute 3s linear infinite,routeGlow 1.9s ease-in-out infinite!important}
  .motion-always-on .signal-pulse{animation:signalToCore 1.65s linear infinite!important}
  .motion-always-on .signal-pulse.downlink{animation:signalToData 1.9s linear infinite!important}
  .motion-always-on .network-ai-core:before,
  .motion-always-on .network-ai-core:after{animation:corePulse 2.2s ease-in-out infinite!important}
  .motion-always-on .network-ai-core:after{animation-delay:.5s!important}
  .motion-always-on .network-ai-core svg{animation:chipGlow 2.4s ease-in-out infinite!important}
  .motion-always-on .ai-orbit{animation:aiOrbitSpin 6s linear infinite!important}
  .motion-always-on .ai-orbit-two{animation-duration:9s!important;animation-direction:reverse!important}
  .motion-always-on .network-data-grid{animation:dataGridDrift 9s linear infinite!important}
  .motion-always-on .network-data-grid:after{animation:gridScanner 4.8s ease-in-out infinite!important}
  .motion-always-on .network-realtime i{animation:realtimeBlink 1.35s ease-in-out infinite!important}
  .motion-always-on .automation-node-icon{animation:nodeFloat 3.8s ease-in-out infinite,nodeNeon 2.8s ease-in-out infinite!important}
  .motion-always-on .node-flow-arrow:before{animation:arrowWave 1.55s linear infinite!important}
  .motion-always-on .node-flow-arrow:after{animation:arrowHead 1.55s ease-in-out infinite!important}
  .motion-always-on .continuous-data-pill span{animation:spinSlow 3s linear infinite!important}
}
.motion-always-on .network-flow-map path,
.motion-always-on .network-ai-core svg,
.motion-always-on .ai-orbit,
.motion-always-on .automation-node-icon{
  animation-play-state:running!important;
  will-change:transform,opacity,filter,stroke-dashoffset;
}

/* v1.0.30 — topbar status, notifications and explicit logout */
.notification-button{font-size:17px;line-height:1}
.notification-button>span{display:grid;place-items:center;filter:drop-shadow(0 0 5px rgba(255,199,63,.25))}
.logout-button{min-width:88px;justify-content:center;border-color:#294c72;background:linear-gradient(180deg,rgba(13,43,76,.92),rgba(7,27,52,.96));color:#dcecff;font-weight:750}
.logout-button:hover{border-color:#4a8dcc;background:#0d3158}
@media(max-width:600px){
  .topbar .logout-button span{display:inline}
  .logout-button{min-width:72px;padding-left:9px;padding-right:9px;font-size:11px}
  .notification-button{flex:0 0 36px}
  .admin-topbar .logout-button{display:inline-flex}
}

/* Facebook & Fanpage — reference-matched automation experience */
.facebook-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.facebook-kpi{min-height:98px;padding:14px 15px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;background:radial-gradient(circle at 16% 50%,rgba(30,112,255,.12),transparent 32%),linear-gradient(145deg,#08213d,#06172d)!important}.facebook-kpi-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#9dc1ff;background:rgba(27,98,194,.23);box-shadow:inset 0 0 18px rgba(80,140,255,.12),0 0 20px rgba(35,117,255,.08)}.facebook-kpi-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.facebook-kpi-icon .fb-fill{fill:#2376f3;stroke:#57a1ff}.facebook-kpi-icon .icon-fill{fill:#fff;stroke:none}.facebook-kpi>div small,.facebook-kpi>div strong,.facebook-kpi em small{display:block}.facebook-kpi>div small{color:#a3b4c9;font-size:11px}.facebook-kpi>div strong{margin-top:4px;font-size:28px;line-height:1}.facebook-kpi em{align-self:end;color:#35e891;font-size:10px;font-style:normal;font-weight:800}.facebook-kpi em small{margin-top:7px;color:#71879f;font-size:8px;font-weight:500;white-space:nowrap}.facebook-kpi.cyan .facebook-kpi-icon{color:#7ae7ff;background:rgba(15,128,181,.2)}.facebook-kpi.violet .facebook-kpi-icon{color:#b8a5ff;background:rgba(89,62,193,.22)}.facebook-kpi.orange .facebook-kpi-icon{color:#ffb323;background:rgba(181,114,14,.18)}.facebook-kpi.orange em{color:#ff9d20}
.facebook-feature-grid{display:grid;grid-template-columns:minmax(370px,.95fr) minmax(500px,1.35fr);gap:12px;margin-bottom:12px}.facebook-automation,.facebook-reply-flow{padding:14px;background:linear-gradient(155deg,rgba(5,26,49,.99),rgba(3,18,35,.99))!important}.facebook-section-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.facebook-section-head>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;color:#77c9ff}.facebook-section-head>span>svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.facebook-section-head h3{margin:0;font-size:15px}.facebook-section-head p{margin:3px 0 0;color:#8297b0;font-size:10px}.facebook-automation-list{display:grid;gap:5px}.facebook-automation-row{min-height:60px;padding:8px 9px;display:grid;grid-template-columns:38px minmax(0,1fr) 42px 68px;align-items:center;gap:10px;border:1px solid #173d61;border-radius:10px;background:linear-gradient(90deg,rgba(7,31,57,.95),rgba(5,25,47,.92));transition:.2s}.facebook-automation-row:hover{border-color:#2867a1;transform:translateX(2px)}.facebook-row-icon{width:34px;height:34px;display:grid;place-items:center;color:#a9c8ff}.facebook-row-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.facebook-row-icon .fb-fill{fill:#2678f2;stroke:#3e92ff}.facebook-row-icon .icon-fill{fill:#fff;stroke:none}.facebook-automation-row:nth-child(3) .facebook-row-icon{color:#fff}.facebook-automation-row:nth-child(4) .facebook-row-icon{color:#d8e8ff}.facebook-automation-row b,.facebook-automation-row small{display:block}.facebook-automation-row b{font-size:12px}.facebook-automation-row small{margin-top:3px;color:#8095ad;font-size:9px}.facebook-automation-row .switch{justify-self:center}.facebook-automation-row .btn{height:30px;color:#78aaff;border-color:#1261bb}
.flow-head-plus{position:relative!important;border:2px solid #c8dcff;border-radius:50%;font-size:23px;font-weight:300}.flow-head-plus i{position:absolute;right:-4px;bottom:1px;width:8px;height:8px;border-radius:50%;background:#2b8cff;box-shadow:0 0 8px #2b8cff}.facebook-flow-steps{min-height:177px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:6px;padding:10px 0}.facebook-flow-step{display:grid;justify-items:center;gap:9px;text-align:center}.facebook-flow-step>span{width:70px;height:70px;border:1px solid #1767bb;border-radius:14px;display:grid;place-items:center;color:#a9c9ff;background:radial-gradient(circle,#12396d,#071c38 67%);box-shadow:inset 0 0 18px rgba(62,135,255,.12),0 0 20px rgba(29,105,255,.08)}.facebook-flow-step>span svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.facebook-flow-step>span .fb-fill{fill:#2677ef;stroke:#4c9aff}.facebook-flow-step>span .icon-fill{fill:white;stroke:none}.facebook-flow-step b{font-size:11px;line-height:1.5}.facebook-flow-step.violet>span{color:#d268ff;border-color:#7131a8;background:radial-gradient(circle,rgba(129,44,165,.5),#151441 70%)}.facebook-flow-step.cyan>span{color:#2de7ed;border-color:#087e87;background:radial-gradient(circle,rgba(0,121,139,.38),#071d38 70%)}.facebook-flow-step.green>span{color:#65e77b;border-color:#26873e;background:radial-gradient(circle,rgba(28,130,55,.35),#082637 70%)}.facebook-step-arrow{color:#d6e6fa;font-size:22px;font-style:normal;filter:drop-shadow(0 0 6px #418dff);animation:facebookArrow 1.25s ease-in-out infinite}.facebook-reply-flow footer{min-height:34px;border:1px solid #123a5d;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7690aa;font-size:9px;background:rgba(3,20,39,.65)}
.facebook-live-tech{position:relative;min-height:210px;margin-bottom:12px;overflow:hidden;padding:15px;background:radial-gradient(circle at 27% 53%,rgba(26,97,255,.17),transparent 31%),radial-gradient(circle at 70% 47%,rgba(119,55,255,.12),transparent 35%),#04162d!important}.facebook-live-tech:before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(40,123,212,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(40,123,212,.16) 1px,transparent 1px);background-size:30px 30px;animation:facebookGrid 7s linear infinite}.facebook-live-tech>header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.facebook-live-tech header small{color:#36cfff;font-size:8px;letter-spacing:1.8px}.facebook-live-tech header h3{margin:3px 0 0;font-size:15px}.facebook-live-state{padding:6px 9px;border:1px solid rgba(41,232,147,.35);border-radius:20px;color:#52efa9;font-size:8px;background:rgba(3,39,44,.62)}.facebook-live-state i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#2def93;box-shadow:0 0 9px #2def93;animation:facebookLive 1.3s ease-in-out infinite}.facebook-live-grid{position:relative;z-index:2;min-height:145px;display:grid;grid-template-columns:180px 1fr 310px;align-items:center;gap:20px}.facebook-data-core{position:relative;width:92px;height:92px;margin:auto;border:1px solid #2e8cff;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#1554c3,#292093);box-shadow:0 0 35px rgba(31,116,255,.32),inset 0 0 24px rgba(58,203,255,.18)}.facebook-data-core>b{font-size:29px;text-shadow:0 0 10px #62d7ff}.facebook-data-core>small{position:absolute;bottom:10px;color:#9cd9ff;font-size:6px;letter-spacing:1px}.data-orbit{position:absolute;inset:-14px;border:1px dashed rgba(76,180,255,.48);border-radius:29px;animation:facebookOrbit 5s linear infinite}.data-orbit.two{inset:-25px;border-color:rgba(160,80,255,.42);animation-duration:8s;animation-direction:reverse}.data-orbit i{position:absolute;left:50%;top:-3px;width:7px;height:7px;border-radius:50%;background:#4ee4ff;box-shadow:0 0 9px #4ee4ff}.data-orbit.two i{left:auto;right:8px;top:8px;background:#b458ff}.facebook-signal-board{position:relative;height:105px;overflow:hidden;border-block:1px solid rgba(39,106,174,.3);background:linear-gradient(180deg,rgba(3,20,43,.22),rgba(13,48,84,.22))}.facebook-signal-board:before,.facebook-signal-board:after{content:"";position:absolute;left:0;right:0;height:2px;top:31%;background:linear-gradient(90deg,transparent,#22d6ff,transparent);background-size:40% 100%;animation:facebookSignal 1.7s linear infinite;filter:drop-shadow(0 0 5px #22d6ff)}.facebook-signal-board:after{top:68%;background:linear-gradient(90deg,transparent,#9d5cff,transparent);background-size:45% 100%;animation-delay:-.8s}.facebook-signal-board>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#58e9ff;box-shadow:0 0 8px #58e9ff;animation:facebookPacket 2.3s linear infinite}.facebook-signal-board>i:nth-child(1){top:18%;animation-delay:-.2s}.facebook-signal-board>i:nth-child(2){top:36%;animation-delay:-1.1s}.facebook-signal-board>i:nth-child(3){top:52%;animation-delay:-1.8s}.facebook-signal-board>i:nth-child(4){top:72%;animation-delay:-.7s;background:#ba65ff}.facebook-signal-board>i:nth-child(5){top:85%;animation-delay:-1.5s;background:#35e99a}.facebook-signal-board>i:nth-child(6){top:8%;animation-delay:-2s;background:#ffae3d}.scan-line{position:absolute;inset:0 auto 0 0;width:80px;background:linear-gradient(90deg,transparent,rgba(49,161,255,.12),transparent);animation:facebookScan 3s linear infinite}.facebook-live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.facebook-live-stats>div{min-height:67px;padding:10px;border:1px solid #164368;border-radius:9px;background:rgba(4,26,50,.8)}.facebook-live-stats small,.facebook-live-stats b{display:block}.facebook-live-stats small{color:#7f98b2;font-size:8px}.facebook-live-stats b{margin-top:8px;color:#55d9ff;font-size:20px}
@keyframes facebookArrow{50%{transform:translateX(4px);color:#fff}}@keyframes facebookGrid{to{background-position:30px 30px}}@keyframes facebookLive{50%{opacity:.35;transform:scale(.75)}}@keyframes facebookOrbit{to{transform:rotate(360deg)}}@keyframes facebookSignal{to{background-position:250% 0}}@keyframes facebookPacket{from{left:-2%}to{left:102%}}@keyframes facebookScan{to{left:calc(100% - 20px)}}

@media(min-width:1281px){
  .pricing-compare-table{
    width:100%;
    table-layout:fixed;
  }
  .pricing-compare-table th:first-child,
  .pricing-compare-table td:first-child{
    width:34%;
  }
}
@media(max-width:1250px){.facebook-kpi-grid{grid-template-columns:1fr 1fr}.facebook-feature-grid{grid-template-columns:1fr}.facebook-live-grid{grid-template-columns:150px 1fr 260px}}
@media(max-width:700px){.facebook-kpi-grid{gap:8px}.facebook-kpi{min-height:86px;padding:10px;grid-template-columns:40px 1fr}.facebook-kpi-icon{width:40px;height:40px;border-radius:11px}.facebook-kpi-icon svg{width:32px;height:32px}.facebook-kpi>div strong{font-size:21px}.facebook-kpi em{grid-column:2}.facebook-kpi em small{display:none}.facebook-feature-grid{display:block}.facebook-automation{margin-bottom:10px;padding:10px}.facebook-automation-row{grid-template-columns:31px minmax(0,1fr) 39px 58px;gap:6px}.facebook-automation-row .btn{padding:6px;font-size:9px}.facebook-reply-flow{padding:10px;overflow:hidden}.facebook-flow-steps{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;min-height:140px}.facebook-flow-step>span{width:44px;height:44px;border-radius:10px}.facebook-flow-step>span svg{width:32px;height:32px}.facebook-flow-step b{font-size:8px}.facebook-step-arrow{font-size:13px}.facebook-reply-flow footer{padding:8px;text-align:center}.facebook-live-grid{grid-template-columns:100px 1fr}.facebook-data-core{width:66px;height:66px;border-radius:18px}.facebook-data-core>b{font-size:20px}.facebook-signal-board{height:80px}.facebook-live-stats{grid-column:1/-1}.facebook-live-tech>header{align-items:flex-start}.facebook-live-state{font-size:7px}.facebook-section-head p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.facebook-step-arrow,.facebook-live-tech:before,.facebook-live-state i,.data-orbit,.facebook-signal-board:before,.facebook-signal-board:after,.facebook-signal-board>i,.scan-line{animation:none!important}}

/* TikTok/TikTok Shop one-click OAuth */
.tiktok-oauth-choice{display:grid;gap:14px}.tiktok-oauth-hero{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid #1762aa;border-radius:13px;background:radial-gradient(circle at 8% 50%,rgba(22,126,255,.2),transparent 32%),#071d38}.tiktok-oauth-hero .platform-logo{flex:0 0 48px;width:48px;height:48px;font-size:24px}.tiktok-oauth-hero b,.tiktok-oauth-hero small{display:block}.tiktok-oauth-hero small{margin-top:5px;color:#8fa8c2;line-height:1.5}.tiktok-oauth-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tiktok-oauth-option{position:relative;min-height:112px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid #244764;border-radius:13px;background:linear-gradient(145deg,#071d36,#06172d);cursor:pointer;transition:.2s ease}.tiktok-oauth-option:hover,.tiktok-oauth-option.selected{border-color:#1ca7ff;transform:translateY(-2px);box-shadow:0 0 24px rgba(17,157,255,.16),inset 0 0 20px rgba(18,101,190,.08)}.tiktok-oauth-option input{position:absolute;opacity:0;pointer-events:none}.tiktok-oauth-option-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#050b18;box-shadow:-3px 2px 0 #22e6ef,3px -2px 0 #ff315b;font-size:20px}.tiktok-oauth-option-icon.shop{color:#ffb143;background:linear-gradient(145deg,#4a2a08,#15101b);box-shadow:0 0 20px rgba(255,151,28,.23)}.tiktok-oauth-option b,.tiktok-oauth-option small{display:block}.tiktok-oauth-option small{margin-top:5px;color:#8399b1;font-size:10px;line-height:1.45}.tiktok-oauth-option>i{color:#45cfff;font-size:20px;font-style:normal}.tiktok-oauth-security{display:block!important;padding:11px 13px;border:1px solid #17405f;border-radius:10px;color:#7fa6c4;background:#05182d}.platform-tiktok_shop{color:#ffad32!important;background:linear-gradient(145deg,#472708,#15101d)!important}
@media(max-width:650px){.tiktok-oauth-options{grid-template-columns:1fr}.tiktok-oauth-option{min-height:92px}.tiktok-oauth-hero{align-items:flex-start}.tiktok-oauth-hero small{font-size:10px}}



/* Admin v1.0.34: dedicated console and dashboard feature controls. */
.admin-nav-section .nav-item{
  min-height:42px;
}
.admin-dashboard-control{
  display:grid;
  gap:14px;
}
.admin-dashboard-control-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px;
}
.admin-dashboard-control-hero h3{
  margin:5px 0 7px;
  font-size:22px;
}
.admin-dashboard-control-hero p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.admin-dashboard-control-summary{
  min-width:170px;
  display:grid;
  justify-items:end;
  gap:6px;
}
.admin-dashboard-control-summary strong{
  font-size:30px;
  line-height:1;
}
.admin-dashboard-control-summary small{
  color:var(--muted);
}
.admin-dashboard-control-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.admin-dashboard-control-card{
  padding:16px;
  display:grid;
  gap:12px;
  transition:opacity .2s ease,border-color .2s ease,transform .2s ease;
}
.admin-dashboard-control-card.is-disabled{
  opacity:.66;
}
.admin-dashboard-control-card header,
.admin-dashboard-control-card footer{
  display:flex;
  align-items:center;
  gap:12px;
}
.admin-dashboard-control-card header>div{
  min-width:0;
}
.admin-dashboard-control-card header small{
  display:block;
  color:var(--muted);
  margin-bottom:3px;
}
.admin-dashboard-control-card h3{
  margin:0;
  font-size:16px;
}
.admin-dashboard-control-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  min-height:46px;
}
.admin-dashboard-control-card footer{
  justify-content:space-between;
  border-top:1px solid var(--border);
  padding-top:12px;
}
.admin-dashboard-control-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(22,119,255,.1);
  color:var(--primary);
  font-size:20px;
  flex:0 0 auto;
}
.admin-dashboard-control-icon svg{
  width:22px;
  height:22px;
}
.admin-dashboard-route{
  font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--muted);
}
.admin-dashboard-control-note{
  margin:0;
}
.dashboard-no-modules{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px;
}
.dashboard-no-modules>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(148,163,184,.12);
  font-size:22px;
}
.dashboard-no-modules b,
.dashboard-no-modules small{
  display:block;
}
.dashboard-no-modules small{
  margin-top:4px;
  color:var(--muted);
}
@media (max-width:900px){
  .admin-dashboard-control-grid{
    grid-template-columns:1fr;
  }
  .admin-dashboard-control-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-dashboard-control-summary{
    justify-items:start;
  }
}
@media (max-width:560px){
  .admin-dashboard-control-card footer{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v1.0.35 — Admin realtime command center, granular controls and legal links. */
.admin-command-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border-color:rgba(49,134,222,.34);
  background:
    radial-gradient(circle at 15% 0,rgba(24,128,255,.14),transparent 35%),
    linear-gradient(135deg,#071b33,#061528);
}
.admin-command-status,.admin-command-actions{display:flex;align-items:center;gap:12px}
.admin-command-status>div{display:grid;gap:3px}
.admin-command-status small{color:var(--muted);font-size:10px}
.admin-command-live{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 8px;border:1px solid rgba(34,197,94,.34);border-radius:999px;
  color:#68e99a;background:rgba(34,197,94,.08);
  font-size:9px;font-weight:900;letter-spacing:.09em;white-space:nowrap
}
.admin-command-live i{
  width:7px;height:7px;border-radius:50%;background:#42dc7b;
  box-shadow:0 0 0 4px rgba(34,197,94,.09),0 0 14px rgba(34,197,94,.8);
  animation:adminLivePulse 1.8s ease-in-out infinite
}
.admin-command-actions{justify-content:flex-end;flex-wrap:wrap}
.admin-pro-kpis{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px
}
.admin-pro-kpi{
  min-height:132px;padding:14px;display:grid;align-content:start;gap:6px;
  position:relative;overflow:hidden
}
.admin-pro-kpi:after{
  content:"";position:absolute;right:-28px;bottom:-34px;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,126,255,.13),transparent 68%);pointer-events:none
}
.admin-pro-kpi-icon{
  width:31px;height:31px;display:grid;place-items:center;border-radius:9px;
  border:1px solid rgba(60,151,255,.25);background:rgba(30,123,245,.09);color:#78c2ff;
  font-size:15px;font-style:normal
}
.admin-pro-kpi small{color:var(--muted);font-size:10px}
.admin-pro-kpi strong{font-size:21px;line-height:1.1;color:#f2f8ff}
.admin-pro-kpi em{font-style:normal;color:#7390aa;font-size:9px;line-height:1.35}
.admin-pro-grid{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:12px;margin-top:12px
}
.admin-live-traffic,.admin-alert-console,.admin-control-panel{min-width:0;padding:16px}
.admin-pro-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px
}
.admin-pro-card-head>div{min-width:0}
.admin-pro-card-head span{
  display:block;margin-bottom:5px;color:#57b4ff;font-size:9px;font-weight:900;letter-spacing:.13em
}
.admin-pro-card-head h3{margin:0;font-size:16px}
.admin-pro-card-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.admin-pro-card-head>b{font-size:20px;white-space:nowrap}
.admin-pro-card-head>b small{font-size:9px;color:var(--muted)}
.admin-live-sparkline{width:100%;height:180px;display:block;overflow:visible}
.admin-live-sparkline path{fill:none;stroke:rgba(91,130,168,.18);stroke-width:.35}
.admin-live-sparkline polyline{
  fill:none;stroke:#3da4ff;stroke-width:1.7;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px rgba(36,150,255,.45))
}
.admin-live-empty{
  min-height:96px;display:grid;place-items:center;color:var(--muted);
  border:1px dashed rgba(90,128,164,.27);border-radius:10px;font-size:11px
}
.admin-runtime-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px
}
.admin-runtime-strip span{
  display:grid;gap:3px;padding:9px;border:1px solid rgba(65,105,145,.22);
  border-radius:9px;background:rgba(3,17,34,.42)
}
.admin-runtime-strip small{color:var(--muted);font-size:9px}
.admin-runtime-strip b{font-size:12px}
.admin-alert-stream{display:grid;gap:6px;max-height:248px;overflow:auto}
.admin-alert-stream-row{
  width:100%;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:9px;border:1px solid rgba(245,158,11,.23);border-radius:9px;
  background:rgba(245,158,11,.045);color:inherit;text-align:left
}
.admin-alert-stream-row.critical{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.05)}
.admin-alert-stream-row>span{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;
  background:rgba(245,158,11,.13);color:#ffc35f;font-weight:900
}
.admin-alert-stream-row.critical>span{background:rgba(239,68,68,.13);color:#ff8989}
.admin-alert-stream-row>div{display:grid;gap:2px;min-width:0}
.admin-alert-stream-row b,.admin-alert-stream-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-alert-stream-row b{font-size:11px}
.admin-alert-stream-row small,.admin-alert-stream-row time{color:var(--muted);font-size:9px}
.admin-pro-grid>.admin-control-panel:nth-last-child(-n+2){min-height:240px}
.admin-feature-kicker{
  display:block;margin-bottom:5px;color:#59b8ff;font-size:9px;font-weight:900;letter-spacing:.14em
}
.admin-feature-toolbar-summary{
  min-width:230px;display:grid;justify-items:end;gap:9px
}
.admin-feature-toolbar-summary>span{display:grid;justify-items:end;gap:2px}
.admin-feature-toolbar-summary b{font-size:24px}
.admin-feature-toolbar-summary small{color:var(--muted);font-size:9px}
.admin-feature-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-feature-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-feature-module{
  min-width:0;padding:13px;border:1px solid rgba(57,96,137,.34);border-radius:12px;
  background:linear-gradient(145deg,rgba(7,27,51,.82),rgba(5,19,37,.92));
  transition:.2s ease
}
.admin-feature-module.is-disabled{opacity:.67;filter:saturate(.75)}
.admin-feature-module>header{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start
}
.admin-feature-module>header>div:first-child{min-width:0}
.admin-feature-module h4{margin:4px 0 3px;font-size:14px}
.admin-feature-module p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.admin-feature-module>header>.admin-feature-row{
  padding:0;border:0;background:transparent;min-width:auto;align-items:flex-start
}
.admin-feature-module>header>.admin-feature-row .admin-feature-main,
.admin-feature-module>header>.admin-feature-row .admin-feature-meta{display:none}
.admin-feature-actions-head{
  display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 1px 6px;
  border-top:1px solid rgba(67,106,145,.24)
}
.admin-feature-actions-head span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8ba7c2}
.admin-feature-actions-head small{font-size:9px;color:var(--muted)}
.admin-feature-action-list{display:grid;gap:6px}
.admin-feature-action-list .admin-feature-row{padding:9px;background:rgba(4,18,34,.64);border-radius:9px}
.admin-feature-action-list .admin-feature-main{gap:4px}
.admin-feature-action-list .admin-feature-main small{font-size:9px}
.admin-feature-action-list .admin-feature-meta{min-width:72px}
.admin-feature-action-list .admin-feature-meta>a{display:none}
.admin-feature-title-line{display:flex;align-items:center;gap:6px;min-width:0}
.admin-feature-kind{
  flex:0 0 auto;padding:3px 5px;border-radius:5px;background:rgba(30,123,245,.1);
  color:#77bfff;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase
}
.admin-feature-kind.action{background:rgba(168,85,247,.11);color:#c494ff}
.admin-feature-row.is-action .admin-feature-switch{min-width:100px}
.admin-feature-group-v2{overflow:hidden}
.admin-feature-route{display:inline-block}

/* Public legal documents and tiny persistent links. */
.legal-main{display:block!important;max-width:980px;margin:0 auto;padding:96px 22px 86px}
.legal-document{
  padding:28px;border:1px solid rgba(59,103,148,.34);border-radius:18px;
  background:linear-gradient(145deg,rgba(7,28,52,.96),rgba(4,16,32,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.25)
}
.legal-document h1{margin:8px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.08}
.legal-lead{max-width:780px;margin:0;color:#a4b7ca;font-size:14px;line-height:1.7}
.legal-updated{
  display:inline-block;margin:14px 0 6px;padding:5px 8px;border-radius:7px;
  background:rgba(30,123,245,.08);color:#70b9f7;font-size:9px
}
.legal-section{padding:18px 0;border-bottom:1px solid rgba(67,105,143,.22)}
.legal-section:last-of-type{border-bottom:0}
.legal-section h2{margin:0 0 7px;font-size:16px}
.legal-section p{margin:0;color:#91a8be;font-size:12px;line-height:1.75}
.legal-document-actions{display:flex;gap:8px;margin-top:20px}
.legal-corner-links{
  position:fixed;right:max(7px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));
  z-index:45;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 14px);
  padding:4px 6px;border:1px solid rgba(72,104,135,.16);border-radius:7px;
  background:rgba(2,11,28,.73);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  color:#647c93;font-size:9px;line-height:1;white-space:nowrap
}
.legal-corner-links a{color:inherit;text-decoration:none;transition:color .15s ease}
.legal-corner-links a:hover,.legal-corner-links a:focus-visible{color:#b9d7f3}
.legal-corner-links a+a:before{content:"·";margin-right:6px;color:#435a70}
@keyframes adminLivePulse{0%,100%{opacity:.65;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}
@media(max-width:1280px){
  .admin-pro-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .admin-pro-grid{grid-template-columns:1fr}
  .admin-feature-module-grid{grid-template-columns:1fr}
  .admin-command-bar{align-items:flex-start}
}
@media(max-width:700px){
  .admin-command-bar,.admin-pro-card-head{align-items:flex-start;flex-direction:column}
  .admin-command-actions{justify-content:flex-start}
  .admin-pro-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-runtime-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-feature-toolbar-summary{justify-items:start;min-width:0}
  .admin-feature-toolbar-summary>span{justify-items:start}
  .admin-feature-toolbar-actions{justify-content:flex-start}
  .admin-feature-module>header{grid-template-columns:1fr}
  .admin-feature-module>header>.admin-feature-row{justify-content:flex-end}
  .admin-feature-action-list .admin-feature-row{flex-wrap:wrap}
  .admin-feature-action-list .admin-feature-meta{justify-items:start}
  .admin-feature-action-list .admin-feature-switch{margin-left:auto}
  .legal-main{padding:78px 12px 72px}
  .legal-document{padding:19px 15px}
  .legal-corner-links{right:5px;bottom:5px;gap:4px;padding:3px 5px;font-size:8px;overflow:auto}
  .legal-corner-links a+a:before{margin-right:4px}
}
@media(max-width:430px){
  .admin-pro-kpis{grid-template-columns:1fr 1fr}
  .admin-pro-kpi{min-height:112px;padding:11px}
  .admin-pro-kpi strong{font-size:18px}
  .admin-command-status{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.admin-command-live i{animation:none}}


.admin-dashboard-child-count{
  display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.45
}



/* Inbox rebuild v1.0.37 */
.inbox-shell{display:grid;gap:16px}
.inbox-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.inbox-page-header h1{margin:0;font-size:26px;line-height:1.2}
.inbox-page-header p{margin:6px 0 0;color:var(--muted)}
.inbox-page-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.inbox-channel-tabs{display:flex;gap:10px;padding:8px 10px;border:1px solid rgba(63,130,255,.28);border-radius:16px;background:linear-gradient(180deg,rgba(7,28,53,.92),rgba(5,20,39,.9));box-shadow:0 10px 30px rgba(0,0,0,.18)}
.inbox-channel-tab{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#cddaf6;padding:8px 14px;border-radius:12px;cursor:pointer}
.inbox-channel-tab.active{background:rgba(21,93,198,.22);box-shadow:inset 0 0 0 1px rgba(71,140,255,.26);color:#fff}
.inbox-script-btn{padding-inline:18px}
.inbox-plus{font-size:19px;line-height:1}
.inbox-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.inbox-summary-card{display:flex;align-items:center;gap:16px;padding:18px;background:radial-gradient(circle at 100% 0,rgba(49,119,255,.12),transparent 35%),linear-gradient(160deg,#081d37,#06162d)}
.inbox-summary-card .inbox-summary-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.inbox-summary-card.messages .inbox-summary-icon{color:#9bd0ff;background:linear-gradient(180deg,rgba(33,88,154,.25),rgba(11,34,67,.4))}
.inbox-summary-card.processing .inbox-summary-icon{color:#f6b24d;background:linear-gradient(180deg,rgba(142,84,10,.26),rgba(36,24,6,.45))}
.inbox-summary-card.closed .inbox-summary-icon{color:#58df8d;background:linear-gradient(180deg,rgba(18,102,63,.24),rgba(8,34,27,.46))}
.inbox-summary-card.response .inbox-summary-icon{color:#21bcff;background:linear-gradient(180deg,rgba(17,90,123,.25),rgba(8,30,45,.46))}
.inbox-summary-card svg{width:26px;height:26px}
.inbox-summary-content{display:grid;gap:4px}
.inbox-summary-content small{color:#cfdbef;font-size:14px}
.inbox-summary-content strong{font-size:24px;color:#fff}
.inbox-summary-trend{display:flex;gap:8px;align-items:flex-start;flex-direction:column}
.inbox-summary-trend span{color:#43db8b;font-weight:700;font-size:14px}
.inbox-summary-trend em{font-style:normal;color:#c1d0e6;font-size:13px}
.inbox-rebuild{display:grid;grid-template-columns:320px minmax(0,1fr) 390px;overflow:hidden;padding:0;min-height:780px}
.inbox-left-panel,.inbox-center-panel,.inbox-right-panel{min-width:0}
.inbox-left-panel{padding:18px 14px 14px;border-right:1px solid rgba(57,108,167,.33);display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}
.inbox-search-bar{display:flex;gap:10px;align-items:center}
.inbox-search-input{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(62,114,177,.35);border-radius:12px;background:rgba(7,29,55,.7);flex:1}
.inbox-search-input input{border:0;background:transparent;padding:12px 0;color:#fff;box-shadow:none}
.inbox-search-input input:focus{outline:none}
.inbox-mini-icon{display:inline-grid;place-items:center;width:18px;height:18px;color:#94b7e6;flex:0 0 auto}
.inbox-mini-icon svg{width:18px;height:18px}
.inbox-filter-icon{width:40px;height:40px;border-radius:12px;border:1px solid rgba(62,114,177,.35);background:rgba(7,29,55,.7);display:grid;place-items:center;color:#94b7e6}
.inbox-status-tabs{display:flex;gap:10px;flex-wrap:wrap}
.inbox-status-tab{border:0;background:transparent;color:#a9c7ea;padding:4px 0;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.inbox-status-tab span{padding:3px 8px;border-radius:999px;background:rgba(37,97,190,.22);color:#8bbdff;font-size:12px}
.inbox-status-tab.active{color:#fff}
.inbox-status-tab.active span{background:#114eaf;color:#fff}
.inbox-conversation-list{display:flex;flex-direction:column;border:1px solid rgba(56,108,170,.2);border-radius:16px;overflow:hidden;background:rgba(3,17,33,.2)}
.inbox-conversation-item{display:flex;gap:12px;width:100%;text-align:left;padding:14px 14px;border:0;border-bottom:1px solid rgba(56,108,170,.2);background:transparent;color:#fff;cursor:pointer}
.inbox-conversation-item:last-child{border-bottom:0}
.inbox-conversation-item.active{background:linear-gradient(180deg,rgba(10,48,101,.55),rgba(6,26,54,.8));box-shadow:inset 0 0 0 1px rgba(56,121,255,.24)}
.inbox-conversation-avatar{position:relative;width:48px;height:48px;flex:0 0 48px}
.inbox-conversation-avatar img,.inbox-thread-avatar img,.inbox-customer-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.inbox-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#3754ff,#6a47ff);color:#fff;font-weight:700}
.inbox-platform-badge{position:absolute;right:-2px;bottom:-2px}
.inbox-conversation-body{min-width:0;display:grid;gap:6px;flex:1}
.inbox-conversation-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.inbox-conversation-head div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;width:100%}
.inbox-conversation-head strong{display:block;font-size:19px}
.inbox-conversation-head span{color:#9db5d6;font-size:13px;white-space:nowrap}
.inbox-conversation-body p{margin:0;color:#c8d6ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-unread-pill{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#1556c6;color:#fff;font-size:12px;font-style:normal}
.inbox-status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}
.inbox-status-pill.blue{background:rgba(32,89,201,.2);color:#6eb5ff;border-color:rgba(67,130,255,.24)}
.inbox-status-pill.green{background:rgba(12,115,67,.18);color:#67e694;border-color:rgba(23,158,84,.2)}
.inbox-status-pill.yellow{background:rgba(156,108,10,.18);color:#ffc75e;border-color:rgba(221,148,20,.24)}
.inbox-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0}
.inbox-pagination button,.inbox-pagination span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#9bb8dd}
.inbox-pagination button{border:1px solid rgba(57,109,170,.3);background:transparent}
.inbox-pagination button.active{background:#114eaf;color:#fff;border-color:#1b65dc}
.inbox-center-panel{display:grid;grid-template-rows:auto 1fr auto}
.inbox-thread-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(56,108,170,.2)}
.inbox-thread-user{display:flex;align-items:center;gap:12px}
.inbox-thread-avatar,.inbox-customer-photo{width:46px;height:46px}
.inbox-thread-title-row{display:flex;align-items:center;gap:10px}
.inbox-thread-title-row strong{font-size:20px}
.inbox-thread-chip{padding:3px 8px;border-radius:9px;background:rgba(22,88,194,.2);color:#7ab8ff;font-size:12px}
.inbox-thread-user p{margin:2px 0 0;display:flex;gap:7px;align-items:center;color:#a9c2e4;font-size:14px}
.inbox-thread-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inbox-thread-tools>button{min-height:40px}
.inbox-thread-tools>button:not(.btn){width:40px;height:40px;border-radius:12px;border:1px solid rgba(57,109,170,.3);background:rgba(7,29,55,.7);color:#a6c4ea;display:grid;place-items:center}
.inbox-thread-tools>.btn{display:inline-flex;align-items:center;gap:8px}
.inbox-thread-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.inbox-msg{max-width:78%;padding:14px 16px;border-radius:18px;position:relative}
.inbox-msg.from{align-self:flex-start;background:rgba(38,59,89,.8);color:#fff;border:1px solid rgba(68,96,135,.2)}
.inbox-msg.ai{background:linear-gradient(145deg,rgba(83,70,223,.95),rgba(92,64,209,.78));color:#fff;border:1px solid rgba(130,123,255,.2)}
.inbox-msg span{display:block;margin-top:10px;font-size:12px;color:#c3d2e8}
.inbox-msg.ai span{color:#e1ddff}
.inbox-msg-row.ai{display:flex;align-items:flex-start;gap:10px;align-self:flex-end;max-width:84%}
.inbox-ai-badge{display:inline-grid;place-items:center;padding:5px 10px;border-radius:10px;background:rgba(90,64,211,.2);color:#d5cbff;font-size:12px;font-weight:700}
.inbox-msg.ai p,.inbox-msg.ai ul{margin:0 0 8px}
.inbox-msg.ai ul{padding-left:18px}
.inbox-product-card{display:flex;align-items:center;gap:14px;width:280px;padding:12px;border-radius:16px;border:1px solid rgba(63,123,194,.32);background:rgba(9,28,53,.8)}
.inbox-product-thumb,.inbox-order-thumb{width:62px;height:62px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));color:#dce9ff}
.inbox-product-thumb svg,.inbox-order-thumb svg{width:28px;height:28px}
.inbox-product-copy{display:grid;gap:6px}
.inbox-product-copy strong{font-size:16px}
.inbox-product-copy span{color:#dbe7f9}
.inbox-product-detail{width:max-content;border:1px solid rgba(40,117,255,.34);background:rgba(18,56,113,.18);color:#86baff;border-radius:12px;padding:9px 14px;display:inline-flex;align-items:center;gap:8px}
.inbox-order-success{margin-top:4px;border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,rgba(9,73,52,.62),rgba(7,52,41,.58));border:1px solid rgba(44,151,93,.3);color:#eafff3}
.inbox-order-success-head{font-weight:700;color:#6ce2a2}
.inbox-order-success-body{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:12px}
.inbox-order-copy{display:grid;gap:6px}
.inbox-order-copy small{color:#b7ead0}
.inbox-order-success-time{text-align:right;color:#b7ead0;font-size:13px;margin-top:10px}
.inbox-composer-bar{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;padding:16px 22px;border-top:1px solid rgba(56,108,170,.2)}
.inbox-composer-actions{display:flex;gap:10px}
.inbox-composer-actions button,.inbox-script-mini,.inbox-send-btn{height:44px}
.inbox-composer-actions button{width:44px;border-radius:12px;border:1px solid rgba(57,109,170,.3);background:rgba(7,29,55,.7);display:grid;place-items:center;color:#9db9df}
.inbox-script-mini{display:inline-flex;align-items:center;gap:8px}
.inbox-send-btn{width:54px;display:grid;place-items:center}
.inbox-right-panel{padding:18px 18px 18px 20px;border-left:1px solid rgba(56,108,170,.2);display:grid;grid-template-rows:auto 1fr;gap:16px}
.inbox-customer-card,.inbox-ai-replies,.inbox-settings-card{border:1px solid rgba(57,109,170,.26);border-radius:18px;background:linear-gradient(180deg,rgba(7,27,53,.88),rgba(5,20,39,.9))}
.inbox-customer-card{padding:18px}
.inbox-customer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.inbox-customer-profile{display:flex;align-items:center;gap:12px}
.inbox-customer-profile strong{display:block;font-size:20px}
.inbox-customer-profile span{display:block;color:#99b5d8;margin-top:4px}
.inbox-customer-new{white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(11,114,61,.16);color:#73ef9d;border:1px solid rgba(22,151,80,.22);font-size:12px}
.inbox-customer-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:18px;padding-bottom:16px;border-bottom:1px solid rgba(56,108,170,.2)}
.inbox-customer-meta div{display:flex;align-items:center;gap:10px;color:#dce7fa}
.inbox-tags-block,.inbox-order-history,.inbox-note-block{margin-top:16px}
.inbox-tags-head,.inbox-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.inbox-section-head button,.inbox-tags-head button{border:0;background:transparent;color:#4ea2ff;padding:0;cursor:pointer}
.inbox-tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.inbox-tag{padding:8px 12px;border-radius:10px;font-size:13px}
.inbox-tag.purple{background:rgba(84,62,201,.22);color:#d6cbff}
.inbox-tag.blue{background:rgba(21,84,182,.22);color:#7cbaff}
.inbox-tag.yellow{background:rgba(150,99,18,.2);color:#ffc662}
.inbox-order-history-card{margin-top:12px;border:1px solid rgba(56,108,170,.22);border-radius:16px;padding:14px;background:rgba(4,17,33,.32)}
.inbox-order-row-top,.inbox-order-row-middle,.inbox-order-row-total{display:flex;justify-content:space-between;gap:12px;align-items:center}
.inbox-order-row-top div{display:flex;align-items:center;gap:10px}
.inbox-order-status{padding:4px 9px;border-radius:999px;background:rgba(9,110,59,.18);color:#7de4a7;border:1px solid rgba(21,159,84,.2);font-size:12px}
.inbox-order-row-middle{margin:14px 0}
.inbox-order-row-middle>div:nth-child(2){display:grid;gap:5px;flex:1}
.inbox-order-row-middle span{color:#adc7e8}
.inbox-note-block p{margin:12px 0 0;color:#a9c4e5;line-height:1.7}
.inbox-automation-grid{display:grid;gap:14px}
.inbox-section-head.slim button{color:#8db6eb}
.inbox-ai-replies,.inbox-settings-card{padding:16px}
.inbox-ai-replies>p{margin:8px 0 14px;color:#9fbadc}
.inbox-suggestion{width:100%;text-align:left;border:1px solid rgba(56,108,170,.24);background:rgba(7,29,55,.6);color:#dbe7fa;padding:12px 14px;border-radius:12px;margin-bottom:10px}
.inbox-setting-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(56,108,170,.18)}
.inbox-setting-row:last-of-type{border-bottom:0}
.inbox-toggle{position:relative;display:inline-block;width:42px;height:24px}
.inbox-toggle input{display:none}
.inbox-toggle span{position:absolute;inset:0;border-radius:999px;background:#183d6b;border:1px solid rgba(57,109,170,.4)}
.inbox-toggle span:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}
.inbox-toggle.on span{background:#1d75ff}
.inbox-toggle.on span:before{transform:translateX(18px)}
.inbox-activity-link{display:inline-flex;align-items:center;gap:8px;color:#4fa4ff;margin-top:12px}
.inbox-platform-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;line-height:0}
.inbox-platform-icon svg{width:12px;height:12px}
.inbox-platform-icon.tab{width:28px;height:28px}
.inbox-platform-icon.tab svg{width:16px;height:16px}
.inbox-platform-icon.facebook{background:#1565ff;color:#fff}
.inbox-platform-icon.messenger{background:linear-gradient(180deg,#8f4cff,#3988ff);color:#fff}
.inbox-platform-icon.tiktok{background:#000;color:#fff;border:1px solid rgba(255,255,255,.08)}
.inbox-platform-icon.shopee{background:#ef5b2b;color:#fff}
@media(max-width:1400px){.inbox-rebuild{grid-template-columns:290px minmax(0,1fr) 340px}}
@media(max-width:1180px){.inbox-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-rebuild{grid-template-columns:1fr}.inbox-left-panel,.inbox-right-panel{border:0;border-bottom:1px solid rgba(56,108,170,.2)}.inbox-right-panel{border-top:1px solid rgba(56,108,170,.2)}}
@media(max-width:760px){.inbox-summary-grid{grid-template-columns:1fr}.inbox-page-actions{width:100%}.inbox-channel-tabs{width:100%;overflow:auto}.inbox-page-actions .btn{width:100%}.inbox-customer-meta{grid-template-columns:1fr}.inbox-composer-bar{grid-template-columns:1fr}.inbox-composer-actions{order:2}.inbox-script-mini{order:3}.inbox-send-btn{order:4;width:100%}.inbox-msg,.inbox-msg-row.ai{max-width:100%}}


/* Pricing reference redesign */
.pricing-reference-shell{
  position:relative;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(53,105,184,.32);
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 3%,rgba(57,112,255,.16),transparent 24%),
    radial-gradient(circle at 80% 5%,rgba(26,173,255,.10),transparent 25%),
    linear-gradient(180deg,rgba(4,23,54,.98),rgba(3,16,39,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
.pricing-reference-shell::before{
  content:"";
  position:absolute;
  width:180px;
  height:74px;
  left:255px;
  top:0;
  opacity:.35;
  background-image:radial-gradient(rgba(73,151,255,.8) 1px,transparent 1px);
  background-size:11px 11px;
  pointer-events:none;
}
.pricing-reference-header{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}
.pricing-reference-header h1{
  margin:0 0 5px;
  color:#f6f9ff;
  font-size:27px;
  line-height:1.15;
}
.pricing-reference-header p{
  margin:0;
  color:#9db2d4;
  font-size:14px;
}
.pricing-cycle-switch{
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px;
  border:1px solid rgba(69,107,172,.38);
  border-radius:13px;
  background:rgba(5,22,50,.8);
}
.pricing-cycle-switch button{
  appearance:none;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#9eb2d2;
  padding:9px 22px;
  font-weight:700;
  cursor:pointer;
}
.pricing-cycle-switch button.active{
  color:#fff;
  border-color:rgba(68,156,255,.55);
  background:linear-gradient(135deg,#1d57c8,#197bdc);
  box-shadow:0 8px 20px rgba(37,112,241,.2);
}
.pricing-cycle-switch > span{
  color:#4ddb7b;
  font-size:12px;
  font-weight:700;
  padding:8px 10px;
  border-radius:8px;
  background:rgba(44,156,85,.12);
}
.pricing-reference-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.pricing-reference-card{
  position:relative;
  min-width:0;
  padding:17px 15px 14px;
  border-radius:18px;
  border:1px solid rgba(45,92,157,.3);
  background:linear-gradient(180deg,rgba(7,28,61,.96),rgba(4,18,42,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.pricing-reference-card.green{border-color:rgba(54,190,115,.27)}
.pricing-reference-card.purple{border-color:rgba(142,86,255,.42)}
.pricing-reference-card.blue{border-color:rgba(50,138,232,.32)}
.pricing-reference-card.orange{border-color:rgba(255,147,43,.30)}
.pricing-reference-card.popular{
  border-color:#8d5eff;
  box-shadow:0 0 0 1px rgba(128,85,255,.18),0 14px 32px rgba(90,61,220,.18);
}
.pricing-reference-card.current{
  border-color:#208dea;
  box-shadow:0 0 0 1px rgba(38,154,255,.12),0 14px 30px rgba(29,124,215,.13);
}
.pricing-popular-badge{
  position:absolute;
  top:-8px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  white-space:nowrap;
  color:#eef2ff;
  padding:5px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  background:linear-gradient(135deg,#7648ec,#276ee5);
  border:1px solid rgba(164,134,255,.58);
}
.pricing-reference-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.pricing-plan-icon{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  font-size:20px;
}
.pricing-reference-title h3{
  margin:0;
  color:#f4f7ff;
  font-size:18px;
}
.pricing-reference-title small{
  display:block;
  margin-top:3px;
  color:#93a8ca;
  font-size:12px;
}
.pricing-reference-desc{
  min-height:43px;
  margin:0 0 14px;
  color:#a3b4cf;
  font-size:13px;
  line-height:1.45;
}
.pricing-reference-price{
  display:flex;
  align-items:flex-end;
  gap:5px;
  margin:0 0 12px;
}
.pricing-reference-price strong{
  font-size:26px;
  line-height:1;
}
.pricing-reference-card.green .pricing-reference-price strong{color:#3ed77b}
.pricing-reference-card.purple .pricing-reference-price strong{color:#ce67ff}
.pricing-reference-card.blue .pricing-reference-price strong{color:#4aa4ff}
.pricing-reference-card.orange .pricing-reference-price strong{color:#ff962b}
.pricing-reference-price span{
  color:#a5b5cd;
  font-size:13px;
}
.pricing-reference-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  margin-bottom:13px;
  border:1px solid rgba(56,92,151,.28);
  border-radius:11px;
}
.pricing-reference-metrics div{
  min-width:0;
  padding:9px 4px 8px;
  text-align:center;
  border-right:1px solid rgba(56,92,151,.24);
}
.pricing-reference-metrics div:last-child{border-right:0}
.pricing-reference-metrics b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#eaf2ff;
  font-size:16px;
}
.pricing-reference-metrics small{
  display:block;
  color:#8198bb;
  font-size:10px;
  white-space:nowrap;
}
.pricing-reference-features{
  list-style:none;
  padding:0;
  margin:0 0 14px;
}
.pricing-reference-features li{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin:0;
  padding:6px 0;
  color:#dce8fb;
  font-size:12px;
  border-bottom:0;
}
.pricing-reference-features li.off{color:#657b9d}
.pricing-check{
  flex:0 0 17px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#45dc79;
  font-size:11px;
  background:rgba(51,195,104,.11);
}
.pricing-reference-features li.off .pricing-check{
  color:#7086a8;
  background:rgba(113,135,168,.08);
}
.pricing-contact-btn{
  width:100%;
  color:#ff9c32!important;
  border-color:#c86a18!important;
  background:transparent!important;
}
.pricing-reference-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) 365px;
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.pricing-comparison-card,
.pricing-current-card{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,28,61,.94),rgba(4,18,42,.96));
}
.pricing-comparison-card{padding:14px}
.pricing-comparison-card h3,
.pricing-current-card h3{
  margin:0 0 12px;
  color:#eef5ff;
  font-size:15px;
}
.pricing-compare-table th,
.pricing-compare-table td{
  padding:8px 10px;
  font-size:11px;
}
.pricing-compare-table th:first-child,
.pricing-compare-table td:first-child{
  min-width:190px;
  text-align:left;
}
.pricing-compare-table th.active,
.pricing-compare-table td.active{color:#65b7ff}
.pricing-table-yes{
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  color:#fff;
  background:#2bc068;
}
.pricing-table-no{color:#6f84a3}
.pricing-small-icon{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  color:#8da8ce;
}
.pricing-current-card{padding:15px}
.pricing-current-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.pricing-current-date{
  display:flex;
  gap:9px;
  padding:10px 0 12px;
  border-bottom:1px solid rgba(61,92,142,.22);
}
.pricing-current-date small{
  display:block;
  color:#8499b9;
  font-size:11px;
}
.pricing-current-date b{
  display:block;
  margin-top:2px;
  color:#e9f1fd;
  font-size:12px;
}
.pricing-current-date em{
  color:#7f99be;
  font-style:normal;
  font-weight:500;
}
.pricing-current-usage{padding:12px 0 4px}
.pricing-current-usage-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.pricing-current-usage-head h4{
  margin:0;
  color:#eaf2ff;
  font-size:13px;
}
.pricing-current-usage-head span{
  color:#7088aa;
  font-size:10px;
}
.pricing-usage-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 10px;
  margin-bottom:10px;
}
.pricing-usage-label{
  display:flex;
  gap:5px;
  color:#b7c8e3;
}
.pricing-usage-row b{
  color:#dce8f8;
  font-size:10px;
}
.pricing-usage-row .progress{
  grid-column:1/-1;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#173054;
}
.pricing-usage-row .progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#1f70e7,#2d99ff);
}

/* Admin pricing editing */
.admin-pricing-cycles-card{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 16px;
  margin:0 0 14px;
  border:1px solid rgba(56,111,176,.42);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,31,59,.96),rgba(5,21,42,.96));
}
.admin-pricing-cycles-card label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  color:#dce9fb;
}
.admin-pricing-cycles-card select{
  min-height:36px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#06162b;
}
.admin-pricing-preview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.admin-pricing-preview{
  border-radius:17px;
  background:linear-gradient(180deg,rgba(7,28,61,.95),rgba(4,18,42,.98));
}
.admin-pricing-preview.popular{
  border-color:#8d5eff;
  box-shadow:0 10px 30px rgba(100,60,225,.15);
}
.admin-pricing-preview header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.admin-pricing-preview h3{
  margin:4px 0 0;
  color:#eff5ff;
}
.admin-pricing-preview p{
  min-height:34px;
  color:#91a6c7;
}
.admin-plan-editor{
  max-height:70vh;
  overflow:auto;
  padding-right:4px;
}
.admin-plan-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.admin-plan-editor-grid .full{grid-column:1/-1}
.admin-plan-editor-grid .check{
  display:flex;
  gap:8px;
  align-items:center;
  color:#dce8fb;
  font-size:13px;
}
.admin-plan-editor-grid textarea{resize:vertical}

@media(max-width:1250px){
  .pricing-reference-grid,
  .admin-pricing-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-reference-bottom{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pricing-reference-shell{padding:14px}
  .pricing-reference-header{flex-direction:column}
  .pricing-cycle-switch{width:100%;flex-wrap:wrap}
  .pricing-cycle-switch button{flex:1}
  .pricing-reference-grid,
  .admin-pricing-preview-grid,
  .admin-plan-editor-grid{grid-template-columns:1fr}
  .pricing-reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* === v1.0.38 Live Inbox, reference Content, checkout and responsive fixes === */
.security-password-notice{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:32px;
  margin:0 0 10px;
  padding:6px 9px;
  border:1px solid rgba(245,158,11,.55);
  border-radius:9px;
  background:rgba(245,158,11,.07);
  color:#f8c968;
  font-size:12px;
  line-height:1.35;
  position:relative;
  z-index:1;
}
.security-password-notice span{min-width:0}
.security-password-notice .btn{min-height:24px!important;padding:3px 8px!important;font-size:11px!important;white-space:nowrap}

/* Inbox: single header, real API data */
.inbox-live-shell{display:flex;flex-direction:column;gap:12px;min-width:0}
.inbox-live-shell .inbox-page-header{margin:0}
.inbox-page-actions{min-width:0}
.inbox-channel-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.inbox-channel-tab{flex:0 0 auto;cursor:pointer}
.inbox-all-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#16345b;color:#8ec5ff;font-weight:800}
.inbox-webhook-strip{
  display:flex;align-items:center;gap:14px;min-width:0;padding:8px 12px;border:1px solid #173a63;border-radius:10px;
  background:linear-gradient(90deg,rgba(8,31,59,.95),rgba(5,18,35,.96));font-size:12px;color:#8fa9c7
}
.inbox-webhook-strip span{white-space:nowrap}
.inbox-webhook-strip b{color:#d9eaff}
.inbox-webhook-strip a{margin-left:auto;color:#4da3ff;text-decoration:none;white-space:nowrap}
.live-pill{display:inline-flex;align-items:center;gap:6px;color:#7de3b1!important;font-weight:800}
.inbox-rebuild{min-height:620px}
.inbox-empty-state{padding:28px 18px;text-align:center;color:#89a2bf}
.inbox-empty-state b{display:block;color:#dbeafe;font-size:14px;margin-bottom:6px}
.inbox-empty-state p{margin:0 0 12px;line-height:1.55}
.inbox-thread-empty{margin:auto;padding:30px;color:#7e99b7;text-align:center}
.inbox-thread-empty-main{display:grid;place-items:center;align-content:center;min-height:420px}
.inbox-thread-empty-main b{color:#d8e9ff;font-size:16px}
.inbox-thread-empty-main p{margin:6px 0 0}
.inbox-message-scroll{min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.inbox-message-row{display:flex;width:100%}
.inbox-message-row.outgoing{justify-content:flex-end}
.inbox-message-bubble{max-width:min(75%,620px);padding:10px 13px;border:1px solid #1c3f65;border-radius:14px 14px 14px 4px;background:#0b2038}
.inbox-message-row.outgoing .inbox-message-bubble{border-color:#1468b8;background:linear-gradient(135deg,#0d61ba,#084985);border-radius:14px 14px 4px 14px}
.inbox-message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e5f1ff;line-height:1.5}
.inbox-message-bubble small{display:block;margin-top:5px;color:#8faaca;font-size:10px}
.inbox-composer-live{border-top:1px solid #173958;padding:10px 12px;background:#07182a}
.inbox-composer-live textarea{width:100%;resize:none;border:1px solid #1b4168;border-radius:10px;background:#061425;color:#eaf4ff;padding:10px 12px;outline:none}
.inbox-composer-live textarea:focus{border-color:#2187e8;box-shadow:0 0 0 2px rgba(33,135,232,.12)}
.inbox-composer-live>div{display:flex;align-items:center;gap:10px;margin-top:7px}
.inbox-send-hint{font-size:10px;color:#718ba7;margin-right:auto}
.inbox-thread-profile small{display:block}
.inbox-thread-actions{display:flex;gap:7px}
.inbox-detail-list{display:grid;gap:0;border-top:1px solid #173958;border-bottom:1px solid #173958}
.inbox-detail-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(23,57,88,.55);font-size:11px}
.inbox-detail-list>div:last-child{border-bottom:0}.inbox-detail-list span{color:#7992ad}.inbox-detail-list b{color:#d7e8f9;text-align:right;overflow-wrap:anywhere}
.inbox-setting-row b{font-size:10px}.text-success{color:#39d98a!important}.text-muted{color:#7992ad!important}
.auto-reply-modal{display:grid;gap:14px;min-width:min(680px,100%)}
.auto-reply-modal section{border:1px solid #1a395d;border-radius:10px;padding:12px;background:rgba(6,21,39,.55)}
.auto-reply-modal h3{font-size:13px;margin:0 0 10px}
.auto-reply-master{padding:12px;border:1px solid #1764ad;border-radius:10px;background:rgba(13,93,170,.1)}
.auto-reply-master label{display:flex;gap:8px;align-items:center}.auto-reply-master small{display:block;color:#88a2bf;margin:6px 0 0 22px}
.auto-reply-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.auto-reply-check-grid label{display:flex;gap:7px;align-items:center;padding:7px;border-radius:7px;background:#08192c}
.auto-reply-modal textarea,.auto-reply-modal input{width:100%;border:1px solid #244665;background:#07182a;color:#e9f3ff;border-radius:8px;padding:9px}
.auto-reply-modal textarea{min-height:70px;resize:vertical}
.auto-reply-rules{display:grid;gap:8px}.auto-reply-rules h3{grid-column:1/-1}
.auto-reply-rule{display:grid;grid-template-columns:150px 1fr;gap:7px}.auto-reply-rule textarea{grid-column:1/-1;min-height:60px}
.compact-note{font-size:11px;padding:8px 10px!important}

/* Content & posting reference */
.content-reference-shell{display:flex;flex-direction:column;gap:12px;min-width:0}
.content-reference-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #12385f;border-radius:11px;background:radial-gradient(circle at 34% 0,rgba(14,83,142,.20),transparent 38%),linear-gradient(180deg,#07192d,#061324)}
.content-reference-header h1{font-size:24px;line-height:1.1;margin:0;color:#edf6ff}.content-reference-header p{margin:5px 0 0;color:#8ca6c1;font-size:12px}
.content-reference-actions{display:flex;gap:10px;flex-wrap:wrap}.content-reference-actions .btn{min-height:40px}
.content-ai-button{border-color:#1675d1!important;background:rgba(18,77,139,.2)!important;color:#a9ccff!important}
.content-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.content-stat-card{display:flex;align-items:center;gap:14px;min-height:84px;padding:14px 18px;border:1px solid #153758;border-radius:10px;background:linear-gradient(145deg,#081c31,#061425)}
.content-stat-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;border:1px solid #1c5fc3;background:rgba(35,100,219,.14);color:#83aefc;font-size:22px}
.content-stat-card.scheduled .content-stat-icon{border-color:#995406;color:#ff9b2d;background:rgba(194,94,9,.12)}
.content-stat-card.published .content-stat-icon{border-color:#0b855d;color:#2fe69f;background:rgba(11,133,93,.12)}
.content-stat-card.failed .content-stat-icon{border-color:#9a2742;color:#ff627e;background:rgba(154,39,66,.12)}
.content-stat-card div{display:grid;min-width:0}.content-stat-card small{color:#8ba2ba;font-size:11px}.content-stat-card strong{font-size:23px;color:#edf6ff;line-height:1.15}.content-stat-card em{font-style:normal;color:#748ba4;font-size:10px}
.content-compose-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.92fr);gap:12px;min-width:0}
.content-compose-card,.content-preview-card{padding:14px 16px;min-width:0}.content-compose-card>h3,.content-preview-card>h3{margin:0 0 12px;font-size:14px}
.content-channel-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}
.content-channel-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 14px;border:1px solid #1b3e62;border-radius:7px;background:#08192b;color:#9bb1ca;white-space:nowrap;cursor:pointer}
.content-channel-tabs button.active{border-color:#1187f2;background:#0a3d73;color:#e8f4ff}
.content-route-channel .platform-logo{width:19px;height:19px}
.content-message-box{position:relative;display:block;margin:10px 0;border:1px solid #1b3c5d;border-radius:9px;background:#061425;overflow:hidden}
.content-message-box textarea{display:block;width:100%;min-height:105px;max-height:230px;resize:vertical;border:0;background:transparent;color:#e8f2ff;padding:12px 14px 26px;outline:0}
.content-message-counter{position:absolute;right:10px;bottom:7px;font-size:10px;color:#748ba4}
.content-media-hashtag-row{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(280px,1.2fr);gap:14px;padding:3px 0 12px;border-bottom:1px solid #173653}
.content-media-strip{display:flex;gap:8px;align-items:center;min-width:0;overflow-x:auto}
.content-media-thumb,.content-media-placeholder,.content-add-media{flex:0 0 60px;width:60px;height:60px;border:1px solid #284866;border-radius:8px;background:#0b1b2c;overflow:hidden}
.content-media-thumb{padding:0;cursor:pointer}.content-media-thumb img{width:100%;height:100%;object-fit:cover}.content-media-placeholder{display:grid;place-items:center;font-size:10px;color:#7f96ae}
.content-add-media{border-style:dashed;font-size:22px;color:#91a9c2;cursor:pointer}
.content-hashtag-box>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.content-hashtag-box>div:first-child button{border:0;background:transparent;color:#8ca6c1;cursor:pointer}
.content-hashtag-box>div:last-child{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.content-hashtag-box>div:last-child button{padding:4px 7px;border:1px solid #17518c;border-radius:5px;background:#082e55;color:#8cc4ff;font-size:10px;cursor:pointer}
.content-publish-advanced{padding-top:10px}.content-schedule-row{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(140px,.55fr) auto;gap:10px;align-items:end}.content-schedule-label{align-self:center;font-size:11px;font-weight:700;color:#b8cae0}
.content-schedule-row label{display:grid;gap:4px}.content-schedule-row label>span{font-size:9px;color:#738ba5}.content-schedule-row .field{min-height:34px}
.content-repeat-toggle{display:flex!important;align-items:center;gap:6px;padding-bottom:8px;color:#758ba3;font-size:10px}
.content-tiktok-fields{display:grid;gap:8px;padding:10px 0}.content-tiktok-fields>label{display:grid;gap:4px;font-size:10px;color:#8da5bd}.content-tiktok-options{display:flex;gap:12px;flex-wrap:wrap;font-size:10px}.content-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:7px}
.content-submit-row{display:flex;align-items:center;gap:10px;padding-top:10px}.content-submit-row>span{margin-right:auto;color:#728ba5;font-size:10px}
.content-ai-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.content-ai-tools>button{display:flex;align-items:center;gap:8px;text-align:left;padding:9px;border:1px solid #173a60;border-radius:8px;background:#08182b;color:#d6e6f7;cursor:pointer;min-width:0}.content-ai-tools>button>span{font-size:20px;color:#b070ff}.content-ai-tools b,.content-ai-tools small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-ai-tools b{font-size:10px}.content-ai-tools small{color:#718ba7;font-size:8px;margin-top:2px}
.content-preview-card h3{display:flex;justify-content:space-between;align-items:center}
.content-facebook-preview{border:1px solid #173a5d;border-radius:10px;background:#07192c;overflow:hidden}.content-facebook-preview .publish-preview-brand{display:flex;align-items:center;gap:8px;padding:12px}.content-bot-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#0d5fae;border:2px solid #228df0;color:#9ed5ff;font-size:10px;font-weight:900}.content-facebook-preview .publish-preview-brand button{margin-left:auto;background:transparent;border:0;color:#6e849d}.content-facebook-preview>p{padding:0 12px;margin:0 0 4px;font-size:11px;line-height:1.5}.content-preview-hashtags{padding:0 12px 10px;color:#55aaff;font-size:10px}
.content-preview-hero{height:180px;margin:0 10px 8px;border:1px solid #153e6d;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(16,126,255,.8),transparent 22%),radial-gradient(circle at 70% 50%,rgba(27,79,210,.42),transparent 45%),linear-gradient(135deg,#081b38,#032c6e)!important}
.content-preview-art{height:100%;display:flex;flex-direction:column;justify-content:center;padding:22px;position:relative;color:white}.content-preview-art strong{font-size:20px;line-height:1.25;max-width:67%}.content-preview-art small{margin-top:8px;color:#b2c8e5}.content-preview-art>span{position:absolute;right:8%;font-size:38px;color:#68dfff;text-shadow:0 0 22px #1ea3ff}
.content-management-card{padding:10px 16px 12px;min-width:0}.content-management-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.content-management-head h3{font-size:13px;margin-right:4px}.content-management-tabs{display:flex;border:1px solid #173858;border-radius:6px;overflow:hidden}.content-management-tabs button{border:0;border-right:1px solid #173858;background:#07172a;color:#778fa8;padding:6px 16px;font-size:9px;cursor:pointer}.content-management-tabs button:last-child{border-right:0}.content-management-tabs button.active{background:#0b66c5;color:#fff}
.content-management-filters{display:flex;gap:8px;margin-left:auto}.content-management-filters .field{min-height:31px;font-size:9px;min-width:130px}.content-management-filters input{min-width:220px}
.content-reference-table{margin-top:8px}.content-reference-table th{font-size:9px}.content-reference-table td{font-size:9px}.content-table-title{display:flex;align-items:center;gap:8px;min-width:200px}.content-table-thumb{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:6px;background:#0b3a65;color:#60b5ff;font-size:18px}.content-table-title b,.content-table-title small{display:block}.content-table-title small{color:#6f879f;margin-top:2px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-reference-table td>small{display:block;color:#6f879f}.content-row-actions{display:flex;gap:5px}.content-table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;color:#7087a0;font-size:9px}.content-table-footer div{display:flex;gap:4px}.content-table-footer button{width:26px;height:24px;border:1px solid #193d61;border-radius:4px;background:#071a2e;color:#7f96b0}.content-table-footer button.active{border-color:#147ee1;color:#fff}

/* Checkout */
.checkout-page{display:flex;flex-direction:column;gap:14px;max-width:1180px;margin:0 auto}
.checkout-page-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.checkout-page-head h1{margin:4px 0 0;font-size:24px}.checkout-page-head p{margin:5px 0 0;color:#829ab4}.checkout-back{border:0;background:transparent;color:#68adf4;padding:0;cursor:pointer}.checkout-secure{padding:7px 9px;border:1px solid #1c805a;border-radius:7px;color:#62dba4;font-size:10px;font-weight:800;background:rgba(16,121,80,.08)}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:14px}.checkout-main-card,.checkout-summary-card{padding:20px}.checkout-main-card h2,.checkout-summary-card h2{margin:0 0 16px;font-size:16px}
.checkout-plan-line{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #1a3f65;border-radius:10px;background:#07182b}.checkout-plan-line div b,.checkout-plan-line div small{display:block}.checkout-plan-line div small{color:#7e96af;margin-top:3px}.checkout-plan-line>strong{font-size:20px;color:#e8f3ff}
.checkout-cycles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.checkout-cycles label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #1b3d61;border-radius:9px;cursor:pointer}.checkout-cycles label.active{border-color:#1689f0;background:rgba(18,119,213,.1)}.checkout-cycles label span b,.checkout-cycles label span small{display:block}.checkout-cycles label span small{color:#7e96af}
.checkout-customer{padding:14px 0;border-top:1px solid #183553;border-bottom:1px solid #183553}.checkout-customer h3{font-size:12px;margin:0 0 7px}.checkout-customer>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:11px}.checkout-customer span{color:#7d95ae}.checkout-customer b{overflow-wrap:anywhere;text-align:right}
.checkout-renew{margin-top:14px}.checkout-security-note{margin-top:12px;padding:9px 10px;border-radius:8px;background:#071a2d;color:#7590ac;font-size:10px;line-height:1.5}
.checkout-summary-card>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#839bb5}.checkout-summary-card>div b{color:#dbeafe}.checkout-summary-card .checkout-total{margin-top:8px;padding-top:14px;border-top:1px solid #20466e;color:#dbeafe}.checkout-total strong{font-size:22px;color:#69b7ff}.checkout-pay-button{width:100%;margin-top:14px;min-height:42px}.checkout-provider-note{display:block;margin-top:9px;color:#6f879e;line-height:1.5}.checkout-history{padding:14px}

/* Pricing safety and responsive */
.pricing-reference-shell{position:relative;min-width:0}.pricing-reference-header{position:relative;z-index:0;gap:14px}.pricing-cycle-switch{position:relative!important;z-index:0;flex:0 0 auto;max-width:100%}
.pricing-reference-grid>*{min-width:0}.pricing-reference-price strong{overflow-wrap:anywhere}
.pricing-comparison-card{min-width:0}.pricing-comparison-card .table-wrap{overflow-x:auto}

/* Responsive Inbox / Content / Pricing / Checkout */
@media (max-width:1180px){
  .inbox-live-shell .inbox-page-header{align-items:flex-start;flex-direction:column}
  .inbox-live-shell .inbox-page-actions{width:100%;display:flex;justify-content:space-between}
  .inbox-rebuild{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.45fr)!important}
  .inbox-info-panel{grid-column:1/-1;border-left:0!important;border-top:1px solid #173958}
  .inbox-info-scroll{display:grid!important;grid-template-columns:180px 1fr 1fr;gap:16px}
  .content-compose-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr)}
  .content-ai-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .security-password-notice{font-size:11px;margin-bottom:8px}
  .inbox-summary-grid,.content-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inbox-rebuild{display:grid!important;grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr)!important;min-height:560px}
  .inbox-info-panel{display:none}
  .inbox-webhook-strip{overflow-x:auto}
  .inbox-webhook-strip a{margin-left:0}
  .content-reference-header{align-items:flex-start}.content-reference-actions{justify-content:flex-end}
  .content-compose-grid{grid-template-columns:1fr}.content-preview-card{order:2}
  .content-media-hashtag-row{grid-template-columns:1fr}
  .content-management-head{align-items:flex-start}.content-management-filters{width:100%;margin-left:0}.content-management-filters .field{flex:1;min-width:0}
  .pricing-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pricing-reference-bottom{grid-template-columns:1fr!important}
  .pricing-reference-header{align-items:flex-start!important}
  .checkout-grid{grid-template-columns:1fr}.checkout-summary-card{order:-1}
}
@media (max-width:720px){
  .content{padding-left:12px!important;padding-right:12px!important}
  .security-password-notice{display:flex;width:max-content;max-width:100%;align-items:flex-start;flex-wrap:wrap}
  .security-password-notice .btn{margin-left:auto}
  .inbox-live-shell{gap:9px}
  .inbox-page-header h1{font-size:21px!important}
  .inbox-live-shell .inbox-page-actions{align-items:stretch;flex-direction:column}
  .inbox-channel-tabs{width:100%;display:flex}
  .inbox-channel-tab{padding:6px 9px!important}
  .inbox-script-btn{width:100%;justify-content:center}
  .inbox-summary-grid,.content-stats-grid{grid-template-columns:1fr 1fr!important;gap:8px}
  .inbox-summary-card,.content-stat-card{min-height:72px!important;padding:10px!important}
  .inbox-rebuild{display:flex!important;flex-direction:column;min-height:0!important;overflow:visible!important}
  .inbox-left-panel{width:100%;max-height:none;border-right:0!important}
  .inbox-conversation-list{max-height:320px;overflow:auto}
  .inbox-thread-panel{min-height:520px;border-top:1px solid #173958}
  .inbox-thread-head{padding:9px!important}.inbox-thread-actions .btn{font-size:0;padding:7px!important}.inbox-thread-actions .btn::after{content:'👤';font-size:13px}
  .inbox-message-scroll{min-height:340px;max-height:430px}
  .inbox-message-bubble{max-width:88%}
  .inbox-send-hint{display:none}
  .inbox-webhook-strip{padding:7px 9px}
  .content-reference-header{flex-direction:column;padding:12px}.content-reference-header h1{font-size:21px}.content-reference-actions{width:100%}.content-reference-actions .btn{flex:1;justify-content:center}
  .content-compose-card,.content-preview-card{padding:11px}
  .content-channel-tabs button{padding:6px 10px}
  .content-schedule-row{grid-template-columns:1fr 1fr}.content-schedule-label{grid-column:1/-1}.content-repeat-toggle{grid-column:1/-1}
  .content-ai-tools{grid-template-columns:1fr 1fr}
  .content-preview-hero{height:155px}.content-preview-art strong{font-size:16px}
  .content-management-tabs{width:100%;overflow-x:auto}.content-management-tabs button{flex:0 0 auto}
  .content-management-filters{display:grid;grid-template-columns:1fr 1fr}.content-management-filters input{grid-column:1/-1;min-width:0}
  .content-reference-table{min-width:760px}
  .pricing-reference-header{flex-direction:column!important}
  .pricing-cycle-switch{align-self:flex-start!important;width:auto!important;max-width:100%;flex-wrap:wrap}
  .pricing-reference-grid{grid-template-columns:1fr!important}
  .pricing-reference-card{width:100%!important;max-width:none!important}
  .pricing-compare-table{min-width:650px}
  .checkout-page-head{align-items:flex-start;flex-direction:column}.checkout-page-head h1{font-size:21px}
  .checkout-main-card,.checkout-summary-card{padding:14px}.checkout-cycles{grid-template-columns:1fr}.checkout-plan-line{grid-template-columns:auto 1fr}.checkout-plan-line>strong{grid-column:1/-1;text-align:right}
  .auto-reply-check-grid{grid-template-columns:1fr}.auto-reply-rule{grid-template-columns:1fr}.auto-reply-rule textarea{grid-column:1}
}
@media (max-width:430px){
  .inbox-summary-grid,.content-stats-grid{grid-template-columns:1fr!important}
  .content-reference-actions{flex-direction:column}.content-reference-actions .btn{width:100%}
  .content-media-hashtag-row{gap:10px}
  .content-schedule-row{grid-template-columns:1fr}
  .content-schedule-label,.content-repeat-toggle{grid-column:1}
  .content-ai-tools{grid-template-columns:1fr}
  .content-management-filters{grid-template-columns:1fr}.content-management-filters input{grid-column:1}
  .pricing-cycle-switch span{flex-basis:100%;text-align:center}
  .checkout-plan-line{grid-template-columns:1fr}.checkout-plan-line .pricing-plan-icon{display:none}
}


/* v1.0.40 — Nội dung & Đăng bài: reference parity, media preview, Vietnamese scheduler */
.content-v140{--content-line:#173b60;--content-panel:#06172a;--content-panel-2:#081c31;--content-blue:#1289f7;--content-text:#e5f0ff;--content-muted:#7891ab;display:flex;flex-direction:column;gap:10px;min-width:0}
.content-v140 .content-ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.content-v140 .content-reference-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 18px 4px}
.content-v140 .content-reference-header h1{margin:0;font-size:23px;line-height:1.1;color:#edf5ff;letter-spacing:-.4px}
.content-v140 .content-reference-header p{margin:5px 0 0;color:#8095ab;font-size:11px}
.content-v140 .content-reference-actions{display:flex;gap:14px;align-items:stretch}
.content-v140 .content-reference-actions .btn{min-height:40px;border-radius:7px;padding:0 20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.content-v140 .content-ai-button{border-color:#1b78d5;background:#06182c;color:#97c5ff}
.content-v140 .content-create-button{padding-right:0!important;overflow:hidden}
.content-v140 .content-create-caret{display:grid;place-items:center;align-self:stretch;width:40px;margin-left:10px;border-left:1px solid rgba(255,255,255,.22)}
.content-v140 .content-create-caret .content-ui-icon{width:15px;height:15px}

.content-v140 .content-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 18px}
.content-v140 .content-stat-card{position:relative;display:flex;align-items:center;min-height:82px;padding:13px 18px;border:1px solid #173653;border-radius:10px;background:linear-gradient(145deg,#07182b,#051426);overflow:hidden}
.content-v140 .content-stat-card:after{content:"";position:absolute;right:-35px;top:-48px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(30,108,196,.12),transparent 68%);pointer-events:none}
.content-v140 .content-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;margin-right:15px;border:1px solid #23528b;background:#0a274a;color:#8dbaff}
.content-v140 .content-stat-icon .content-ui-icon{width:25px;height:25px}
.content-v140 .content-stat-card.scheduled .content-stat-icon{color:#ff9e33;border-color:#714617;background:rgba(139,69,13,.18)}
.content-v140 .content-stat-card.published .content-stat-icon{color:#39dea1;border-color:#136348;background:rgba(9,102,70,.18)}
.content-v140 .content-stat-card.failed .content-stat-icon{color:#ff6276;border-color:#6e2734;background:rgba(127,26,45,.18)}
.content-v140 .content-stat-card>div small,.content-v140 .content-stat-card>div strong,.content-v140 .content-stat-card>div em{display:block}
.content-v140 .content-stat-card>div small{font-size:9px;color:#8297ad;font-style:normal}
.content-v140 .content-stat-card>div strong{font-size:22px;line-height:1.05;color:#edf6ff;margin:3px 0}
.content-v140 .content-stat-card>div em{font-size:9px;color:#788fa6;font-style:normal}
.content-v140 .content-stat-delta{position:absolute;right:18px;top:39px;font-size:9px;color:#36d99f;font-weight:800}

.content-v140 .content-compose-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;padding:0 18px}
.content-v140 .content-compose-card,.content-v140 .content-preview-card{padding:14px 16px;border-color:#173858;background:linear-gradient(150deg,#06182b,#051426)}
.content-v140 .content-compose-card>h3,.content-v140 .content-preview-card>h3{font-size:12px;margin:0 0 11px;color:#dce9f9}
.content-v140 .content-channel-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#225b8b transparent}
.content-v140 .content-channel-tabs::-webkit-scrollbar{height:6px}.content-v140 .content-channel-tabs::-webkit-scrollbar-thumb{background:#225b8b;border-radius:99px}
.content-v140 .content-channel-tabs button{min-height:34px;padding:5px 13px;border-radius:6px;border:1px solid #173b60;background:#07182b;color:#91a7be;font-size:10px}
.content-v140 .content-channel-tabs button.active{border-color:#118bf6;background:#0a3765;color:#e9f5ff;box-shadow:0 0 0 1px rgba(17,139,246,.12) inset}
.content-v140 .content-channel-tabs .inbox-platform-icon,.content-v140 .content-channel-tabs .platform-logo{width:20px;height:20px}

.content-v140 .content-message-box{position:relative;margin:9px 0 10px;border-radius:8px;border-color:#193b5d;background:#061324}
.content-v140 .content-message-box textarea{min-height:82px;padding:11px 38px 26px 13px;font-size:10px;line-height:1.55}
.content-v140 .content-message-emoji{position:absolute;right:10px;top:10px;width:20px;height:20px;border:1px solid #52677d;border-radius:50%;background:transparent;color:#8296aa;font-size:12px;line-height:16px;cursor:pointer}
.content-v140 .content-message-counter{font-size:8px;right:11px;bottom:7px}

.content-v140 .content-media-hashtag-row{grid-template-columns:minmax(260px,.95fr) minmax(310px,1.05fr);gap:14px;padding:2px 0 10px}
.content-v140 .content-media-strip{display:flex;align-items:center;gap:8px;min-height:68px;overflow-x:auto;padding:1px 2px 6px;scrollbar-width:thin;scrollbar-color:#215477 transparent}
.content-v140 .content-media-strip::-webkit-scrollbar{height:5px}.content-v140 .content-media-strip::-webkit-scrollbar-thumb{background:#215477;border-radius:99px}
.content-v140 .content-media-thumb-wrap{position:relative;flex:0 0 70px;width:70px;height:66px}
.content-v140 .content-media-thumb,.content-v140 .content-media-placeholder,.content-v140 .content-add-media{width:70px;height:66px;flex:0 0 70px;border-radius:7px;border:1px solid #2a4c6c;background:#0a1a2d}
.content-v140 .content-media-thumb-wrap .content-media-thumb{width:100%;height:100%}
.content-v140 .content-media-thumb img{width:100%;height:100%;object-fit:cover}
.content-v140 .content-media-remove{position:absolute;right:-5px;top:-5px;z-index:3;display:grid;place-items:center;width:21px;height:21px;padding:0;border:1px solid #9d3850;border-radius:50%;background:#571827;color:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.45);opacity:1;transform:scale(1);transition:.15s ease}
.content-v140 .content-media-remove .content-ui-icon{width:12px;height:12px}
.content-v140 .content-media-thumb-wrap:hover .content-media-remove,.content-v140 .content-media-thumb-wrap:focus-within .content-media-remove{opacity:1;transform:scale(1)}
.content-v140 .content-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#607b97;font-size:8px}
.content-v140 .content-media-placeholder .content-ui-icon{width:22px;height:22px}
.content-v140 .content-add-media{display:grid;place-items:center;border-style:dashed;color:#89a4bf;cursor:pointer}
.content-v140 .content-add-media .content-ui-icon{width:24px;height:24px}
.content-v140 .content-video-thumb,.content-v140 .content-product-thumb{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#8fb9df;padding:4px}
.content-v140 .content-video-thumb small,.content-v140 .content-product-thumb small{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}
.content-v140 .content-hashtag-box{min-width:0;padding-left:3px}
.content-v140 .content-hashtag-box>div:first-child{font-size:10px}
.content-v140 .content-hashtag-box>div:first-child button{display:grid;place-items:center;width:28px;height:25px;color:#7894b1}
.content-v140 .content-hashtag-box>div:first-child button .content-ui-icon{width:15px;height:15px}
.content-v140 .content-hashtag-box>div:last-child{gap:5px;margin-top:6px}
.content-v140 .content-hashtag-box>div:last-child button{font-size:8px;padding:4px 7px}
.content-v140 .content-hashtag-note{display:block;margin-top:6px;color:#58728d;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.content-v140 .content-publish-advanced{padding-top:8px}
.content-v140 .content-format-select{display:flex;align-items:center;gap:8px;max-width:260px;margin-bottom:7px}
.content-v140 .content-format-select>span{font-size:9px;color:#758da7;white-space:nowrap}
.content-v140 .content-format-select .field{min-height:30px;font-size:9px}
.content-v140 #facebook-video-fields{display:grid;grid-template-columns:1fr;gap:6px;margin:5px 0}
.content-v140 #facebook-video-fields .field{min-height:32px;font-size:9px}
.content-v140 .content-schedule-row{position:relative;display:grid;grid-template-columns:auto minmax(245px,1fr) minmax(125px,.45fr) auto;gap:10px;align-items:end;padding-top:7px;border-top:1px solid #153551}
.content-v140 .content-schedule-label{display:flex;align-items:center;gap:6px;padding-bottom:8px;color:#b9cbe0;font-size:10px;font-weight:700}
.content-v140 .content-schedule-label .content-ui-icon{width:16px;height:16px}
.content-v140 .content-schedule-field{position:relative;display:grid;gap:4px}
.content-v140 .content-schedule-field>span,.content-v140 .content-schedule-row label>span{font-size:8px;color:#6f88a3}
.content-v140 .content-schedule-button{display:flex;align-items:center;gap:7px;text-align:left;padding:0 10px;min-height:34px;color:#d7e8fa;cursor:pointer}
.content-v140 .content-schedule-button strong{flex:1;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-v140 .content-schedule-button .content-ui-icon{width:15px;height:15px;color:#88a8c8}
.content-v140 .content-repeat-toggle{display:flex!important;align-items:center;gap:7px;padding-bottom:7px;white-space:nowrap;cursor:pointer}
.content-v140 .content-repeat-toggle>input{position:absolute;opacity:0;pointer-events:none}
.content-v140 .content-repeat-toggle>span:last-child{display:flex;align-items:center;gap:5px;font-size:9px;color:#829bb4}
.content-v140 .content-repeat-toggle>span:last-child .content-ui-icon{width:14px;height:14px}
.content-v140 .content-repeat-switch{position:relative;width:28px;height:15px;border-radius:99px;background:#536477;transition:.2s ease;box-shadow:0 0 0 1px #243c53 inset}
.content-v140 .content-repeat-switch:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;left:2px;top:2px;background:#c0cbd5;transition:.2s ease}
.content-v140 .content-repeat-toggle input:checked+.content-repeat-switch{background:#137ce0}
.content-v140 .content-repeat-toggle input:checked+.content-repeat-switch:after{transform:translateX(13px);background:#fff}
.content-v140 .content-repeat-options{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(90px,.5fr) minmax(120px,.65fr) 1.4fr;gap:8px;align-items:end;padding:9px 10px;margin-top:6px;border:1px solid #173b60;border-radius:8px;background:#06182a}
.content-v140 .content-repeat-options[hidden]{display:none}
.content-v140 .content-repeat-options label{display:grid;gap:4px}.content-v140 .content-repeat-options label>span{font-size:8px;color:#718ba5}
.content-v140 .content-repeat-options .field{min-height:30px;font-size:8px}
.content-v140 .content-repeat-options>small{align-self:center;color:#647d96;font-size:8px;line-height:1.45}

.content-v140 .content-schedule-popover{position:absolute;left:105px;top:58px;z-index:80;width:min(610px,calc(100vw - 80px));filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.content-v140 .content-schedule-popover[hidden]{display:none}
.content-v140 .content-schedule-popover-card{overflow:hidden;border:1px solid #245b8c;border-radius:11px;background:#06172a;color:#e5f1ff;box-shadow:0 0 0 1px rgba(28,125,214,.08) inset}
.content-v140 .content-schedule-popover-card>header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;padding:10px 12px;border-bottom:1px solid #173c5e;background:#081c31}
.content-v140 .content-schedule-popover-card>header strong{text-align:center;text-transform:capitalize;font-size:12px}
.content-v140 .content-schedule-popover-card>header button{height:30px;border:1px solid #1b466f;border-radius:6px;background:#07182b;color:#9dc8f1;font-size:18px;cursor:pointer}
.content-v140 .content-schedule-picker-body{display:grid;grid-template-columns:1fr 120px;min-height:300px}
.content-v140 .content-schedule-calendar{padding:12px}
.content-v140 .content-schedule-weekdays,.content-v140 .content-schedule-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.content-v140 .content-schedule-weekdays{margin-bottom:6px}
.content-v140 .content-schedule-weekdays span{text-align:center;color:#6f8ba7;font-size:8px;font-weight:700}
.content-v140 .content-schedule-days button{height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:#cfe0f2;font-size:9px;cursor:pointer}
.content-v140 .content-schedule-days button:hover:not(:disabled){border-color:#23598c;background:#0a2847}
.content-v140 .content-schedule-days button.outside{color:#3f5770}
.content-v140 .content-schedule-days button.today{border-color:#2d628e}
.content-v140 .content-schedule-days button.selected{border-color:#1591ff;background:#0d5ca8;color:#fff;box-shadow:0 0 14px rgba(21,145,255,.2)}
.content-v140 .content-schedule-days button:disabled{opacity:.25;cursor:not-allowed}
.content-v140 .content-schedule-times{padding:12px 10px;border-left:1px solid #173c5e;background:#071a2d}
.content-v140 .content-schedule-times>b{display:block;margin-bottom:7px;font-size:9px;color:#9bb1c8}
.content-v140 .content-time-scroll{height:248px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#1e75b6 #071a2d}
.content-v140 .content-time-scroll::-webkit-scrollbar{width:8px}.content-v140 .content-time-scroll::-webkit-scrollbar-track{background:#071a2d;border-radius:99px}.content-v140 .content-time-scroll::-webkit-scrollbar-thumb{background:#1e75b6;border-radius:99px;border:2px solid #071a2d}
.content-v140 .content-time-scroll button{display:block;width:100%;height:30px;margin:0 0 4px;border:1px solid #173d60;border-radius:6px;background:#061426;color:#8da8c2;font-size:9px;cursor:pointer}
.content-v140 .content-time-scroll button.selected{border-color:#168df4;background:#0c4e8a;color:#fff}
.content-v140 .content-schedule-popover-card>footer{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid #173c5e;background:#081c31}
.content-v140 .content-schedule-popover-card>footer span{flex:1;text-align:center;color:#88a3bd;font-size:8px}
.content-v140 .content-schedule-popover-card>footer .btn{min-height:30px;padding:0 11px;font-size:8px}

.content-v140 .content-tiktok-fields{padding:10px;border:1px solid #183a59;border-radius:8px;background:#06172a;margin-top:7px}
.content-v140 .content-consent{font-size:9px;line-height:1.45;color:#9cb0c4}
.content-v140 .content-commerce-fields{margin-top:8px;padding:10px;border:1px solid #1b3f61;border-radius:8px;background:#06182a}
.content-v140 .content-commerce-intro{display:flex;align-items:center;gap:9px}.content-v140 .content-commerce-intro div b,.content-v140 .content-commerce-intro div small{display:block}.content-v140 .content-commerce-intro div small{margin-top:2px;color:#718ba5;font-size:8px}
.content-v140 .content-commerce-products{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.content-v140 .content-commerce-products>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #1c4a70;border-radius:6px;background:#08223c;font-size:8px}.content-v140 .content-commerce-products .content-ui-icon{width:14px;height:14px}.content-v140 .content-commerce-products small{color:#64c8ff}.content-v140 .content-commerce-products p{margin:0;color:#718aa2;font-size:8px}
.content-v140 .content-commerce-warning{font-size:8px;color:#728ba3;line-height:1.45}
.content-v140 .content-submit-row{padding-top:9px}.content-v140 .content-submit-row>span{font-size:7px;line-height:1.4;max-width:75%;color:#647e98}.content-v140 .content-submit-row .btn{min-width:104px;min-height:34px;font-size:9px}

.content-v140 .content-ai-tools{gap:7px;margin-top:10px}
.content-v140 .content-ai-tools>button{min-height:46px;padding:7px 10px;border-radius:7px}
.content-v140 .content-ai-tools>button>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #5b2f91;border-radius:7px;background:linear-gradient(145deg,#39246e,#131d4a);color:#c17cff}
.content-v140 .content-ai-tools>button:nth-child(2)>span{color:#77a9ff;border-color:#315a9e;background:linear-gradient(145deg,#183b78,#141c43)}
.content-v140 .content-ai-tools>button:nth-child(3)>span{color:#bf7fff}
.content-v140 .content-ai-tools>button:nth-child(4)>span{color:#ff5570;border-color:#703044;background:linear-gradient(145deg,#562132,#191c3c)}
.content-v140 .content-ai-tools>button>span .content-ui-icon{width:18px;height:18px}
.content-v140 .content-ai-tools b{font-size:9px}.content-v140 .content-ai-tools small{font-size:7px}

.content-v140 .content-preview-card{min-width:0}
.content-v140 .content-preview-card h3>span{display:grid;place-items:center}
.content-v140 .content-facebook-preview{border-radius:9px;border-color:#173a5d;background:#07192c}
.content-v140 .content-facebook-preview .publish-preview-brand{padding:10px 12px}
.content-v140 .content-facebook-preview .publish-preview-brand .platform-logo{width:28px;height:28px}
.content-v140 .content-facebook-preview .publish-preview-brand b{font-size:10px}.content-v140 .content-facebook-preview .publish-preview-brand small{display:block;margin-top:1px;color:#71899f;font-size:8px}
.content-v140 .content-facebook-preview .publish-preview-brand button{display:grid;place-items:center;color:#70859c}
.content-v140 .content-facebook-preview .publish-preview-brand button .content-ui-icon{width:18px;height:18px}
.content-v140 .content-facebook-preview>p{font-size:10px;line-height:1.55;margin-bottom:3px}
.content-v140 .content-preview-hashtags{font-size:9px;padding-bottom:9px}
.content-v140 .content-preview-hero{height:190px;margin:0 10px 8px;background:linear-gradient(135deg,#071a38,#043987)!important}
.content-v140 .content-preview-art strong{font-size:19px}.content-v140 .content-preview-art small{font-size:9px}.content-v140 .content-preview-art>span{display:grid;place-items:center;width:95px;height:95px;border:5px solid #43d6ff;border-radius:45% 45% 50% 50%;font-size:22px;font-weight:900}
.content-v140 .content-preview-image-grid{width:100%;height:100%;display:grid;gap:2px;background:#020a13}
.content-v140 .content-preview-image-grid.count-1{grid-template-columns:1fr}.content-v140 .content-preview-image-grid.count-2{grid-template-columns:1fr 1fr}.content-v140 .content-preview-image-grid.count-3,.content-v140 .content-preview-image-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.content-v140 .content-preview-image-grid.count-3 .content-preview-image-cell:first-child{grid-row:1/3}
.content-v140 .content-preview-image-cell{position:relative;overflow:hidden;min-width:0;min-height:0}.content-v140 .content-preview-image-cell img{width:100%;height:100%;object-fit:cover}.content-v140 .content-preview-image-cell>span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:22px;font-weight:800}
.content-v140 .content-preview-video-wrap{width:100%;height:100%;position:relative;background:#000}.content-v140 .content-preview-video-wrap video{width:100%;height:100%;object-fit:contain;background:#000}.content-v140 .content-preview-media-name{position:absolute;left:8px;bottom:8px;max-width:85%;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-v140 .content-preview-products{height:100%;padding:8px;overflow-y:auto;background:#07182a}.content-v140 .content-preview-products article{display:grid;grid-template-columns:55px 1fr;gap:8px;align-items:center;padding:7px;border:1px solid #173b5c;border-radius:7px;background:#0a2038;margin-bottom:6px}.content-v140 .content-preview-products article>img,.content-v140 .content-preview-products article>span{width:55px;height:48px;border-radius:5px;object-fit:cover;background:#061426;display:grid;place-items:center}.content-v140 .content-preview-products b,.content-v140 .content-preview-products small,.content-v140 .content-preview-products strong{display:block}.content-v140 .content-preview-products b{font-size:9px}.content-v140 .content-preview-products small{font-size:7px;color:#718aa3}.content-v140 .content-preview-products strong{font-size:9px;color:#ff934f;margin-top:3px}
.content-v140 .publish-preview-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #173553}.content-v140 .publish-preview-actions span{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 4px;color:#8ba0b5;font-size:9px}.content-v140 .publish-preview-actions .content-ui-icon{width:14px;height:14px}

.content-v140 .content-management-card{margin:0 18px;padding:10px 16px 11px;border-color:#173858}
.content-v140 .content-management-head h3{font-size:11px}
.content-v140 .content-management-tabs button{padding:6px 18px;font-size:8px}
.content-v140 .content-management-filters{gap:8px;align-items:center}
.content-v140 .content-management-filters .field{min-height:29px;font-size:8px;min-width:130px}
.content-v140 .content-management-filters input{min-width:220px}
.content-v140 .content-date-filter{display:flex;align-items:center;gap:5px;min-height:29px;padding:0 8px;border:1px solid #173a5e;border-radius:6px;background:#07172a;color:#8099b2}.content-v140 .content-date-filter .content-ui-icon{width:14px;height:14px}.content-v140 .content-date-filter input{width:88px;padding:0;border:0;background:transparent;color:#849bb2;font-size:8px;outline:0}
.content-v140 .content-reference-table{min-width:920px;margin-top:8px}.content-v140 .content-reference-table th,.content-v140 .content-reference-table td{font-size:8px}
.content-v140 .content-table-thumb{overflow:hidden}.content-v140 .content-table-thumb img{width:100%;height:100%;object-fit:cover}.content-v140 .content-table-thumb .content-ui-icon{width:19px;height:19px}
.content-v140 .content-table-channel{display:flex;align-items:center;gap:4px}.content-v140 .content-table-channel .inbox-platform-icon,.content-v140 .content-table-channel .platform-logo{width:18px;height:18px}
.content-v140 .content-performance{display:flex;align-items:center;gap:8px}.content-v140 .content-performance-bars{display:flex;align-items:flex-end;gap:3px;width:21px;height:24px}.content-v140 .content-performance-bars i{display:block;width:3px;background:#aec5da;border-radius:2px}.content-v140 .content-performance-bars i:nth-child(1){height:9px}.content-v140 .content-performance-bars i:nth-child(2){height:18px}.content-v140 .content-performance-bars i:nth-child(3){height:13px}.content-v140 .content-performance b,.content-v140 .content-performance small{display:block}.content-v140 .content-performance small{color:#70879e;font-size:7px}
.content-v140 .content-row-actions .icon-btn{width:29px;height:27px}.content-v140 .content-row-actions .content-ui-icon{width:14px;height:14px}
.content-v140 .content-empty-posts{padding:24px;text-align:center;color:#6f879e}
.content-v140 .content-table-footer{font-size:8px}.content-v140 .content-pagination{display:flex;align-items:center;gap:4px}.content-v140 .content-pagination .field{width:82px;min-height:25px;font-size:8px;margin-left:8px}

.content-media-picker-modal{width:min(980px,94vw);max-height:88vh}
.content-media-picker-modal .modal-head>div small{display:block;margin-top:3px;color:#748da5;font-size:9px}
.content-media-picker-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1c6da9 #061426}
.content-media-picker-toolbar{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #173858}.content-media-picker-toolbar .btn{display:inline-flex;align-items:center;gap:6px}.content-media-picker-toolbar .content-ui-icon{width:16px;height:16px}.content-media-picker-toolbar small{color:#7089a1}
.content-media-picker-body section{margin-top:14px}.content-media-picker-body section>h3{font-size:11px;margin:0 0 8px}
.content-media-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.content-media-library-item{position:relative;min-width:0;padding:0 0 8px;border:1px solid #183b5d;border-radius:8px;background:#07182a;color:#d9e7f5;text-align:left;overflow:hidden;cursor:pointer}.content-media-library-item>img,.content-media-library-video{display:grid;place-items:center;width:100%;height:105px;object-fit:cover;background:#040d17}.content-media-library-video .content-ui-icon{width:34px;height:34px;color:#7ea9d2}.content-media-library-item>b,.content-media-library-item>small{display:block;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-media-library-item>b{font-size:9px;margin-top:7px}.content-media-library-item>small{font-size:7px;color:#7188a0;margin-top:2px}.content-media-library-check{position:absolute;right:6px;top:6px;z-index:2;display:none;width:22px;height:22px;border-radius:50%;place-items:center;background:#1187f1;color:#fff}.content-media-library-item.selected,.content-product-picker-item.selected{border-color:#1592ff;box-shadow:0 0 0 1px #1592ff inset}.content-media-library-item.selected .content-media-library-check,.content-product-picker-item.selected .content-media-library-check{display:grid}
.content-product-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.content-product-picker-item{position:relative;display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid #183b5d;border-radius:8px;background:#07182a;color:#d9e7f5;text-align:left;cursor:pointer}.content-product-picker-item>span:nth-of-type(2){display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#0b2947;color:#ff874c}.content-product-picker-item .content-ui-icon{width:21px;height:21px}.content-product-picker-item b,.content-product-picker-item small,.content-product-picker-item strong{display:block}.content-product-picker-item b{font-size:9px}.content-product-picker-item small{font-size:7px;color:#7189a2}.content-product-picker-item strong{font-size:8px;color:#ff9256;margin-top:2px}.content-picker-empty{grid-column:1/-1;padding:20px;border:1px dashed #24435f;border-radius:8px;text-align:center;color:#6f879f}
.content-asset-preview img,.content-asset-preview video{display:block;max-width:100%;max-height:70vh;margin:auto;border-radius:8px}.content-product-preview-modal{display:flex;align-items:center;gap:14px}.content-product-preview-modal>span{display:grid;place-items:center;width:70px;height:70px;border-radius:10px;background:#0a2c4d;color:#ff874d}.content-product-preview-modal>img{width:92px;height:92px;object-fit:cover;border-radius:10px;border:1px solid #234766;background:#07182b}.content-product-preview-modal .content-ui-icon{width:34px;height:34px}.content-product-preview-modal h3{margin:0}.content-product-preview-modal p{color:#71899f}.content-product-preview-modal strong,.content-product-preview-modal small{display:block;margin-top:4px}

@media (max-width:1180px){
  .content-v140 .content-compose-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)}
  .content-v140 .content-schedule-row{grid-template-columns:auto minmax(210px,1fr) 120px}
  .content-v140 .content-repeat-toggle{grid-column:2/4;padding-bottom:0}
  .content-v140 .content-repeat-options{grid-template-columns:repeat(3,1fr)}.content-v140 .content-repeat-options>small{grid-column:1/-1}
  .content-v140 .content-management-filters{width:100%;margin-left:0;overflow-x:auto}
}
@media (max-width:900px){
  .content-v140 .content-reference-header{align-items:flex-start}.content-v140 .content-reference-actions{flex-wrap:wrap;justify-content:flex-end}
  .content-v140 .content-reference-actions .btn{min-height:36px;padding:0 12px}
  .content-v140 .content-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-v140 .content-compose-grid{grid-template-columns:1fr}.content-v140 .content-preview-card{order:2}
  .content-v140 .content-media-hashtag-row{grid-template-columns:1fr}.content-v140 .content-hashtag-note{white-space:normal}
  .content-v140 .content-schedule-popover{left:0;width:min(610px,calc(100vw - 70px))}
  .content-v140 .content-management-tabs{max-width:100%;overflow-x:auto}.content-v140 .content-management-tabs button{white-space:nowrap}
  .content-media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-product-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .content-v140{gap:8px}
  .content-v140 .content-reference-header{padding:8px 8px 0;display:block}.content-v140 .content-reference-header h1{font-size:20px}.content-v140 .content-reference-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;gap:8px}.content-v140 .content-reference-actions .btn{width:100%;justify-content:center;font-size:9px}
  .content-v140 .content-stats-grid{padding:0 8px;gap:8px}.content-v140 .content-stat-card{min-height:76px;padding:10px}.content-v140 .content-stat-icon{width:36px;height:36px;margin-right:9px}.content-v140 .content-stat-icon .content-ui-icon{width:21px;height:21px}.content-v140 .content-stat-card>div strong{font-size:19px}.content-v140 .content-stat-delta{display:none}
  .content-v140 .content-compose-grid{padding:0 8px;gap:8px}.content-v140 .content-compose-card,.content-v140 .content-preview-card{padding:11px}
  .content-v140 .content-channel-tabs button{padding:5px 10px;font-size:9px}
  .content-v140 .content-media-hashtag-row{grid-template-columns:1fr}
  .content-v140 .content-media-thumb-wrap,.content-v140 .content-media-thumb,.content-v140 .content-media-placeholder,.content-v140 .content-add-media{width:62px;height:60px;flex-basis:62px}.content-v140 .content-media-thumb-wrap{flex-basis:62px}
  .content-v140 .content-media-remove{opacity:1;transform:scale(1)}
  .content-v140 .content-schedule-row{grid-template-columns:1fr;gap:7px}.content-v140 .content-schedule-label{padding:0}.content-v140 .content-repeat-toggle{grid-column:auto;padding:2px 0}
  .content-v140 .content-repeat-options{grid-template-columns:1fr 1fr}.content-v140 .content-repeat-options label:nth-child(3){grid-column:1/-1}.content-v140 .content-repeat-options>small{grid-column:1/-1}
  .content-v140 .content-schedule-popover{position:fixed;left:8px;right:8px;top:50%;width:auto;transform:translateY(-50%);z-index:300}
  .content-v140 .content-schedule-picker-body{grid-template-columns:1fr 92px;min-height:270px}.content-v140 .content-schedule-calendar{padding:8px}.content-v140 .content-schedule-days{gap:3px}.content-v140 .content-schedule-days button{height:31px}.content-v140 .content-schedule-times{padding:8px 6px}.content-v140 .content-time-scroll{height:220px}
  .content-v140 .content-submit-row{align-items:flex-start;flex-direction:column}.content-v140 .content-submit-row>span{max-width:100%}.content-v140 .content-submit-row .btn{width:100%}
  .content-v140 .content-ai-tools{grid-template-columns:1fr 1fr}.content-v140 .content-ai-tools>button{min-width:0}
  .content-v140 .content-preview-hero{height:210px}.content-v140 .content-preview-art strong{font-size:16px;max-width:62%}.content-v140 .content-preview-art>span{width:75px;height:75px;font-size:18px}
  .content-v140 .content-management-card{margin:0 8px;padding:10px}.content-v140 .content-management-head{display:block}.content-v140 .content-management-tabs{margin:8px 0}.content-v140 .content-management-filters{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.content-v140 .content-management-filters input{min-width:0;grid-column:1/-1}.content-v140 .content-date-filter{grid-column:1/-1}.content-v140 .content-date-filter input{width:100%}
  .content-v140 .content-table-footer{align-items:flex-start;gap:8px;flex-direction:column}.content-v140 .content-pagination{max-width:100%;overflow-x:auto}
  .content-media-picker-modal{width:96vw}.content-media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-product-picker-grid{grid-template-columns:1fr}.content-media-picker-toolbar{align-items:flex-start;flex-direction:column}
}


/* v1.0.40 — Nội dung & Đăng bài: expanded full-media preview patch */
.content-v140 .content-preview-card{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  min-height:0;
}
.content-v140 .content-facebook-preview{
  display:flex;
  flex:1;
  min-height:520px;
  flex-direction:column;
}
.content-v140 .content-preview-hero{
  display:flex!important;
  flex:1;
  min-height:360px;
  height:auto!important;
  max-height:none;
  place-items:initial!important;
  padding:0!important;
  background:#020913!important;
}
.content-v140 .content-preview-stage{
  position:relative;
  display:flex;
  flex:1;
  min-height:360px;
  flex-direction:column;
  background:
    radial-gradient(circle at 50% 42%,rgba(30,118,255,.12),transparent 42%),
    linear-gradient(180deg,#020812,#03101d);
}
.content-v140 .content-preview-primary{
  display:flex;
  flex:1;
  min-height:300px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:12px;
}
.content-v140 .content-preview-main-grid{
  display:flex!important;
  width:100%;
  height:100%;
  min-height:300px;
  align-items:center;
  justify-content:center;
  background:#01060d;
}
.content-v140 .content-preview-main-grid .content-preview-image-cell{
  display:flex;
  width:100%;
  height:100%;
  min-height:300px;
  align-items:center;
  justify-content:center;
  background:#01060d;
}
.content-v140 .content-preview-main-grid .content-preview-image-cell img{
  display:block;
  width:100%;
  height:auto!important;
  max-width:100%;
  max-height:600px;
  object-fit:contain!important;
  object-position:center;
}
.content-v140 .content-preview-video-wrap{
  display:flex;
  width:100%;
  height:100%;
  min-height:300px;
  align-items:center;
  justify-content:center;
}
.content-v140 .content-preview-video-wrap video{
  display:block;
  width:100%;
  height:auto!important;
  max-width:100%;
  max-height:600px;
  object-fit:contain!important;
  object-position:center;
}
.content-v140 .content-preview-product-main{
  display:flex;
  width:100%;
  height:auto!important;
  min-height:300px;
  align-items:center;
  justify-content:center;
  overflow:visible;
  padding:16px;
  background:#020a13;
}
.content-v140 .content-preview-product-main article{
  width:min(100%,620px);
  margin:0;
  grid-template-columns:minmax(170px,.72fr) minmax(0,1fr);
  gap:14px;
  padding:14px;
}
.content-v140 .content-preview-product-main article>img,
.content-v140 .content-preview-product-main article>span{
  width:100%;
  height:220px;
  object-fit:contain!important;
  background:#020812;
}
.content-v140 .content-preview-product-main article em{
  display:block;
  margin-top:5px;
  color:#718aa3;
  font-size:8px;
  font-style:normal;
}
.content-v140 .content-preview-expand{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  padding:0;
  border:1px solid #2a5e8f;
  border-radius:8px;
  background:rgba(2,12,25,.88);
  color:#d9edff;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
.content-v140 .content-preview-expand:hover{
  border-color:#2e93ee;
  background:#082544;
}
.content-v140 .content-preview-expand .content-ui-icon{
  width:17px;
  height:17px;
}
.content-v140 .content-preview-selector{
  display:flex;
  flex:0 0 auto;
  gap:8px;
  padding:10px;
  overflow-x:auto;
  border-top:1px solid #173553;
  background:#051321;
  scrollbar-width:thin;
  scrollbar-color:#246a9e #061321;
}
.content-v140 .content-preview-selector::-webkit-scrollbar{height:7px}
.content-v140 .content-preview-selector::-webkit-scrollbar-track{background:#061321}
.content-v140 .content-preview-selector::-webkit-scrollbar-thumb{border-radius:999px;background:#246a9e}
.content-v140 .content-preview-selector-item{
  position:relative;
  display:grid;
  flex:0 0 70px;
  width:70px;
  height:70px;
  place-items:center;
  overflow:hidden;
  padding:0;
  border:1px solid #214566;
  border-radius:8px;
  background:#061524;
  color:#7fa5c7;
  cursor:pointer;
}
.content-v140 .content-preview-selector-item.active{
  border-color:#1592ff;
  box-shadow:0 0 0 1px #1592ff inset,0 0 16px rgba(21,146,255,.18);
}
.content-v140 .content-preview-selector-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.content-v140 .content-preview-selector-item>span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
}
.content-v140 .content-preview-selector-item>span .content-ui-icon{
  width:26px;
  height:26px;
}
.content-v140 .content-preview-selector-item small{
  position:absolute;
  right:4px;
  bottom:4px;
  padding:2px 4px;
  border-radius:4px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:6px;
}
.content-draft-media-modal{
  width:min(1080px,96vw);
}
.content-draft-media-modal .modal-body{
  max-height:78vh;
  overflow:auto;
}
.content-draft-media-modal .content-asset-preview{
  display:flex;
  min-height:360px;
  align-items:center;
  justify-content:center;
  background:#01060d;
  border-radius:10px;
}
.content-draft-media-modal .content-asset-preview img,
.content-draft-media-modal .content-asset-preview video{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:74vh;
  object-fit:contain;
  object-position:center;
}
.content-draft-media-modal .content-product-preview-modal>img{
  width:min(42vw,420px);
  height:min(42vw,420px);
  object-fit:contain;
  background:#020812;
}

@media (max-width:900px){
  .content-v140 .content-facebook-preview{min-height:0}
  .content-v140 .content-preview-hero{min-height:340px}
  .content-v140 .content-preview-stage{min-height:340px}
  .content-v140 .content-preview-primary{min-height:280px}
}
@media (max-width:640px){
  .content-v140 .content-preview-hero{min-height:300px}
  .content-v140 .content-preview-stage{min-height:300px}
  .content-v140 .content-preview-primary{min-height:240px;padding:8px}
  .content-v140 .content-preview-main-grid,
  .content-v140 .content-preview-main-grid .content-preview-image-cell,
  .content-v140 .content-preview-video-wrap,
  .content-v140 .content-preview-product-main{min-height:240px}
  .content-v140 .content-preview-main-grid .content-preview-image-cell img,
  .content-v140 .content-preview-video-wrap video{max-height:70vh}
  .content-v140 .content-preview-product-main article{
    grid-template-columns:1fr;
  }
  .content-v140 .content-preview-product-main article>img,
  .content-v140 .content-preview-product-main article>span{
    height:min(70vw,320px);
  }
  .content-v140 .content-preview-selector-item{
    flex-basis:62px;
    width:62px;
    height:62px;
  }
  .content-draft-media-modal .content-product-preview-modal{
    align-items:stretch;
    flex-direction:column;
  }
  .content-draft-media-modal .content-product-preview-modal>img{
    width:100%;
    height:auto;
    max-height:60vh;
  }
}


/* v1.0.40 — Calendar reference approval workspace */
.calendar-reference-shell{
  display:grid;
  gap:12px;
  min-width:0;
  color:var(--text);
}
.calendar-reference-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-width:0;
  padding:2px 0 0;
}
.calendar-reference-heading h1{
  margin:0;
  font-size:26px;
  line-height:1.18;
  letter-spacing:-.02em;
  color:#eef6ff;
}
.calendar-reference-heading p{
  margin:6px 0 0;
  color:#8298b3;
  font-size:13px;
}
.calendar-reference-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.calendar-ref-icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.calendar-head-guide,
.calendar-head-notification,
.calendar-create-main,
.calendar-create-toggle{
  min-height:42px;
  border:1px solid #1d4b82;
  background:#06162c;
  color:#9bc3f8;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  cursor:pointer;
}
.calendar-head-guide{padding:0 14px}
.calendar-head-guide:hover,
.calendar-head-notification:hover{
  border-color:#2d7bd1;
  color:#d9ecff;
  background:#09213f;
}
.calendar-head-notification{
  width:42px;
  position:relative;
}
.calendar-head-notification b{
  position:absolute;
  top:-7px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ef3038;
  color:#fff;
  font-size:10px;
  box-shadow:0 0 0 2px #06162c;
}
.calendar-create-split{
  position:relative;
  display:flex;
  align-items:stretch;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,83,255,.16);
}
.calendar-create-main,
.calendar-create-toggle{
  border-color:#1e7dff;
  color:#fff;
  background:linear-gradient(180deg,#116dff,#0754d6);
  border-radius:0;
}
.calendar-create-main{
  min-width:184px;
  padding:0 14px;
  border-radius:9px 0 0 9px;
  font-weight:750;
}
.calendar-create-toggle{
  width:44px;
  border-left-color:rgba(255,255,255,.2);
  border-radius:0 9px 9px 0;
}
.calendar-create-main:hover,
.calendar-create-toggle:hover{filter:brightness(1.08)}
.calendar-create-menu{
  position:absolute;
  z-index:90;
  top:calc(100% + 7px);
  right:0;
  width:235px;
  padding:7px;
  border:1px solid #245480;
  border-radius:12px;
  background:#06172c;
  box-shadow:0 22px 60px rgba(0,0,0,.45);
}
.calendar-create-menu[hidden]{display:none}
.calendar-create-menu button{
  width:100%;
  min-height:40px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
  background:transparent;
  color:#dbe9f8;
  cursor:pointer;
  text-align:left;
}
.calendar-create-menu button:hover{background:#0c294b}
.calendar-reference-toolbar{
  min-width:0;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:11px 0;
  border-top:1px solid rgba(31,69,109,.55);
}
.calendar-view-tabs{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #21476f;
  border-radius:8px;
  background:#06172a;
}
.calendar-view-tabs button{
  height:38px;
  min-width:68px;
  padding:0 13px;
  border:0;
  border-right:1px solid #173755;
  background:transparent;
  color:#9cb0c8;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.calendar-view-tabs button:last-child{border-right:0}
.calendar-view-tabs button.active{
  color:#fff;
  background:linear-gradient(180deg,#1474f5,#0b58ce);
  box-shadow:inset 0 0 0 1px rgba(85,160,255,.34);
}
.calendar-view-tabs .calendar-ref-icon{width:14px;height:14px}
.calendar-date-nav{
  height:38px;
  display:flex;
  align-items:center;
  gap:0;
}
.calendar-date-nav>button,
.calendar-date-nav>strong{
  height:38px;
  border:1px solid #21476f;
  background:#06172a;
  color:#d8e6f6;
  display:grid;
  place-items:center;
}
.calendar-date-nav>button{
  width:38px;
  cursor:pointer;
  font-size:18px;
}
.calendar-date-nav>strong{
  min-width:92px;
  padding:0 10px;
  border-left:0;
  border-right:0;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.calendar-date-nav>button:first-child{border-radius:8px 0 0 8px}
.calendar-date-nav>button:nth-of-type(2){border-radius:0 8px 8px 0}
.calendar-date-nav>.calendar-today-button{
  width:auto;
  min-width:66px;
  margin-left:8px;
  padding:0 10px;
  border-radius:7px;
  font-size:11px;
}
.calendar-reference-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:8px;
  min-width:0;
}
.calendar-reference-filters label{min-width:0}
.calendar-reference-filters select{
  width:100%;
  height:38px;
  min-width:0;
  padding:0 32px 0 11px;
  border:1px solid #21476f;
  border-radius:7px;
  background:#071a31;
  color:#c9daed;
  font-size:11px;
  outline:none;
}
.calendar-reference-filters select:focus{
  border-color:#2e8eff;
  box-shadow:0 0 0 2px rgba(46,142,255,.13);
}
.calendar-reference-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 304px;
  align-items:stretch;
  gap:12px;
  min-width:0;
}
.calendar-reference-calendar-card{
  min-width:0;
  overflow:hidden;
  padding:0;
  border-color:#1d4064;
  background:#04152a;
}
.calendar-reference-grid-wrap{
  width:100%;
  overflow:auto;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}
.calendar-reference-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(120px,1fr));
  min-width:840px;
  background:#04152a;
}
.calendar-ref-weekday{
  height:34px;
  display:grid;
  place-items:center;
  border-right:1px solid #173653;
  border-bottom:1px solid #214766;
  background:#06182e;
  color:#b5c8dd;
  font-size:11px;
  font-weight:750;
}
.calendar-ref-weekday:nth-child(7){border-right:0}
.calendar-ref-day{
  min-height:126px;
  padding:7px;
  border-right:1px solid #173653;
  border-bottom:1px solid #173653;
  background:linear-gradient(180deg,rgba(6,25,47,.84),rgba(4,18,35,.96));
  transition:background .16s ease,box-shadow .16s ease;
  min-width:0;
}
.calendar-ref-day:nth-child(7n){border-right:0}
.calendar-ref-day.is-outside{
  background:#031225;
  color:#5f748d;
}
.calendar-ref-day.is-today{
  box-shadow:inset 0 0 0 1px #2f8dff;
  background:linear-gradient(180deg,rgba(15,55,100,.56),rgba(4,18,35,.96));
}
.calendar-ref-day.is-selected{box-shadow:inset 0 0 0 2px #46a2ff}
.calendar-ref-day.is-drop-target{
  background:rgba(21,105,195,.2);
  box-shadow:inset 0 0 0 2px #2c98ff;
}
.calendar-ref-day-head{
  min-height:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
}
.calendar-ref-day-number,
.calendar-ref-day-add{
  border:0;
  background:transparent;
  color:#aebed1;
  cursor:pointer;
}
.calendar-ref-day-number{
  width:24px;
  height:24px;
  padding:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:750;
}
.calendar-ref-day.is-today .calendar-ref-day-number{
  color:#fff;
  background:#1677ff;
  box-shadow:0 0 12px rgba(22,119,255,.42);
}
.calendar-ref-day.is-outside .calendar-ref-day-number{color:#647990}
.calendar-ref-day-number:hover{background:#123b66;color:#fff}
.calendar-ref-day-add{
  opacity:0;
  width:24px;
  height:24px;
  border-radius:7px;
  font-size:15px;
}
.calendar-ref-day:hover .calendar-ref-day-add,
.calendar-ref-day-add:focus-visible{opacity:1;background:#0e345d;color:#79baff}
.calendar-ref-day-events{
  display:grid;
  gap:5px;
  max-height:102px;
  overflow:auto;
  padding-right:1px;
  scrollbar-width:thin;
  scrollbar-color:#255686 transparent;
}
.calendar-ref-empty-slot{min-height:1px}
.calendar-ref-day .cal-event,
.calendar-ref-week-column .cal-event{
  appearance:none;
  width:100%;
  min-width:0;
  margin:0;
  padding:5px 6px;
  border:1px solid #2c5e91;
  border-radius:6px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "time time state"
    "main main main";
  gap:3px 5px;
  text-align:left;
  color:#dceafa;
  background:linear-gradient(90deg,rgba(24,102,190,.28),rgba(9,43,81,.77));
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.calendar-ref-day .cal-event:hover,
.calendar-ref-week-column .cal-event:hover{
  border-color:#5ba8ff;
  filter:brightness(1.06);
}
.calendar-ref-day .cal-event-time,
.calendar-ref-week-column .cal-event-time{
  grid-area:time;
  font-size:9px;
  color:#b5cae1;
  font-variant-numeric:tabular-nums;
}
.calendar-ref-day .cal-event-main,
.calendar-ref-week-column .cal-event-main{
  grid-area:main;
  min-width:0;
  display:grid;
  gap:3px;
}
.cal-event-title-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
}
.cal-event-title-row b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1.25;
}
.calendar-ref-day .cal-event-main>small,
.calendar-ref-week-column .cal-event-main>small{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8ea9c6;
  font-size:8px;
}
.calendar-ref-day .cal-event-state,
.calendar-ref-week-column .cal-event-state{
  grid-area:state;
  align-self:start;
  color:#49d98a;
  font-size:8px;
}
.calendar-owner-avatar{
  width:14px;
  height:14px;
  flex:0 0 auto;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(180deg,#805fd7,#4a3c9c);
  font-size:6px;
  font-style:normal;
}
.calendar-platform-badge{
  width:18px;
  height:18px;
  flex:0 0 auto;
  border-radius:5px;
  display:inline-grid;
  place-items:center;
  color:#fff;
  background:#2a557e;
  font-size:10px;
  font-weight:850;
  line-height:1;
}
.calendar-platform-badge.platform-facebook{background:#1677ff}
.calendar-platform-badge.platform-messenger{background:#5d65ff}
.calendar-platform-badge.platform-tiktok{background:#0c1118;box-shadow:inset 0 0 0 1px #394a60}
.calendar-platform-badge.platform-tiktok_shop{background:#7b3fe4}
.calendar-platform-badge.platform-shopee{background:#ef5a26}
.calendar-platform-badge.platform-youtube{background:#e3262e}
.calendar-platform-badge.platform-instagram{background:linear-gradient(135deg,#6d42de,#d8467b,#ef8b2c)}
.calendar-ref-day .cal-event.cal-platform-tiktok,
.calendar-ref-week-column .cal-event.cal-platform-tiktok{
  border-color:#425269;
  background:linear-gradient(90deg,rgba(24,31,43,.94),rgba(10,25,43,.94));
}
.calendar-ref-day .cal-event.cal-platform-youtube,
.calendar-ref-week-column .cal-event.cal-platform-youtube{
  border-color:#a33e47;
  background:linear-gradient(90deg,rgba(111,27,35,.67),rgba(51,22,34,.83));
}
.calendar-ref-day .cal-event.cal-platform-instagram,
.calendar-ref-week-column .cal-event.cal-platform-instagram{
  border-color:#7047b7;
  background:linear-gradient(90deg,rgba(79,45,135,.68),rgba(41,26,75,.86));
}
.calendar-ref-day .cal-event.cal-platform-shopee,
.calendar-ref-week-column .cal-event.cal-platform-shopee{
  border-color:#9a542f;
  background:linear-gradient(90deg,rgba(111,53,22,.62),rgba(50,31,22,.85));
}
.calendar-ref-day .cal-event.cal-status-failed,
.calendar-ref-week-column .cal-event.cal-status-failed{
  border-color:#ad3d48;
  background:linear-gradient(90deg,rgba(112,28,39,.66),rgba(54,21,32,.9));
}
.calendar-ref-day .cal-event.cal-status-pending,
.calendar-ref-week-column .cal-event.cal-status-pending{
  border-style:dashed;
  border-color:#7c5bc5;
}
.calendar-reference-week{
  display:grid;
  grid-template-columns:repeat(7,minmax(150px,1fr));
  gap:0;
  min-width:1050px;
  min-height:545px;
}
.calendar-ref-week-column{
  min-width:0;
  border-right:1px solid #173653;
  background:#04152a;
}
.calendar-ref-week-column:last-child{border-right:0}
.calendar-ref-week-column>header{
  min-height:52px;
  padding:7px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"name add" "date add";
  align-items:center;
  border-bottom:1px solid #214766;
  background:#06182e;
}
.calendar-ref-week-column>header span{
  grid-area:name;
  color:#8199b5;
  font-size:9px;
  text-transform:capitalize;
}
.calendar-ref-week-column>header button:nth-of-type(1){
  grid-area:date;
  justify-self:start;
  padding:0;
  border:0;
  background:transparent;
  color:#dce9f6;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.calendar-ref-week-column>header button:nth-of-type(2){
  grid-area:add;
  width:28px;
  height:28px;
  border:1px solid #27547f;
  border-radius:7px;
  background:#08213e;
  color:#76b8ff;
  cursor:pointer;
}
.calendar-ref-week-column.is-today>header{box-shadow:inset 0 -2px 0 #2f91ff}
.calendar-ref-week-events{
  min-height:490px;
  max-height:620px;
  padding:8px;
  display:grid;
  align-content:start;
  gap:7px;
  overflow:auto;
}
.calendar-week-empty-create{
  min-height:66px;
  border:1px dashed #224b73;
  border-radius:8px;
  background:transparent;
  color:#54789b;
  cursor:pointer;
}
.calendar-week-empty-create:hover{border-color:#3785cd;color:#8ecaff;background:#071f3a}
.calendar-reference-list{min-width:0}
.calendar-list-filter-note{
  min-height:46px;
  padding:8px 12px;
  border-bottom:1px solid #1b3a5b;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#9bb3cc;
  font-size:11px;
}
.calendar-list-filter-note button{
  border:1px solid #245584;
  border-radius:7px;
  background:#08213e;
  color:#86c5ff;
  padding:6px 10px;
  cursor:pointer;
}
.calendar-list-table-wrap{max-height:610px;overflow:auto}
.calendar-list-table{min-width:1040px}
.calendar-list-table th,
.calendar-list-table td{padding:10px;border-color:#173653}
.calendar-list-table td{font-size:10px;vertical-align:middle}
.calendar-list-table td>small,
.calendar-list-table td>strong{display:block}
.calendar-list-table td>small{margin-top:3px;color:#7f98b4}
.calendar-list-channel,
.calendar-list-owner{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.calendar-list-owner i{
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#4b3d97;
  color:#fff;
  font-style:normal;
  font-size:8px;
}
.calendar-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 8px;
  border:1px solid #315a80;
  border-radius:999px;
  background:#0a223e;
  color:#a8bfd7;
  white-space:nowrap;
  font-size:9px;
}
.calendar-status-pill.status-scheduled{border-color:#246cb5;color:#72b9ff}
.calendar-status-pill.status-published{border-color:#267857;color:#57da99;background:rgba(24,114,78,.15)}
.calendar-status-pill.status-pending{border-color:#7652b9;color:#bc9df6}
.calendar-status-pill.status-failed{border-color:#993945;color:#ff858e;background:rgba(131,35,46,.16)}
.calendar-row-detail{
  border:1px solid #2c587f;
  border-radius:7px;
  background:#08213d;
  color:#8fc9ff;
  padding:6px 9px;
  cursor:pointer;
}
.calendar-empty-table{text-align:center!important;color:#708ba6;padding:32px!important}
.calendar-approval-panel{
  min-width:0;
  padding:10px;
  border:1px solid #1f456c;
  border-radius:11px;
  background:linear-gradient(180deg,#061a31,#041426);
  display:flex;
  flex-direction:column;
  gap:9px;
  max-height:700px;
}
.calendar-approval-head{
  min-height:30px;
  display:flex;
  align-items:center;
}
.calendar-approval-head h2{
  margin:0;
  color:#edf6ff;
  font-size:15px;
}
.calendar-approval-head h2 span{
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:18px;
  margin-left:6px;
  padding:0 5px;
  border-radius:999px;
  background:#4d288e;
  color:#d9c1ff;
  font-size:9px;
}
.calendar-approval-list{
  min-height:0;
  flex:1;
  display:grid;
  align-content:start;
  gap:8px;
  overflow:auto;
  padding-right:1px;
  scrollbar-width:thin;
  scrollbar-color:#27577e transparent;
}
.calendar-approval-card{
  border:1px solid #284a6b;
  border-radius:8px;
  overflow:hidden;
  background:#071a31;
}
.calendar-approval-summary{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:8px;
  padding:8px;
}
.calendar-approval-thumb{
  position:relative;
  width:84px;
  height:84px;
  overflow:hidden;
  border-radius:6px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0c3973,#29135e);
}
.calendar-approval-thumb>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.calendar-approval-thumb>span:not(.calendar-platform-badge){
  transform:scale(1.7);
}
.calendar-approval-thumb .calendar-approval-platform{
  position:absolute;
  top:4px;
  left:4px;
}
.calendar-approval-copy{
  min-width:0;
  display:grid;
  align-content:start;
  gap:4px;
}
.calendar-approval-copy strong{
  color:#ecf5ff;
  font-size:11px;
  line-height:1.35;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.calendar-approval-copy small{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  color:#859bb4;
  font-size:9px;
}
.calendar-approval-copy small .calendar-ref-icon{width:12px;height:12px}
.calendar-approval-comment{
  margin:0 8px 8px;
  padding:7px 8px;
  border:1px solid #223d59;
  border-radius:6px;
  background:#061426;
  color:#93aac1;
  font-size:9px;
  line-height:1.45;
}
.calendar-approval-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:0 8px 8px;
}
.calendar-approval-actions button,
.calendar-bulk-approve,
.calendar-retry-failed{
  min-height:31px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  font-size:9px;
  font-weight:700;
}
.calendar-approval-actions button:disabled,
.calendar-bulk-approve:disabled,
.calendar-retry-failed:disabled{opacity:.42;cursor:not-allowed}
.calendar-approval-actions .approve{
  border:1px solid #1b855e;
  background:rgba(24,135,91,.13);
  color:#51dda0;
}
.calendar-approval-actions .revision{
  border:1px solid #a73d49;
  background:rgba(151,37,51,.11);
  color:#ff7882;
}
.calendar-approval-actions .calendar-ref-icon{width:13px;height:13px}
.calendar-bulk-approve{
  width:100%;
  border:1px solid #1478ff;
  background:linear-gradient(180deg,#126cf5,#0a51ce);
  color:#fff;
  min-height:38px;
}
.calendar-retry-failed{
  width:100%;
  border:1px solid #176dff;
  background:#0856de;
  color:#fff;
  min-height:38px;
}
.calendar-retry-failed b{
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
}
.calendar-approval-empty{
  min-height:210px;
  border:1px dashed #234563;
  border-radius:8px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  text-align:center;
  color:#6f8ba7;
  padding:20px;
}
.calendar-approval-empty .calendar-ref-icon{width:28px;height:28px;color:#4fa7ff}
.calendar-approval-empty b{color:#adc2d7;font-size:11px}
.calendar-approval-empty span{font-size:9px;line-height:1.5}
.calendar-reference-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.calendar-reference-kpi{
  min-height:76px;
  padding:10px 12px;
  border:1px solid #1c4165;
  border-radius:9px;
  background:linear-gradient(180deg,#071a31,#051426);
  display:flex;
  align-items:center;
  gap:10px;
}
.calendar-kpi-icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  border:1px solid #245c94;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#0d3970;
  color:#62aaff;
}
.calendar-kpi-icon .calendar-ref-icon{width:21px;height:21px}
.calendar-reference-kpi>div{min-width:0}
.calendar-reference-kpi small,
.calendar-reference-kpi strong,
.calendar-reference-kpi em{display:block}
.calendar-reference-kpi small{color:#b2c4d6;font-size:10px}
.calendar-reference-kpi strong{margin-top:2px;color:#edf6ff;font-size:22px;line-height:1}
.calendar-reference-kpi em{
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#6d8aa6;
  font-size:8px;
  font-style:normal;
}
.calendar-reference-kpi.tone-pending .calendar-kpi-icon{border-color:#9f641f;background:#4b2d0d;color:#ffb44b}
.calendar-reference-kpi.tone-published .calendar-kpi-icon{border-color:#197753;background:#0c432f;color:#5be0a0}
.calendar-reference-kpi.tone-failed .calendar-kpi-icon{border-color:#a22d38;background:#4e1520;color:#ff707b}
.calendar-reference-kpi.tone-gap .calendar-kpi-icon{border-color:#59439d;background:#27195b;color:#b797ff}
.calendar-reference-insights{
  display:grid;
  grid-template-columns:190px minmax(390px,.95fr) minmax(460px,1.25fr);
  gap:8px;
  min-width:0;
}
.calendar-insight-card{
  min-width:0;
  border:1px solid #1d4164;
  border-radius:9px;
  background:linear-gradient(180deg,#06192f,#041426);
  overflow:hidden;
}
.calendar-insight-card>header,
.calendar-campaign-column>header,
.calendar-pillar-column>header{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  color:#dceafa;
}
.calendar-insight-card>header h3,
.calendar-campaign-column>header h3,
.calendar-pillar-column>header h3{
  margin:0;
  font-size:11px;
}
.calendar-insight-card>header>.calendar-ref-icon,
.calendar-campaign-column>header>.calendar-ref-icon,
.calendar-pillar-column>header>.calendar-ref-icon{
  width:16px;
  height:16px;
  color:#9a6eff;
}
.calendar-ai-card{
  padding:0 8px 8px;
}
.calendar-ai-card>header{padding-left:2px;padding-right:2px}
.calendar-ai-card section{
  padding:7px 3px;
  border-top:1px solid #183450;
}
.calendar-ai-card section>b{
  display:block;
  margin-bottom:6px;
  color:#9cb2c8;
  font-size:8px;
}
.calendar-best-times{display:grid;gap:5px}
.calendar-best-times>div{
  display:grid;
  grid-template-columns:18px 1fr;
  grid-template-areas:"icon label" "icon time";
  align-items:center;
  gap:0 5px;
}
.calendar-best-times .calendar-platform-badge{grid-area:icon;width:16px;height:16px;font-size:8px}
.calendar-best-times span{grid-area:label;color:#b8cbe0;font-size:8px}
.calendar-best-times strong{grid-area:time;color:#dceafa;font-size:8px;font-weight:600}
.calendar-best-times p,
.calendar-gap-dates{margin:0;color:#718aa5;font-size:8px;line-height:1.5}
.calendar-auto-plan{
  width:100%;
  min-height:32px;
  margin-top:5px;
  border:1px solid #205fa8;
  border-radius:6px;
  background:#0a4db7;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  font-size:8px;
}
.calendar-auto-plan:disabled{opacity:.45;cursor:not-allowed}
.calendar-auto-plan .calendar-ref-icon{width:13px;height:13px}
.calendar-campaign-card{
  display:grid;
  grid-template-columns:.95fr 1.1fr;
}
.calendar-campaign-column,
.calendar-pillar-column{
  min-width:0;
  padding:0 9px 9px;
}
.calendar-campaign-column{border-right:1px solid #183653}
.calendar-campaign-column>header,
.calendar-pillar-column>header{padding-left:0;padding-right:0}
.calendar-campaign-list{
  display:grid;
  gap:7px;
}
.calendar-campaign-list>div{
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  grid-template-areas:"dot name count" ". name pct";
  gap:0 6px;
  align-items:center;
}
.calendar-campaign-list i{
  grid-area:dot;
  width:8px;
  height:8px;
  border-radius:3px;
  background:var(--campaign-color,#2d8cff);
}
.calendar-campaign-list span{
  grid-area:name;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9fb6cc;
  font-size:8px;
}
.calendar-campaign-list b{grid-area:count;color:#d8e6f4;font-size:8px}
.calendar-campaign-list small{grid-area:pct;color:#6f88a1;font-size:7px;text-align:right}
.calendar-campaign-column footer{
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid #173450;
  color:#7d96ae;
  font-size:8px;
}
.calendar-pillar-column{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  grid-template-areas:"head head" "chart legend";
  align-items:center;
  gap:6px;
}
.calendar-pillar-column>header{grid-area:head}
.calendar-pillar-chart{
  grid-area:chart;
  width:78px;
  height:78px;
  margin:auto;
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
}
.calendar-pillar-chart::after{
  content:"";
  position:absolute;
  inset:17px;
  border-radius:50%;
  background:#06172c;
  box-shadow:0 0 0 1px #173b5c;
}
.calendar-pillar-chart span,
.calendar-pillar-chart small{
  position:relative;
  z-index:1;
}
.calendar-pillar-chart span{align-self:end;color:#eef6ff;font-size:15px;font-weight:800}
.calendar-pillar-chart small{align-self:start;color:#6e89a5;font-size:7px}
.calendar-pillar-legend{
  grid-area:legend;
  display:grid;
  gap:4px;
  min-width:0;
}
.calendar-pillar-legend>div{
  display:grid;
  grid-template-columns:7px minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  min-width:0;
}
.calendar-pillar-legend i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pillar-color,#2d8cff);
}
.calendar-pillar-legend span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8fa8bf;
  font-size:7px;
}
.calendar-pillar-legend b{color:#cbd9e7;font-size:7px}
.calendar-monitor-card{padding-bottom:7px}
.calendar-monitor-table-wrap{max-height:190px;overflow:auto}
.calendar-monitor-table{
  min-width:650px;
  width:100%;
  border-collapse:collapse;
}
.calendar-monitor-table th,
.calendar-monitor-table td{
  padding:6px 7px;
  border-top:1px solid #183653;
  color:#8da6bf;
  font-size:7px;
  white-space:nowrap;
}
.calendar-monitor-table th{
  color:#afc0d2;
  font-weight:650;
  background:#07182b;
  position:sticky;
  top:0;
  z-index:1;
}
.calendar-monitor-table td:nth-child(2)>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.calendar-monitor-table .calendar-platform-badge{width:15px;height:15px;font-size:7px}
.calendar-monitor-result{font-weight:650}
.calendar-monitor-result.result-published{color:#55db99}
.calendar-monitor-result.result-failed{color:#ff6b77}
.calendar-monitor-result.result-scheduled{color:#69aff8}
.calendar-monitor-all{
  margin:6px 8px 0;
  min-height:27px;
  padding:0 10px;
  border:1px solid #275784;
  border-radius:6px;
  background:#08203a;
  color:#8bc4ff;
  cursor:pointer;
  font-size:8px;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1320px){
  .calendar-reference-toolbar{grid-template-columns:auto auto 1fr}
  .calendar-reference-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}
  .calendar-reference-insights{grid-template-columns:190px minmax(0,1fr)}
  .calendar-monitor-card{grid-column:1/-1}
}
@media(max-width:1120px){
  .calendar-reference-main{grid-template-columns:1fr}
  .calendar-approval-panel{max-height:none}
  .calendar-approval-list{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .calendar-reference-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .calendar-reference-head{align-items:stretch;flex-direction:column}
  .calendar-reference-head-actions{justify-content:flex-start}
  .calendar-reference-toolbar{grid-template-columns:1fr 1fr}
  .calendar-reference-filters{grid-column:1/-1}
  .calendar-reference-insights{grid-template-columns:1fr}
  .calendar-monitor-card{grid-column:auto}
  .calendar-ai-card{min-height:auto}
  .calendar-campaign-card{min-height:240px}
}
@media(max-width:680px){
  .calendar-reference-heading h1{font-size:22px}
  .calendar-reference-head-actions{display:grid;grid-template-columns:1fr auto}
  .calendar-head-guide{justify-self:start}
  .calendar-create-split{grid-column:1/-1}
  .calendar-create-main{flex:1;min-width:0}
  .calendar-reference-toolbar{grid-template-columns:1fr}
  .calendar-date-nav{order:2}
  .calendar-reference-filters{grid-column:auto;grid-template-columns:1fr 1fr;order:3}
  .calendar-view-tabs{order:1}
  .calendar-reference-kpis{grid-template-columns:1fr 1fr}
  .calendar-approval-list{grid-template-columns:1fr}
  .calendar-campaign-card{grid-template-columns:1fr}
  .calendar-campaign-column{border-right:0;border-bottom:1px solid #183653}
  .calendar-pillar-column{min-height:180px}
}
@media(max-width:430px){
  .calendar-reference-filters{grid-template-columns:1fr}
  .calendar-reference-kpis{grid-template-columns:1fr}
  .calendar-view-tabs button{flex:1;min-width:0}
  .calendar-reference-head-actions{grid-template-columns:1fr auto}
}



/* AI Video Studio · Google Veo */
.video-studio-reference{display:grid;gap:16px;color:#eaf3ff}
.video-studio-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 0}
.video-studio-head h1{margin:0;color:#f4f8ff;font-size:30px;line-height:1.15;letter-spacing:.01em}
.video-studio-head p{margin:5px 0 0;color:#91a8c5;font-size:13px}
.video-studio-head-actions{display:flex;gap:14px;flex-wrap:wrap}
.video-studio-head-actions .btn{min-height:46px;min-width:198px;border-color:#207cff;background:#061a32;color:#d9e9ff}
.video-studio-head-actions .btn.primary{background:linear-gradient(100deg,#2831df,#058cff);box-shadow:0 0 22px rgba(27,126,255,.2)}
.video-studio-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:0 0 auto}
.video-studio-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.video-kpi{min-height:94px;border:1px solid #193954;border-radius:12px;background:linear-gradient(135deg,#07192d,#071524);display:flex;align-items:center;gap:16px;padding:16px 18px;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.video-kpi-icon{width:52px;height:52px;border:1px solid #31538f;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#182f71,#0b1d45);color:#a9c9ff}
.video-kpi-process .video-kpi-icon{color:#58b9ff;background:linear-gradient(145deg,#0b426c,#092444);border-color:#1e5c83}
.video-kpi-done .video-kpi-icon{color:#48ef9d;background:linear-gradient(145deg,#064b3a,#073126);border-color:#126149}
.video-kpi-duration .video-kpi-icon{color:#bc8cff;background:linear-gradient(145deg,#342178,#1d1550);border-color:#4c3395}
.video-kpi-icon .video-studio-icon{width:30px;height:30px;stroke-width:1.6}
.video-kpi div{display:grid;gap:3px;min-width:0}
.video-kpi label{font-size:13px;color:#b9c8db}
.video-kpi strong{font-size:29px;line-height:1.05;color:#fff;font-weight:760}
.video-kpi small{font-size:11px;color:#7890ad}
.video-studio-workspace{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(340px,.94fr) minmax(470px,1.3fr);gap:14px;align-items:stretch}
.video-studio-panel,.video-projects-section,.admin-video-card,.admin-video-summary{border:1px solid #173954;border-radius:12px;background:linear-gradient(145deg,rgba(5,23,41,.98),rgba(4,17,32,.98));box-shadow:0 14px 34px rgba(0,0,0,.12)}
.video-studio-panel{padding:17px}
.video-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin-bottom:12px}
.video-panel-title h3{margin:0;font-size:16px;color:#f4f7ff}
.video-panel-title>span{font-size:11px;color:#7890ad}
.video-help{width:22px;height:22px;border-radius:50%;border:1px solid #54708e;background:#0a2037;color:#b8cae0;font-weight:700;cursor:pointer}
.video-field-label,.video-control-grid label{font-size:12px;color:#93a8c1;display:grid;gap:7px}
.video-script-input{width:100%;height:172px;resize:vertical;border:1px solid #1a3d5c;border-radius:8px;background:#071a2e;color:#dceaff;padding:13px;font:inherit;line-height:1.55;outline:none}
.video-script-input:focus,.video-control-grid select:focus,.video-mini-select:focus{border-color:#277fef;box-shadow:0 0 0 2px rgba(39,127,239,.14)}
.video-script-count{text-align:right;font-size:10px;color:#7890ad;margin:5px 2px 10px}
.video-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.video-control-grid select,.video-mini-select{min-height:37px;border:1px solid #24425e;border-radius:7px;background:#0a1c31;color:#e6f0fd;padding:0 10px}
.video-consistency-toggle{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:8px;margin:13px 0;color:#dbe8f7;font-size:12px;cursor:pointer}
.video-consistency-toggle input{position:absolute;opacity:0;pointer-events:none}
.video-consistency-toggle>span{width:34px;height:18px;border-radius:999px;background:#203750;border:1px solid #36516e;position:relative}
.video-consistency-toggle>span:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#91a5bc;transition:.2s}
.video-consistency-toggle input:checked+span{background:#155dcc;border-color:#2981ff}
.video-consistency-toggle input:checked+span:after{left:18px;background:#fff}
.video-consistency-toggle input:disabled+span{opacity:.5}
.video-consistency-toggle .video-studio-icon{width:18px;height:18px;color:#8fbcff}
.video-consistency-toggle small{grid-column:2/-1;color:#7088a5;margin-left:0}
.video-storyboard-button{width:100%;min-height:42px;margin-top:2px;background:linear-gradient(100deg,#087bff,#7134e6)!important;border-color:#5892ff!important;font-weight:700}
.video-storyboard-button.is-loading,.video-generate-button.is-loading{opacity:.65;cursor:wait}
.video-text-btn{display:inline-flex;gap:6px;align-items:center;border:1px solid #29435e;background:#0b1c2d;color:#879db8;border-radius:6px;padding:6px 9px;cursor:pointer;font-size:11px}
.video-text-btn .video-studio-icon{width:13px;height:13px}
.video-storyboard-list{display:grid;gap:6px;max-height:390px;overflow:auto;padding-right:2px;scrollbar-color:#255981 #071524}
.video-scene-card{width:100%;display:grid;grid-template-columns:18px 24px 70px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:58px;border:1px solid #1c3954;border-radius:7px;background:#081a2e;color:#dce9f8;padding:6px;text-align:left;cursor:pointer}
.video-scene-card:hover,.video-scene-card.active{border-color:#367fca;background:#0b2440;box-shadow:inset 0 0 0 1px rgba(43,119,200,.16)}
.video-drag{color:#6d87a4;display:grid;place-items:center}
.video-drag .video-studio-icon{width:16px}
.video-scene-number{height:28px;border-radius:5px;display:grid;place-items:center;background:#173e73;border:1px solid #2a66a6;color:#cfe6ff;font-size:12px}
.video-scene-thumb{width:70px;height:45px;border-radius:6px;overflow:hidden;background:#06111f;border:1px solid #1e476d;display:block}
.video-scene-thumb video{width:100%;height:100%;object-fit:cover}
.video-scene-placeholder{height:100%;display:grid;grid-template-columns:auto 1fr;place-items:center;gap:2px;padding:5px;background:radial-gradient(circle at 30% 30%,#123b76,#06152a);color:#4fc3ff}
.video-scene-placeholder .video-studio-icon{width:18px}
.video-scene-placeholder small{font-size:8px;color:#b7d3ee}
.video-scene-copy{min-width:0;display:grid;gap:4px}
.video-scene-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.video-scene-copy small{font-size:9px;color:#8097b2}
.video-scene-state{font-size:8px;border-radius:999px;border:1px solid #315171;padding:3px 5px;color:#92a9c3;white-space:nowrap}
.video-scene-state.completed{color:#4ee4a0;border-color:#167453;background:#06291f}
.video-scene-state.processing{color:#ffbd55;border-color:#886122;background:#32240d}
.video-scene-state.failed{color:#ff7181;border-color:#843747;background:#2d1018}
.video-storyboard-total{border-top:1px solid #183650;margin-top:14px;padding-top:13px;text-align:center;color:#7890ad;font-size:11px}
.video-empty-state{min-height:170px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#7890ad;padding:20px}
.video-empty-state .video-studio-icon{width:34px;height:34px;color:#608dc6}
.video-empty-state b{color:#cbd9e9}
.video-preview-panel{min-width:0}
.video-hd-badge{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:5px;background:#073d29;border:1px solid #126e49;color:#4be497;font-size:9px;vertical-align:middle}
.video-mini-select{min-height:30px;font-size:10px}
.video-preview-canvas{width:100%;max-height:520px;min-height:250px;border:1px solid #244760;border-radius:9px;background:#02050a;display:grid;place-items:center;overflow:hidden;position:relative}
.video-preview-canvas.ratio-16-9{aspect-ratio:16/9}
.video-preview-canvas.ratio-9-16{aspect-ratio:9/16;max-width:340px;margin-inline:auto;max-height:520px}
.video-preview-canvas video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.video-preview-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:28px;background:
radial-gradient(circle at 25% 25%,rgba(0,116,255,.28),transparent 28%),
radial-gradient(circle at 75% 35%,rgba(118,40,255,.28),transparent 30%),
linear-gradient(145deg,#041527,#07102b 48%,#050d1b);position:relative;overflow:hidden}
.video-preview-placeholder:before,.video-preview-placeholder:after{content:"";position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,#0579ff,transparent);transform:rotate(-12deg);box-shadow:0 32px #5035ff,0 -35px #00a9ff}
.video-preview-placeholder:after{transform:rotate(18deg);opacity:.55}
.video-ai-orb{width:68px;height:68px;border:2px solid #80c5ff;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(2,23,62,.8);box-shadow:0 0 35px #0a67ff;z-index:1}
.video-ai-orb .video-studio-icon{width:42px;height:42px}
.video-preview-placeholder strong{font-size:28px;letter-spacing:.04em;z-index:1;text-shadow:0 0 14px #2f7cff}
.video-preview-placeholder span{max-width:480px;font-size:12px;color:#c3d7ed;z-index:1}
.video-preview-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.video-tool-btn{min-height:45px;border:1px solid #27425e;border-radius:7px;background:#081a2c;color:#b9cae0;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px;transition:.15s}
.video-tool-btn:hover{border-color:#327ed0;background:#0d2846;color:#fff;transform:translateY(-1px)}
.video-tool-btn .video-studio-icon{width:20px;height:20px;color:#9ec5f8}
.video-generate-row{display:flex;align-items:center;gap:9px;margin-top:11px;flex-wrap:wrap}
.video-provider-state{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#7890ad;margin-right:auto}
.video-provider-state i{width:7px;height:7px;border-radius:50%;background:#65758b}
.video-provider-state.ready{color:#5bdca1}.video-provider-state.ready i{background:#22d486;box-shadow:0 0 8px #22d486}
.video-provider-state.not-ready{color:#ffbd61}.video-provider-state.not-ready i{background:#e88b22}
.video-generate-button,.video-refresh-button{display:inline-flex;align-items:center;gap:6px}
.video-generate-button .video-studio-icon,.video-refresh-button .video-studio-icon{width:16px;height:16px}
.video-projects-section{padding:14px 12px 8px}
.video-project-table-wrap{overflow:auto;scrollbar-color:#28506f #071524}
.video-project-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;border:1px solid #15344e;border-radius:9px;overflow:hidden;font-size:11px}
.video-project-table th{background:#092039;color:#a8bad0;text-align:left;font-weight:600;padding:10px 12px;border-bottom:1px solid #173a57}
.video-project-table td{padding:9px 12px;border-bottom:1px solid #143048;color:#c0d0e2;vertical-align:middle}
.video-project-table tr:last-child td{border-bottom:0}
.video-project-name{display:flex;align-items:center;gap:10px}
.video-project-thumb{width:65px;height:40px;border-radius:6px;background:#0b2440;border:1px solid #244966;display:grid;place-items:center;overflow:hidden;color:#7fb2ef}
.video-project-thumb video{width:100%;height:100%;object-fit:cover}
.video-project-name>div{display:grid;gap:3px}
.video-project-name b{color:#e7f0fb;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-project-name small{color:#66809e}
.video-progress{display:flex;gap:8px;align-items:center;min-width:145px}
.video-progress>span{height:6px;flex:1;border-radius:999px;background:#132b43;overflow:hidden}
.video-progress i{display:block;height:100%;background:linear-gradient(90deg,#0c81ff,#5b5cff);border-radius:999px}
.video-progress b{font-size:10px;color:#a9bed5}
.video-status-pill{display:inline-flex;align-items:center;border:1px solid #3a526c;border-radius:5px;padding:4px 7px;font-size:9px;color:#9aafc5;background:#0c1b2d;white-space:nowrap}
.video-status-pill.completed{border-color:#18704e;background:#062b1f;color:#4fe19c}
.video-status-pill.processing{border-color:#98631e;background:#34230b;color:#f5b34e}
.video-status-pill.failed{border-color:#943445;background:#321017;color:#ff7584}
.video-row-actions{display:flex;gap:7px;align-items:center}.video-row-actions .btn{min-height:28px;padding:0 12px;font-size:9px}.video-row-actions .icon-btn{width:30px;height:30px}
.video-empty-row{text-align:center;padding:30px;color:#7187a1}
.video-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.video-preset-choice input{position:absolute;opacity:0}.video-preset-choice>span{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;border:1px solid #29435d;border-radius:9px;padding:10px;background:#07182b;cursor:pointer}.video-preset-choice input:checked+span{border-color:#317de6;box-shadow:0 0 0 2px rgba(49,125,230,.12)}.video-preset-choice .video-studio-icon{grid-row:1/3;color:#8fbef7}.video-preset-choice small{color:#748ba6}
.video-asset-picker{border:1px solid #28435d;border-radius:9px;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.video-asset-picker legend{padding:0 7px;color:#a6bdd6}.video-asset-choice{display:grid;grid-template-columns:auto 54px 1fr;gap:7px;align-items:center;border:1px solid #1e3a55;padding:6px;border-radius:7px}.video-asset-choice img{width:54px;height:40px;object-fit:cover;border-radius:5px}
.video-tool-search{display:flex;gap:8px}.video-tool-search input{flex:1}.video-source-buttons,.video-free-links{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.video-asset-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:420px;overflow:auto}.video-library-card{border:1px solid #27425f;border-radius:8px;overflow:hidden;background:#07182a;display:grid;gap:4px;padding-bottom:8px}.video-library-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.video-library-card b,.video-library-card small,.video-library-card a{margin:0 8px}.video-library-card small{color:#758da9}.video-library-card a{color:#64aeff}
.video-help-copy{display:grid;gap:10px}.video-help-copy p{margin:0;line-height:1.55}
.admin-video-studio{display:grid;gap:14px}
.admin-video-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px}.admin-video-summary h3{margin:3px 0;font-size:22px}.admin-video-summary p{margin:0;color:#899db6}.admin-video-summary-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-video-summary-actions .btn{display:flex;gap:6px;align-items:center}.admin-video-summary-actions .video-studio-icon{width:16px;height:16px}
.admin-video-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.admin-video-card{padding:14px}.admin-video-profile-list,.admin-asset-sources{display:grid;gap:8px}.admin-video-profile,.admin-asset-source{display:flex;gap:9px;align-items:center;border:1px solid #1b3953;border-radius:8px;padding:9px;background:#07182a}.admin-video-provider-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#89bfff;background:#0d2a4d}.admin-video-profile .grow,.admin-asset-source .grow{display:grid;gap:2px}.admin-video-profile small,.admin-asset-source small{color:#728aa5;font-size:9px}.admin-video-profile-actions{display:flex;gap:5px;align-items:center}.admin-video-presets{grid-template-columns:1fr 1fr 1fr}.admin-chip-cloud{display:flex;gap:6px;flex-wrap:wrap}.admin-chip-cloud span{border:1px solid #2a465f;border-radius:999px;padding:5px 8px;background:#081a2d;color:#acc1d8;font-size:9px}.admin-asset-config{border:1px solid #29445e;border-radius:8px;padding:10px;margin-bottom:10px}

@media(max-width:1300px){
  .video-studio-workspace{grid-template-columns:minmax(310px,.8fr) minmax(340px,1fr)}
  .video-preview-panel{grid-column:1/-1}
  .video-preview-canvas.ratio-16-9{max-height:600px}
}
@media(max-width:1024px){
  .video-studio-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-studio-workspace{grid-template-columns:1fr}
  .video-preview-panel{grid-column:auto}
  .admin-video-grid,.admin-video-presets{grid-template-columns:1fr}
}
@media(max-width:720px){
  .video-studio-head{align-items:stretch;flex-direction:column}.video-studio-head h1{font-size:24px}.video-studio-head-actions{display:grid;grid-template-columns:1fr 1fr}.video-studio-head-actions .btn{min-width:0}
  .video-studio-kpis{grid-template-columns:1fr 1fr}.video-kpi{padding:12px;min-height:82px}.video-kpi-icon{width:42px;height:42px}.video-kpi strong{font-size:22px}
  .video-control-grid{grid-template-columns:1fr 1fr}.video-script-input{height:145px}
  .video-preview-tools{display:flex;overflow:auto;padding-bottom:4px}.video-tool-btn{min-width:104px}
  .video-projects-section{padding:10px 8px}.video-preset-grid{grid-template-columns:1fr}.video-asset-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-video-summary{align-items:stretch;flex-direction:column}.admin-video-profile{align-items:flex-start;flex-wrap:wrap}.admin-video-profile .grow{min-width:180px}
}
@media(max-width:480px){
  .video-studio-head-actions{grid-template-columns:1fr}.video-studio-kpis{grid-template-columns:1fr}.video-control-grid{grid-template-columns:1fr}
  .video-scene-card{grid-template-columns:16px 22px 58px minmax(0,1fr)}.video-scene-thumb{width:58px;height:40px}.video-scene-state{grid-column:4;justify-self:start}
  .video-preview-canvas{min-height:200px}.video-preview-placeholder strong{font-size:21px}
  .video-generate-row{display:grid;grid-template-columns:1fr}.video-provider-state{margin:0}.video-generate-row .btn{width:100%}
  .video-asset-results,.video-asset-picker{grid-template-columns:1fr}
}


.video-library-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:3px 8px 0}
.video-library-actions .btn,.video-library-actions a{margin:0}
.video-music-preview{display:grid;gap:7px;margin:10px 0;padding:10px;border:1px solid #29445e;border-radius:9px;background:#07182a}
.video-music-preview audio{width:100%;min-height:36px}
.video-music-preview small{color:#7f95ae;line-height:1.45}


/* Commercial account, plan entitlement and support center */
.sidebar-user-shell{position:relative;padding:10px 12px 14px;margin-top:auto;border-top:1px solid rgba(98,145,208,.14)}
.sidebar-user-shell .sidebar-user{width:100%;margin:0;padding:10px 8px;border:0;border-radius:12px;background:transparent;color:#eef6ff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}
.sidebar-user-shell .sidebar-user:hover,.sidebar-user-shell .sidebar-user[aria-expanded="true"]{background:rgba(34,105,226,.11)}
.sidebar-user-shell .sidebar-user b{display:block;font-size:13px;line-height:1.2}
.sidebar-user-shell .sidebar-user small{display:block;color:#86a3c7;margin-top:3px;font-size:11px}
.sidebar-user-caret{color:#7d9bc2;font-size:14px}
.account-avatar{overflow:hidden;display:grid!important;place-items:center;background:linear-gradient(145deg,#2577ff,#6942e8)!important;color:#fff!important;font-weight:800}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-avatar.large{width:46px;height:46px}
.account-avatar.xl{width:94px;height:94px;border:3px solid rgba(45,137,255,.65);box-shadow:0 0 0 5px rgba(20,90,193,.14)}
.user-account-popover{position:absolute;left:12px;bottom:78px;width:280px;z-index:160;background:#071a31;border:1px solid #20446d;border-radius:15px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.44)}
.user-account-popover[hidden]{display:none}
.user-account-popover-head{display:flex;gap:11px;align-items:center;padding:10px;border-bottom:1px solid rgba(115,159,211,.15);margin-bottom:6px}
.user-account-popover-head b,.user-account-popover-head small{display:block}
.user-account-popover-head small{font-size:11px;color:#8ea9ca;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.user-account-popover>button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;color:#dceaff;padding:10px;border-radius:10px;cursor:pointer;text-align:left}
.user-account-popover>button:hover{background:#0c2b50}
.user-account-popover>button .nav-svg{width:18px;height:18px;flex:0 0 auto}
.user-account-popover>button.danger{color:#ff8d97}
.user-account-popover hr{border:0;border-top:1px solid rgba(115,159,211,.15);margin:5px 0}
.user-account-role-chip{display:inline-flex;margin:6px 10px;padding:5px 8px;border-radius:999px;background:#073c34;color:#72edca;font-size:10px}
.popover-symbol{font-size:17px;min-width:18px;text-align:center}
.topbar-plan-chip{height:38px;display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #24579a;border-radius:11px;background:linear-gradient(135deg,#082345,#0c1830);color:#eaf4ff;cursor:pointer}
.topbar-plan-chip:hover{border-color:#2c83ff;background:#0a2a52}
.topbar-plan-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#196aff,#7044ed);font-size:16px}
.topbar-plan-chip span:nth-child(2){display:flex;flex-direction:column;text-align:left;line-height:1.05}
.topbar-plan-chip small{font-size:8px;color:#8da8c9;text-transform:uppercase;letter-spacing:.06em}
.topbar-plan-chip b{font-size:11px;margin-top:2px}
.topbar-plan-chip em{font-size:10px;color:#65d9ba;font-style:normal;border-left:1px solid rgba(135,174,224,.18);padding-left:8px}

.commercial-svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.account-settings-reference{display:grid;gap:12px;padding-bottom:76px}
.account-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:3px 2px 2px}
.account-settings-head h1{font-size:27px;margin:0;color:#f5f8ff}
.account-settings-head p{margin:5px 0 0;color:#92a9c8}
.account-plan-summary{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #1a426f;border-radius:12px;background:#071a31}
.account-plan-summary span,.account-plan-summary small{font-size:10px;color:#86a5ca}
.account-plan-summary b{color:#fff;font-size:12px}
.account-plan-summary button{border:0;border-radius:8px;background:#126dff;color:#fff;padding:7px 10px;cursor:pointer}
.account-settings-tabs{display:flex;gap:6px;border-bottom:1px solid rgba(99,144,202,.18);overflow-x:auto;padding-bottom:1px}
.account-settings-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#a8bbd5;padding:10px 13px;cursor:pointer}
.account-settings-tabs button:hover{color:#fff;border-bottom-color:#277cf0}
.account-settings-tabs .commercial-svg{width:17px;height:17px}
.account-settings-tabs em{font-size:8px;font-style:normal;background:#6939da;color:#fff;padding:2px 5px;border-radius:999px}
.account-settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.account-card{padding:14px!important;background:linear-gradient(145deg,#071a31,#07172b)!important;border-color:#173c66!important;min-width:0}
.account-card>header{display:flex;align-items:flex-start;gap:9px;margin-bottom:13px;color:#eaf3ff}
.account-card>header>.commercial-svg{color:#2d8bff}
.account-card>header h3{margin:0;font-size:15px}
.account-card>header p{margin:3px 0 0;color:#7897bd;font-size:10px}
.account-profile-card{grid-column:span 1}
.account-profile-layout{display:grid;grid-template-columns:118px 1fr;gap:13px}
.account-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:8px}
.account-avatar-editor small{text-align:center;color:#7390b3;font-size:9px}
.account-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.account-card .form-grid label,.account-card form>label{display:grid;gap:5px;color:#a9bed8;font-size:10px}
.account-card input,.account-card select,.account-card textarea,.admin-support-chat select{width:100%;box-sizing:border-box;border:1px solid #234a74;border-radius:7px;background:#081c34;color:#edf5ff;padding:8px 9px;outline:none}
.account-card input:focus,.account-card select:focus,.account-card textarea:focus{border-color:#2e84ff;box-shadow:0 0 0 2px rgba(38,126,255,.12)}
.account-card input[type="color"]{height:37px;padding:4px}
.account-card .full{grid-column:1/-1}
.account-card footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}
.account-security-list{display:grid;gap:0}
.account-security-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid rgba(104,148,201,.12)}
.account-security-list span{color:#a9bed7;font-size:10px}
.account-security-list b{color:#f4f7ff;font-size:11px}
.account-security-list small{grid-column:1/-1;color:#718dac;font-size:9px}
.account-notification-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;padding:7px 8px;border:1px solid rgba(76,124,180,.16);border-radius:8px}
.account-check input{width:15px;height:15px;accent-color:#2682ff}
.account-notification-channels{display:flex;gap:8px;margin-top:10px}
.account-brand-card{grid-column:span 2}
.account-data-actions{display:grid;gap:9px}
.account-data-actions>div,.account-data-actions>form{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px;border:1px solid rgba(80,130,188,.14);border-radius:9px}
.account-data-actions span{font-weight:700;font-size:11px;color:#eef5ff}
.account-data-actions small{font-size:9px;color:#7895b8}
.account-data-actions button{grid-column:2;grid-row:1/3}
.account-data-actions .danger-zone{border-color:rgba(255,102,115,.25);background:rgba(120,18,29,.06)}
.account-api-card{grid-column:span 2;position:relative}
.account-vip-lock{margin-left:auto;padding:5px 8px;border-radius:999px;background:#6031c9;color:#fff;font-size:9px}
.account-integration-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.account-integration-status>div{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px;border:1px solid rgba(78,129,190,.16);border-radius:8px}
.account-integration-status span{font-size:10px}
.account-locked-copy{text-align:center;padding:20px}
.account-locked-copy b{font-size:14px;color:#fff}
.account-locked-copy p{color:#8da6c7;font-size:11px;max-width:560px;margin:8px auto 13px}
.account-save-bar{position:sticky;bottom:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #1a4778;border-radius:12px;background:rgba(5,21,42,.96);backdrop-filter:blur(10px);padding:9px 12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.account-save-bar span{display:flex;align-items:center;gap:8px;color:#8faaca;font-size:10px}
.account-save-bar .commercial-svg{color:#2d8bff}

.support-floating{position:fixed;right:20px;bottom:20px;z-index:180}
.support-floating-launcher{display:flex;align-items:center;gap:7px;border:1px solid #2677e8;border-radius:999px;background:linear-gradient(135deg,#126fff,#7141e9);color:#fff;padding:10px 14px;box-shadow:0 12px 30px rgba(24,93,220,.35);cursor:pointer;font-weight:700}
.support-floating-launcher .commercial-svg{width:18px;height:18px}
.support-floating-launcher b{min-width:17px;height:17px;border-radius:999px;background:#ff334e;display:grid;place-items:center;font-size:9px}
.support-floating-panel{position:absolute;right:0;bottom:50px;width:340px;border:1px solid #245486;border-radius:15px;background:#06182e;box-shadow:0 22px 60px rgba(0,0,0,.55);overflow:hidden}
.support-floating-panel[hidden]{display:none}
.support-floating-panel>header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(90deg,#0b3d7c,#312477)}
.support-floating-panel>header>div{display:flex;align-items:center;gap:8px}
.support-floating-panel header b,.support-floating-panel header small{display:block}
.support-floating-panel header small{font-size:9px;color:#bfd2eb;margin-top:2px}
.support-floating-panel header button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}
.support-online-dot{width:9px;height:9px;border-radius:50%;background:#32d99e;box-shadow:0 0 0 4px rgba(50,217,158,.13)}
.support-floating-messages{max-height:280px;overflow:auto;padding:10px;display:grid;gap:8px}
.support-floating-form{display:grid;grid-template-columns:1fr 42px;gap:7px;padding:9px;border-top:1px solid rgba(90,139,196,.16)}
.support-floating-form textarea{resize:none;border:1px solid #20486f;border-radius:9px;background:#081d36;color:#fff;padding:8px}
.support-floating-form button{border:0;border-radius:9px;background:#1674ff;color:#fff;cursor:pointer}
.support-open-full{width:calc(100% - 18px);margin:0 9px 9px;border:0;border-radius:8px;padding:8px;background:#0d294b;color:#9ec5ef;cursor:pointer}
.support-empty-mini{padding:18px;color:#849fbe;font-size:10px;text-align:center}

.support-center{display:grid;gap:12px}
.support-center-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.support-center-head>div{display:flex;align-items:center;gap:12px}
.support-center-head .commercial-svg{width:34px;height:34px;color:#2a84ff}
.support-center-head h1{margin:0;color:#fff;font-size:25px}
.support-center-head p{margin:4px 0 0;color:#8ea8c6}
.support-status-live{display:flex;align-items:center;gap:6px;color:#65d9b6;font-size:10px}
.support-status-live i{width:8px;height:8px;border-radius:50%;background:#3cdaa4}
.support-conversation-card{padding:0!important;overflow:hidden}
.support-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid rgba(91,142,199,.16)}
.support-conversation-head b,.support-conversation-head small{display:block}
.support-conversation-head small{color:#7c9abb;font-size:9px;margin-top:3px}
.support-message-list{min-height:360px;max-height:58vh;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 50% 0,rgba(25,93,175,.09),transparent 45%)}
.support-message{display:flex;gap:8px;align-items:flex-end;max-width:76%}
.support-message.mine{align-self:flex-end;flex-direction:row-reverse}
.support-message-avatar{width:27px;height:27px;border-radius:50%;background:#1f69d5;display:grid;place-items:center;color:#fff;font-weight:700;overflow:hidden;flex:0 0 auto}
.support-message-avatar img{width:100%;height:100%;object-fit:cover}
.support-message>div:last-child small{font-size:8px;color:#7592b4}
.support-message p{margin:3px 0 0;padding:9px 11px;border-radius:11px;background:#0e2a4a;color:#e9f3ff;font-size:11px;line-height:1.45;white-space:pre-wrap}
.support-message.mine p{background:linear-gradient(135deg,#176cec,#5c3ddb)}
.support-compose{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px;border-top:1px solid rgba(91,142,199,.16)}
.support-compose textarea{resize:vertical;min-height:58px;border:1px solid #204b78;border-radius:9px;background:#071b32;color:#fff;padding:9px}
.support-empty{margin:auto;text-align:center;color:#819bb8}
.support-empty span{font-size:38px;color:#267fff}
.support-agent-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}
.support-thread-list{padding:7px!important;max-height:75vh;overflow:auto}
.support-thread-list>button{width:100%;display:grid;grid-template-columns:36px 1fr;gap:9px;border:0;border-radius:9px;background:transparent;color:#fff;padding:9px;text-align:left;cursor:pointer}
.support-thread-list>button:hover,.support-thread-list>button.active{background:#0c2b50}
.support-thread-list>button>span{width:34px;height:34px;border-radius:50%;background:#215fbd;display:grid;place-items:center;overflow:hidden}
.support-thread-list img{width:100%;height:100%;object-fit:cover}
.support-thread-list b,.support-thread-list small,.support-thread-list em{display:block}
.support-thread-list small{color:#90a8c4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-thread-list em{color:#627f9f;font-size:8px;font-style:normal;margin-top:3px}

.admin-support-console{display:grid;gap:12px}
.admin-support-summary{display:flex;justify-content:space-between;gap:20px;padding:15px!important}
.admin-support-summary h3{margin:3px 0;color:#fff}
.admin-support-summary p{margin:5px 0 0;color:#88a4c4;max-width:700px}
.admin-support-summary>div:last-child{display:flex;gap:9px}
.admin-support-summary>div:last-child span{min-width:100px;border:1px solid #1d4777;border-radius:10px;padding:8px;text-align:center}
.admin-support-summary small,.admin-support-summary b{display:block}
.admin-support-summary small{font-size:9px;color:#7e9bbc}.admin-support-summary b{font-size:20px;color:#fff}
.admin-support-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px}
.admin-support-threads{padding:8px!important;max-height:680px;overflow:auto}
.admin-support-threads>header{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 10px}
.admin-support-threads>button{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border:0;border-radius:9px;background:transparent;color:#fff;padding:9px;text-align:left;cursor:pointer}
.admin-support-threads>button.active,.admin-support-threads>button:hover{background:#0b2b50}
.admin-support-threads b,.admin-support-threads small,.admin-support-threads em{display:block}
.admin-support-threads small{font-size:9px;color:#8fa9c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-support-threads em{font-style:normal;font-size:8px;color:#647f9f}
.admin-support-chat{padding:0!important;overflow:hidden}
.admin-support-chat>header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(89,137,194,.17)}
.admin-support-chat>header>div:last-child{display:flex;gap:7px}
.admin-support-chat header b,.admin-support-chat header small{display:block}
.admin-support-chat header small{font-size:9px;color:#7897b9}
.admin-support-staff{padding:13px!important}
.admin-support-staff>header h3{margin:0}.admin-support-staff>header p{margin:4px 0 12px;color:#849fbe;font-size:10px}

@media(max-width:1180px){
  .account-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-brand-card,.account-api-card{grid-column:span 1}
  .account-integration-status{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-support-grid{grid-template-columns:300px minmax(0,1fr)}
}
@media(max-width:860px){
  .topbar-plan-chip{display:none}
  .account-settings-head{flex-direction:column}
  .account-plan-summary{width:100%;box-sizing:border-box;justify-content:space-between}
  .account-settings-grid{grid-template-columns:1fr}
  .account-brand-card,.account-api-card{grid-column:auto}
  .account-profile-layout{grid-template-columns:1fr}
  .account-avatar-editor{padding-bottom:10px}
  .account-card .form-grid{grid-template-columns:1fr}
  .account-card .full{grid-column:auto}
  .account-integration-status{grid-template-columns:1fr}
  .support-agent-layout,.admin-support-grid{grid-template-columns:1fr}
  .support-thread-list,.admin-support-threads{max-height:260px}
  .support-message-list{min-height:300px}
}
@media(max-width:600px){
  .user-account-popover{position:fixed;left:10px;right:10px;bottom:74px;width:auto}
  .support-floating{right:12px;bottom:12px}
  .support-floating-launcher span{display:none}
  .support-floating-panel{position:fixed;left:8px;right:8px;bottom:64px;width:auto;max-height:72vh}
  .account-settings-tabs button span{display:none}
  .account-settings-tabs button{padding:9px 12px}
  .account-notification-grid{grid-template-columns:1fr}
  .account-save-bar span{display:none}
  .support-center-head{align-items:flex-start;flex-direction:column}
  .support-message{max-width:91%}
  .support-compose{grid-template-columns:1fr}
}


/* Robot shortcut on the main application toolbar. */
.robot-tool-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  border:1px solid rgba(124,58,237,.2);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(124,58,237,.08),rgba(59,130,246,.08));
  color:#6d28d9;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.robot-tool-button:hover,
.robot-tool-button:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(124,58,237,.42);
  background:linear-gradient(145deg,rgba(124,58,237,.14),rgba(59,130,246,.12));
  box-shadow:0 8px 22px rgba(109,40,217,.14);
  outline:none;
}
.robot-toolbar-svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.robot-tool-tip{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  z-index:40;
  width:max-content;
  max-width:160px;
  padding:6px 9px;
  border-radius:8px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:600;
  line-height:1;
  pointer-events:none;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .15s ease,transform .15s ease;
}
.robot-tool-button:hover .robot-tool-tip,
.robot-tool-button:focus-visible .robot-tool-tip{
  opacity:1;
  transform:translateY(0);
}
@media (max-width:760px){
  .robot-tool-button{
    width:38px;
    height:38px;
    min-width:38px;
  }
  .robot-tool-tip{
    display:none;
  }
}


/* BOTVIET_UI_LIBRARY_AIIMAGE_CSS_V1 */
body[data-route="library"] .page-head,
body[data-route="image-ai"] .page-head{display:none}
body[data-route="library"] .content,
body[data-route="image-ai"] .content{padding-top:calc(var(--top) + 12px)}
.library-layout,.ai-image-page{display:flex;flex-direction:column;gap:14px}
.library-page-head,.library-summary-strip,.library-body-grid,.ai-image-grid,.ai-image-panel,.library-sidebar-panel,.library-main-panel,.library-preview-panel{border:1px solid rgba(86,131,199,.18);background:linear-gradient(180deg,rgba(5,22,49,.96) 0,rgba(3,15,34,.98) 100%);box-shadow:0 16px 42px rgba(1,8,20,.34)}
.library-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:24px}
.library-page-head h1,.ai-image-title-block h1{margin:0;font-size:23px;letter-spacing:-.02em}
.library-page-head p,.ai-image-title-block p{margin:5px 0 0;color:#96aac7}
.library-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.library-top-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid rgba(113,145,199,.2);background:rgba(7,24,50,.72);color:#eef4ff;cursor:pointer}
.library-top-btn svg,.library-icon-btn svg,.library-card-check span::before,.library-folder-item svg,.library-search-box svg,.library-view-toggle svg,.library-preview-actions svg,.ai-generate-button svg,.ai-model-badge svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.library-top-btn.primary{background:linear-gradient(90deg,#1a73ff 0,#265df2 44%,#7c3aed 100%);border-color:rgba(110,168,255,.42)}
.library-top-btn.ghost:hover,.library-top-btn.primary:hover,.library-filter-chips button:hover,.library-folder-item:hover,.library-view-toggle button:hover,.ai-style-card:hover,.ai-choice-row button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(1,8,20,.26)}
.library-top-btn span{display:flex;flex-direction:column;align-items:flex-start}
.library-top-btn b{font-size:15px}
.library-top-btn small{font-size:12px;color:#93a8c8}
.library-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;border-radius:20px}
.library-stat-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(9,25,54,.64);min-height:86px}
.library-stat-card .icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,rgba(30,91,245,.28),rgba(19,39,78,.78));color:#9cc1ff;flex:0 0 46px}
.library-stat-card small{display:block;color:#9ab0ce;font-size:13px}
.library-stat-card b{display:block;font-size:18px}
.library-stat-card span{display:block;color:#7d93b4;font-size:12px;margin-top:4px}
.library-stat-card.usage{justify-content:space-between}
.library-progress-ring{width:62px;height:62px;display:grid;place-items:center}
.library-progress-ring svg{width:62px;height:62px;transform:rotate(-90deg)}
.library-progress-ring circle{fill:none;stroke-width:4}
.library-progress-ring circle:first-child{stroke:rgba(255,255,255,.12)}
.library-progress-ring circle:last-child{stroke:#28e58e;stroke-dasharray:100;stroke-dashoffset:32;stroke-linecap:round}
.library-body-grid{display:grid;grid-template-columns:230px 1fr 400px;gap:12px;padding:0;border-radius:24px}
.library-sidebar-panel,.library-main-panel,.library-preview-panel{padding:14px;border-radius:24px}
.library-folder-list{display:flex;flex-direction:column;gap:8px}
.library-folder-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:rgba(5,18,42,.55);color:#e7f0ff;cursor:pointer;text-align:left}
.library-folder-item .left{display:flex;align-items:center;gap:10px}
.library-folder-item .count{color:#b6c8e0;font-variant-numeric:tabular-nums}
.library-folder-item.is-active{background:linear-gradient(90deg,rgba(18,79,183,.9),rgba(18,50,118,.9));border-color:rgba(126,172,255,.32)}
.library-storage-box{margin-top:18px;padding-top:16px;border-top:1px solid rgba(121,151,198,.16)}
.library-storage-box strong{display:block;font-size:14px;margin-bottom:10px}
.library-storage-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.library-storage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4facff,#00d1b2)}
.library-storage-box p{margin:10px 0 0;color:#8fa6c2}
.library-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.library-filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.library-filter-chips button,.library-view-toggle button,.ai-choice-row button{height:36px;padding:0 14px;border:1px solid rgba(121,151,198,.18);background:rgba(8,21,45,.65);border-radius:12px;color:#ddecff;cursor:pointer}
.library-filter-chips button.is-active,.library-view-toggle button.is-active,.ai-choice-row button.is-active{background:linear-gradient(90deg,rgba(18,79,183,.95),rgba(32,124,255,.85));border-color:rgba(118,180,255,.42)}
.library-search-sort{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.library-search-box{display:flex;align-items:center;gap:10px;padding:0 12px;height:40px;min-width:300px;border-radius:12px;border:1px solid rgba(121,151,198,.18);background:rgba(8,21,45,.65)}
.library-search-box input,.ai-prompt-wrap textarea{width:100%;border:none;background:transparent;color:#eef4ff;outline:none}
.library-search-sort select,.library-grid-footer select{height:40px;border-radius:12px;border:1px solid rgba(121,151,198,.18);background:rgba(8,21,45,.65);color:#eef4ff;padding:0 12px}
.library-view-toggle{display:flex;gap:8px}
.library-assets-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px}
.library-assets-panel.list-view{grid-template-columns:1fr}
.library-card{position:relative;border-radius:18px;border:1px solid rgba(109,153,216,.18);background:rgba(6,20,44,.66);overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.library-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(2,9,21,.32)}
.library-card.is-selected{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.2),0 16px 32px rgba(8,24,53,.45)}
.library-card-check{position:absolute;top:10px;left:10px;z-index:2}
.library-card-check input{display:none}
.library-card-check span{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(255,255,255,.38);border-radius:6px;background:rgba(5,12,25,.7)}
.library-card-check span::before{content:"";display:block;width:12px;height:12px;opacity:0;transform:scale(.55);transition:.16s ease;stroke:#fff}
.library-card.is-selected .library-card-check span{background:#2563eb;border-color:#60a5fa}
.library-card.is-selected .library-card-check span::before{opacity:1;transform:scale(1)}
.library-card-badge,.library-file-badge{position:absolute;top:10px;left:40px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;z-index:2}
.library-file-badge{position:static;display:inline-flex;align-items:center}
.library-card-badge.image,.library-file-badge.image{background:linear-gradient(90deg,#16a34a,#15803d)}
.library-card-badge.video,.library-file-badge.video{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}
.library-card-badge.audio,.library-file-badge.audio{background:linear-gradient(90deg,#06b6d4,#0891b2)}
.library-card-badge.document,.library-file-badge.document{background:linear-gradient(90deg,#f59e0b,#d97706)}
.library-card-thumb{aspect-ratio:1/1;background:#07162d}
.asset-preview-frame{position:relative;width:100%;height:100%;min-height:180px;background:radial-gradient(circle at 30% 20%,rgba(110,175,255,.22),transparent 30%),#07162d;display:flex;align-items:center;justify-content:center;overflow:hidden}
.asset-preview-frame.large{min-height:300px;border-radius:18px}
.asset-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}
.library-video-play{position:absolute;inset:auto auto 50% 50%;transform:translate(50%,50%);display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:rgba(4,13,28,.58);backdrop-filter:blur(8px);color:#fff}
.library-video-play svg{width:30px;height:30px;stroke:currentColor;fill:none}
.library-video-time{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:10px;background:rgba(8,13,24,.75);font-size:12px;color:#fff}
.asset-preview-frame.audio::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18))}
.asset-preview-file{display:grid;place-items:center;width:112px;height:112px;border-radius:24px;background:rgba(255,255,255,.08);font-weight:800;font-size:24px;color:#d6e5ff}
.library-card-body{padding:12px 12px 14px}
.library-card-body h4{margin:0;font-size:16px;font-weight:600;line-height:1.35}
.library-card-body p{margin:6px 0 0;color:#8fa6c2;font-size:12px}
.library-card-menu{position:absolute;right:8px;bottom:8px;border:none;background:transparent;color:#b9cbe3;font-size:20px;cursor:pointer}
.library-grid-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#8fa6c2;flex-wrap:wrap}
.library-pagination{display:flex;align-items:center;gap:8px}
.library-pagination button{min-width:34px;height:34px;border-radius:10px;border:1px solid rgba(121,151,198,.18);background:rgba(8,21,45,.65);color:#ddecff;cursor:pointer}
.library-pagination button.is-active{background:linear-gradient(90deg,rgba(18,79,183,.95),rgba(32,124,255,.85))}
.library-preview-panel{display:flex;flex-direction:column;gap:14px}
.library-preview-head,.library-section-head,.ai-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.library-preview-head h3,.ai-section-head h3{margin:0;font-size:20px}
.library-icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#b9cbe3;cursor:pointer}
.library-preview-title-row h4{margin:8px 0 0;font-size:26px;line-height:1.25}
.library-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(121,151,198,.14);border-bottom:1px solid rgba(121,151,198,.14)}
.library-preview-facts small,.library-tag-wrap small,.library-history-item small,.ai-section-head p,.ai-history-item small,.ai-image-title-block p{display:block;color:#90a5c4}
.library-preview-facts b{display:block;margin-top:4px;font-size:14px}
.library-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.library-tags span,.library-tag-add{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(121,151,198,.18);background:rgba(8,21,45,.65);color:#dbe9ff}
.library-tag-add{width:32px;padding:0;cursor:pointer}
.library-history-list{display:flex;flex-direction:column;gap:10px}
.library-history-item{display:flex;gap:10px}
.library-history-item .channel{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,.2);color:#fff;flex:0 0 36px;font-weight:700}
.library-history-item .channel.tiktok{background:rgba(236,72,153,.22)}
.library-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.library-preview-actions .btn{justify-content:center}
.btn.danger{background:rgba(127,29,29,.22);border:1px solid rgba(248,113,113,.22);color:#fecaca}
.library-preview-empty{display:grid;place-items:center;min-height:280px;color:#8fa6c2;text-align:center}
.library-empty-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:rgba(59,130,246,.14);color:#9cc1ff;margin-bottom:12px}
.library-empty-icon svg{width:32px;height:32px}
.ai-image-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(380px,.9fr);gap:14px}
.ai-image-left,.ai-image-right{display:flex;flex-direction:column;gap:14px}
.ai-image-panel{padding:18px;border-radius:22px}
.ai-field label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600}
.ai-prompt-wrap{position:relative;padding:14px;border-radius:16px;border:1px solid rgba(121,151,198,.18);background:rgba(7,24,50,.68)}
.ai-prompt-wrap textarea{min-height:110px;resize:none;font:inherit}
.ai-prompt-magic{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;border:none;background:rgba(37,99,235,.18);color:#b6d5ff;cursor:pointer}
.ai-prompt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ai-generator-controls{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.ai-generator-box small{display:block;margin-bottom:10px;color:#90a5c4}
.ai-model-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:16px;border:1px solid rgba(121,151,198,.18);background:rgba(7,24,50,.68);color:#eef4ff;cursor:pointer}
.ai-model-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,rgba(102,126,234,.2),rgba(79,70,229,.3));color:#d9d6ff}
.ai-model-card b{font-size:16px}
.ai-model-card small{margin-left:auto;margin-bottom:0;color:#9cc1ff}
.ai-style-list{display:flex;gap:8px;flex-wrap:wrap}
.ai-style-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:84px;padding:8px;border-radius:16px;border:1px solid rgba(121,151,198,.18);background:rgba(7,24,50,.68);color:#eef4ff;cursor:pointer}
.ai-style-card .preview{display:block;width:64px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#60a5fa)}
.ai-style-card .preview.realistic{background:linear-gradient(135deg,#7c2d12,#fb923c)}
.ai-style-card .preview.anime{background:linear-gradient(135deg,#9333ea,#fb7185)}
.ai-style-card .preview.\33 d{background:linear-gradient(135deg,#0f766e,#22d3ee)}
.ai-style-card .preview.illustration{background:linear-gradient(135deg,#7c3aed,#f59e0b)}
.ai-style-card.is-active{outline:2px solid rgba(80,149,255,.76);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.ai-generator-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ai-generator-split.sliders{grid-template-columns:1fr 1fr .8fr}
.ai-choice-row{display:flex;gap:8px;flex-wrap:wrap}
.ai-stepper{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:14px;border:1px solid rgba(121,151,198,.18);background:rgba(7,24,50,.68)}
.ai-stepper button{width:28px;height:28px;border:none;border-radius:8px;background:rgba(255,255,255,.08);color:#eef4ff;cursor:pointer}
.ai-slider-line{display:flex;align-items:center;gap:12px;height:42px}
.ai-slider-line input{flex:1}
.ai-switch{display:inline-flex;align-items:center;cursor:pointer}
.ai-switch input{display:none}
.ai-switch span{position:relative;display:inline-block;width:52px;height:30px;border-radius:999px;background:rgba(255,255,255,.12)}
.ai-switch span::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s ease}
.ai-switch input:checked+span{background:#2563eb}
.ai-switch input:checked+span::after{left:26px}
.ai-generate-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border:none;border-radius:16px;background:linear-gradient(90deg,#1a73ff 0,#265df2 42%,#9333ea 100%);color:#fff;font-weight:700;cursor:pointer}
.ai-generate-button small{opacity:.84}
.ai-result-hero{overflow:hidden;border-radius:18px;border:1px solid rgba(121,151,198,.16);background:#07162d}
.ai-result-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ai-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.ai-result-thumb{padding:0;border:1px solid rgba(121,151,198,.16);border-radius:14px;background:#07162d;overflow:hidden;cursor:pointer}
.ai-result-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ai-result-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ai-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ai-suggestion-card,.ai-history-item{display:flex;gap:10px;padding:8px;border-radius:16px;background:rgba(7,24,50,.58);border:1px solid rgba(121,151,198,.14)}
.ai-suggestion-card{flex-direction:column;padding:0;overflow:hidden}
.ai-suggestion-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.ai-suggestion-card div{padding:10px 12px}
.ai-suggestion-card p{margin:0 0 8px;font-size:14px;line-height:1.45}
.ai-suggestion-card span{display:inline-flex;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}
.ai-history-list{display:flex;flex-direction:column;gap:10px}
.ai-history-item{align-items:center}
.ai-history-item img{width:90px;height:54px;border-radius:10px;object-fit:cover;flex:0 0 90px}
.ai-history-item strong{display:block;margin-bottom:4px}
.ai-history-item>span{margin-left:auto;color:#8fa6c2;white-space:nowrap}
.library-preview-actions .btn,.ai-result-actions .btn,.ai-prompt-actions .btn{display:inline-flex;align-items:center;gap:8px}
.ai-section-head button,.library-section-head button{border:none;background:transparent;color:#9cc1ff;cursor:pointer}
@media (max-width:1400px){
  .library-body-grid{grid-template-columns:220px 1fr}
  .library-preview-panel{grid-column:1/-1}
  .ai-image-grid{grid-template-columns:1fr}
}
@media (max-width:1100px){
  .library-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .library-page-head,.library-content-toolbar,.library-grid-footer{flex-direction:column;align-items:stretch}
  .library-search-box{min-width:0;width:100%}
  .ai-generator-split,.ai-generator-split.sliders,.ai-suggestion-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .library-summary-strip{grid-template-columns:1fr}
  .library-body-grid{grid-template-columns:1fr}
  .library-preview-facts,.library-preview-actions,.ai-result-grid{grid-template-columns:1fr}
}



/* BOTVIET_UI_LIBRARY_AIIMAGE_CSS_V2 */
body[data-route="library"] .content,
body[data-route="image-ai"] .content{max-width:none}
body[data-route="library"] #page-body,
body[data-route="image-ai"] #page-body{width:100%}
.library-layout{gap:16px}
.library-page-head{padding:20px 22px;background:
  radial-gradient(circle at 18% 0,rgba(8,197,255,.12),transparent 18%),
  linear-gradient(180deg,rgba(3,19,45,.98),rgba(3,13,31,.98))}
.library-page-head h1,.ai-image-title-block h1{font-size:22px;font-weight:800;color:#f3f7ff}
.library-page-head p,.ai-image-title-block p{font-size:14px}
.library-toolbar-actions{gap:14px}
.library-top-btn{min-width:164px;min-height:76px;justify-content:center;border-radius:18px;padding:14px 16px}
.library-top-btn b{font-size:15px;font-weight:700}
.library-top-btn small{line-height:1.3}
.library-summary-strip{padding:8px 10px;gap:0;border-radius:18px}
.library-stat-card{background:transparent;border-right:1px solid rgba(105,135,180,.16);border-radius:0;padding:10px 18px;min-height:74px}
.library-stat-card:last-child{border-right:none}
.library-stat-card .icon{width:44px;height:44px;border-radius:12px}
.library-stat-card small{font-size:14px}
.library-stat-card b{font-size:20px}
.library-stat-card.usage{padding-right:10px}
.library-body-grid{background:transparent;box-shadow:none;border:none;grid-template-columns:240px 1fr 390px}
.library-sidebar-panel,.library-main-panel,.library-preview-panel,.ai-image-panel{
  background:
    radial-gradient(circle at 12% 0,rgba(18,84,181,.16),transparent 24%),
    linear-gradient(180deg,rgba(4,18,43,.98),rgba(3,14,32,.98));
  border-radius:20px
}
.library-sidebar-panel{padding:12px}
.library-folder-item{height:48px;border-radius:12px;padding:0 14px}
.library-folder-item b{font-size:14px;font-weight:600}
.library-folder-item .count{font-size:14px}
.library-storage-box{margin-top:auto;padding:18px 10px 8px}
.library-main-panel{padding:12px 12px 10px}
.library-filter-chips button{height:38px;border-radius:12px;padding:0 16px;font-size:14px}
.library-search-box{height:40px;border-radius:12px;background:rgba(6,20,43,.82)}
.library-search-sort select,.library-grid-footer select{height:40px}
.library-view-toggle button{width:38px;height:38px;padding:0}
.library-assets-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.library-card{border-radius:14px}
.library-card-thumb{aspect-ratio:1/0.86}
.library-card-body{padding:10px 10px 12px}
.library-card-body h4{font-size:15px}
.library-card-body p{font-size:12px}
.library-card-badge{top:10px;left:30px;padding:4px 10px;font-size:11px}
.library-card-check{top:9px;left:9px}
.asset-preview-frame.large{min-height:238px}
.library-preview-panel{padding:14px 14px 16px}
.library-preview-head h3{font-size:18px}
.library-preview-title-row h4{font-size:18px;margin-top:10px}
.library-preview-facts{gap:10px}
.library-preview-facts b{font-size:13px}
.library-tag-wrap small,.library-preview-facts small,.library-history-item small{font-size:12px}
.library-tags span,.library-tag-add{height:30px;border-radius:9px;font-size:12px}
.library-history-item strong{display:block;color:#edf4ff;font-size:13px;line-height:1.35}
.library-preview-actions{grid-template-columns:1fr 1fr}
.library-preview-actions .btn{min-height:42px;border-radius:12px;font-size:14px}
.library-grid-footer{padding-top:8px}
.ai-image-page{gap:16px}
.ai-image-grid{grid-template-columns:minmax(0,1.12fr) 420px}
.ai-image-panel{border-radius:20px;padding:16px}
.ai-image-title-block{margin-bottom:10px}
.ai-field label{font-size:14px}
.ai-prompt-wrap{border-radius:14px}
.ai-prompt-wrap textarea{min-height:80px;font-size:14px;line-height:1.45}
.ai-prompt-magic{width:30px;height:30px}
.ai-prompt-actions .btn,.ai-result-actions .btn{min-height:40px;border-radius:12px}
.ai-model-card{border-radius:14px}
.ai-style-card{min-width:78px;border-radius:14px;padding:6px 8px}
.ai-style-card .preview{width:68px;height:50px}
.ai-choice-row button{min-width:62px}
.ai-stepper{height:40px}
.ai-generate-button{min-height:48px;border-radius:14px}
.ai-result-hero{border-radius:14px}
.ai-result-grid{grid-template-columns:repeat(3,1fr);gap:8px}
.ai-result-thumb{border-radius:12px}
.ai-suggestion-grid{gap:10px}
.ai-suggestion-card,.ai-history-item{border-radius:14px}
.ai-history-item{padding:10px}
.ai-history-item img{width:88px;height:54px}
@media (max-width:1500px){
  .library-assets-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1280px){
  .library-body-grid{grid-template-columns:220px 1fr}
  .library-preview-panel{grid-column:1/-1}
  .ai-image-grid{grid-template-columns:1fr}
}
@media (max-width:840px){
  .library-assets-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .library-assets-panel{grid-template-columns:1fr}
}



/* BOTVIET_UI_LIBRARY_AIIMAGE_CSS_V3 */
.library-folder-row{position:relative;display:flex;align-items:center;border-radius:12px}
.library-folder-row .library-folder-item{width:100%;padding-right:76px}
.library-folder-row.is-active{background:linear-gradient(90deg,rgba(18,79,183,.9),rgba(18,50,118,.9))}
.library-folder-actions{position:absolute;right:8px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .16s ease}
.library-folder-row:hover .library-folder-actions,.library-folder-row:focus-within .library-folder-actions{opacity:1}
.library-folder-actions button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(136,164,207,.18);background:rgba(4,15,35,.82);color:#afc4df;cursor:pointer}
.library-folder-actions button:hover{color:#fff;border-color:rgba(96,165,250,.5);background:rgba(27,72,139,.65)}
.library-folder-actions button:last-child:hover{color:#fecaca;border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.28)}
.library-main-panel{position:relative}
.library-drop-overlay{position:absolute;z-index:40;inset:10px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(96,165,250,.58);border-radius:18px;background:rgba(3,15,34,.91);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.library-drop-overlay.is-visible{opacity:1;visibility:visible}
.library-drop-overlay>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#eaf3ff}
.library-drop-overlay svg{width:42px;height:42px;stroke:#7db7ff;fill:none;stroke-width:1.6}
.library-drop-overlay strong{font-size:18px}
.library-drop-overlay small{color:#9bb0cc}
@media (hover:none){
  .library-folder-actions{opacity:1}
}



/* BOTVIET_LIBRARY_VIDEO_MENU_FIX_V4 */
.asset-preview-frame.real-video{background:#020817}
.asset-preview-frame.real-video video{display:block;width:100%;height:100%;min-height:180px;object-fit:contain;background:#020817}
.asset-preview-frame.real-video.large video{min-height:238px;max-height:410px}
.library-card-thumb .asset-preview-frame.real-video video{pointer-events:none;object-fit:cover}
.library-card-thumb .asset-preview-frame.real-video .library-video-play{pointer-events:none}
.asset-preview-frame.real-audio{flex-direction:column;gap:12px;padding:22px}
.asset-preview-frame.real-audio audio{width:min(100%,360px)}
.library-audio-wave{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(34,211,238,.12);color:#67e8f9}
.library-audio-wave svg{width:32px;height:32px;stroke:currentColor;fill:none}
.library-card-menu-wrap{position:absolute;right:6px;bottom:7px;z-index:12}
.library-card-menu{position:relative;right:auto;bottom:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid transparent;background:rgba(3,12,28,.64);color:#c8d9ef;font-size:21px;line-height:1;cursor:pointer}
.library-card-menu:hover,.library-card-menu[aria-expanded="true"]{background:#10274c;border-color:rgba(96,165,250,.32);color:#fff}
.library-card-dropdown{position:absolute;right:0;bottom:38px;z-index:80;width:205px;padding:6px;border-radius:12px;border:1px solid rgba(113,153,211,.28);background:rgba(3,15,34,.98);box-shadow:0 18px 45px rgba(0,0,0,.48);backdrop-filter:blur(14px)}
.library-card-dropdown[hidden]{display:none!important}
.library-card-dropdown.open-up{bottom:38px}
.library-card-dropdown.align-right{right:0}
.library-card-dropdown button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#dce9fb;text-align:left;font-size:13px;cursor:pointer}
.library-card-dropdown button:hover{background:rgba(38,92,174,.28);color:#fff}
.library-card-dropdown button.danger{color:#fca5a5}
.library-card-dropdown button.danger:hover{background:rgba(127,29,29,.32);color:#fecaca}
.library-card-dropdown svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;flex:0 0 17px}
.library-card-dropdown-separator{height:1px;margin:5px 4px;background:rgba(121,151,198,.14)}
.library-card{overflow:visible}
.library-card-thumb{overflow:hidden;border-radius:13px 13px 0 0}
.library-assets-panel{overflow:visible}
@media (max-width:700px){
  .library-card-dropdown{width:190px}
}



/* BOTVIET_SUPPORT_TOPBAR_V6 */
.support-toolbar-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:38px;
  padding:0 11px;
  border:1px solid rgba(65,142,255,.72);
  border-radius:999px;
  background:linear-gradient(135deg,#0878ff 0%,#1765ff 55%,#7352f3 100%);
  color:#fff;
  box-shadow:0 7px 20px rgba(17,99,235,.24),inset 0 1px 0 rgba(255,255,255,.16);
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.support-toolbar-button:hover,
.support-toolbar-button:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 9px 24px rgba(17,99,235,.34),inset 0 1px 0 rgba(255,255,255,.2);
  outline:none;
}
.support-toolbar-button .commercial-svg,
.support-toolbar-button svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  stroke:currentColor;
  fill:none;
}
.support-toolbar-badge{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  margin-left:1px;
  border:2px solid rgba(37,99,235,.96);
  border-radius:999px;
  background:#ff3657;
  color:#fff;
  box-shadow:0 2px 7px rgba(239,68,68,.35);
  font-size:10px;
  line-height:1;
}
.support-floating.support-floating-topbar{
  position:fixed;
  top:calc(var(--top) + 8px);
  right:180px;
  bottom:auto;
  z-index:180;
}
.support-floating.support-floating-topbar .support-floating-panel{
  position:relative;
  right:auto;
  bottom:auto;
  top:0;
}
@media (max-width:1180px){
  .support-toolbar-button span{display:none}
  .support-toolbar-button{
    width:38px;
    min-width:38px;
    padding:0;
  }
  .support-toolbar-badge{
    position:absolute;
    right:-5px;
    top:-6px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-width:1.5px;
  }
  .support-floating.support-floating-topbar{right:88px}
}
@media (max-width:760px){
  .support-toolbar-button{
    width:36px;
    min-width:36px;
    height:36px;
  }
  .support-floating.support-floating-topbar{
    top:calc(var(--top) + 6px);
    right:8px;
    left:8px;
  }
  .support-floating.support-floating-topbar .support-floating-panel{
    width:100%;
    max-width:360px;
    margin-left:auto;
  }
}



/* BOTVIET_ZALO_BADGE_FAVICON_V7 */
.support-toolbar-button{
  background:linear-gradient(135deg,#0a84ff 0%,#1267e9 55%,#5f42e8 100%);
}
.support-toolbar-badge{
  animation:zaloUnreadPulse 1.9s ease-in-out infinite,zaloUnreadWiggle 5.2s ease-in-out infinite;
  transform-origin:50% 60%;
}
@keyframes zaloUnreadPulse{
  0%,100%{box-shadow:0 2px 7px rgba(239,68,68,.35),0 0 0 0 rgba(255,54,87,.28)}
  45%{box-shadow:0 3px 10px rgba(239,68,68,.48),0 0 0 5px rgba(255,54,87,0)}
}
@keyframes zaloUnreadWiggle{
  0%,86%,100%{transform:rotate(0deg) scale(1)}
  88%{transform:rotate(-10deg) scale(1.08)}
  90%{transform:rotate(10deg) scale(1.08)}
  92%{transform:rotate(-7deg) scale(1.05)}
  94%{transform:rotate(7deg) scale(1.05)}
  96%{transform:rotate(0deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .support-toolbar-badge{animation:none}
}



/* BOTVIET_NAV_GROUPING_V11 */
.nav-subsection-label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 7px 6px;
  color:#6f88a8;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.15px;
  line-height:1;
  text-transform:uppercase;
  user-select:none;
}
.nav-subsection-label::before{
  content:"";
  width:10px;
  height:1px;
  flex:0 0 10px;
  background:linear-gradient(90deg,#168dff,rgba(22,141,255,.2));
}
.nav-subsection-label::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,rgba(88,127,174,.35),rgba(88,127,174,.04));
}
.nav-subsection-label span{
  white-space:nowrap;
}
.nav-section>.nav-subsection-label:first-of-type{
  margin-top:9px;
}
.sidebar-scroll .nav-item{
  min-height:39px;
}
@media (max-width:760px){
  .nav-subsection-label{
    margin-left:6px;
    margin-right:6px;
  }
}



/* BOTVIET_NAV_ACCORDION_COLORS_V12 */
.nav-subsection{
  --nav-accent:#7f96b4;
  --nav-accent-soft:rgba(127,150,180,.12);
  margin:5px 0 7px;
}
.nav-subsection-overview{
  --nav-accent:#91a8c5;
  --nav-accent-soft:rgba(145,168,197,.11);
}
.nav-subsection-channels{
  --nav-accent:#60a5fa;
  --nav-accent-soft:rgba(59,130,246,.13);
}
.nav-subsection-content{
  --nav-accent:#32d7e8;
  --nav-accent-soft:rgba(34,211,238,.12);
}
.nav-subsection-ai{
  --nav-accent:#b68cff;
  --nav-accent-soft:rgba(139,92,246,.15);
}
.nav-subsection-commerce{
  --nav-accent:#ffab5f;
  --nav-accent-soft:rgba(249,115,22,.13);
}
.nav-subsection-label{
  width:100%;
  min-height:29px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:5px 0 3px;
  padding:5px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#7188a6;
  font:inherit;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.08px;
  line-height:1;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
  user-select:none;
  transition:background .16s ease,color .16s ease;
}
.nav-subsection-label:hover,
.nav-subsection-label:focus-visible{
  background:var(--nav-accent-soft);
  color:#d8e7fb;
  outline:none;
}
.nav-subsection-accent{
  width:12px;
  height:2px;
  flex:0 0 12px;
  border-radius:999px;
  background:var(--nav-accent);
  box-shadow:0 0 8px var(--nav-accent-soft);
}
.nav-subsection-title{
  min-width:0;
  white-space:nowrap;
}
.nav-subsection-chevron{
  margin-left:auto;
  color:var(--nav-accent);
  font-size:14px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .2s ease;
}
.nav-subsection.is-collapsed .nav-subsection-chevron{
  transform:rotate(-90deg);
}
.nav-subsection-items-shell{
  display:grid;
  grid-template-rows:1fr;
  opacity:1;
  transition:grid-template-rows .22s ease,opacity .18s ease;
}
.nav-subsection-items{
  min-height:0;
  overflow:hidden;
}
.nav-subsection.is-collapsed .nav-subsection-items-shell{
  grid-template-rows:0fr;
  opacity:.25;
}
.nav-subsection .nav-item .nav-icon{
  color:var(--nav-accent);
}
.nav-subsection .nav-item:hover .nav-icon{
  color:#fff;
  filter:drop-shadow(0 0 5px var(--nav-accent));
}
.nav-subsection .nav-item.active{
  background:linear-gradient(90deg,var(--nav-accent-soft),rgba(22,119,255,.07));
}
.nav-subsection .nav-item.active .nav-icon{
  color:#fff;
  filter:drop-shadow(0 0 6px var(--nav-accent));
}
.nav-subsection-channels .nav-item.active{border-color:rgba(96,165,250,.58)}
.nav-subsection-content .nav-item.active{border-color:rgba(50,215,232,.55)}
.nav-subsection-ai .nav-item.active{border-color:rgba(182,140,255,.58)}
.nav-subsection-commerce .nav-item.active{border-color:rgba(255,171,95,.58)}
.nav-subsection-overview .nav-item.active{border-color:rgba(145,168,197,.48)}
@media (prefers-reduced-motion:reduce){
  .nav-subsection-items-shell,
  .nav-subsection-chevron{
    transition:none;
  }
}



/* BOTVIET_CONNECTIONS_FACEBOOK_AUTOMATION_V13 */
.fanpage-connection-card{position:relative;overflow:visible}
.fanpage-picker{position:relative;z-index:24;min-height:33px}
.fanpage-picker-trigger{
  width:100%;height:33px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  border:1px solid #14365a;border-radius:6px;background:#06162c;color:#d3deec;
  padding:0 9px;font:inherit;font-size:9px;text-align:left;cursor:pointer
}
.fanpage-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fanpage-picker-trigger>b{color:#8195ae;font-size:12px;font-weight:600;transition:transform .16s ease}
.fanpage-picker.is-open .fanpage-picker-trigger{border-color:#2684df;box-shadow:0 0 0 2px rgba(38,132,223,.12)}
.fanpage-picker.is-open .fanpage-picker-trigger>b{transform:rotate(180deg)}
.fanpage-picker-trigger:disabled{opacity:.7;cursor:not-allowed}
.fanpage-picker-menu{
  position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:120;padding:5px;
  border:1px solid #1c5688;border-radius:8px;background:rgba(3,17,35,.99);
  box-shadow:0 16px 36px rgba(0,0,0,.46);max-height:210px;overflow:auto
}
.fanpage-picker-menu[hidden]{display:none!important}
.fanpage-picker-menu button{
  width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  border:0;border-radius:6px;background:transparent;color:#bcd0e6;padding:6px 8px;
  font-size:9px;text-align:left;cursor:pointer
}
.fanpage-picker-menu button:hover,.fanpage-picker-menu button.is-selected{background:rgba(27,104,198,.2);color:#fff}
.fanpage-picker-menu button>b{color:#47dc8a}
.fanpage-picker-hint{display:block;margin-top:-3px;color:#e2a04e;font-size:8px;line-height:1.45}
.fanpage-automation-readiness{
  min-height:27px;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #28475e;
  border-radius:7px;background:rgba(5,25,46,.62);color:#d89f4d;font-size:8px
}
.fanpage-automation-readiness.ready{border-color:rgba(40,190,111,.34);color:#43da87;background:rgba(21,113,65,.08)}
.fanpage-automation-readiness>span{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.fanpage-automation-readiness>b{font-size:8px;white-space:nowrap}
.fanpage-automation-readiness>button{margin-left:auto;border:0;background:transparent;color:#62aef8;font-size:8px;cursor:pointer}
.connection-feature-grid,.connections-page,.connections-feature-section{overflow:visible}
.facebook-automation-health{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:9px 10px;
  border:1px solid rgba(245,158,11,.3);border-radius:9px;background:rgba(146,91,13,.07)
}
.facebook-automation-health>div{display:flex;align-items:flex-start;gap:8px;min-width:0}
.facebook-automation-health i{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:#f5a623;box-shadow:0 0 0 4px rgba(245,166,35,.1)}
.facebook-automation-health b,.facebook-automation-health small{display:block}
.facebook-automation-health b{font-size:10px;color:#f1c176}
.facebook-automation-health small{margin-top:3px;color:#8da1b9;font-size:8px;line-height:1.4}
.facebook-automation-health.ready{border-color:rgba(35,209,119,.28);background:rgba(20,123,72,.07)}
.facebook-automation-health.ready i{background:#2ed884;box-shadow:0 0 0 4px rgba(46,216,132,.1)}
.facebook-automation-health.ready b{color:#51de98}
.facebook-automation-row .switch:disabled,.facebook-automation-row .btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:900px){
  .fanpage-picker-menu{position:fixed;left:14px;right:14px;top:auto;bottom:18px;max-height:45vh}
}



/* BOTVIET_FACEBOOK_SMART_OAUTH_V14 */
.facebook-smart-oauth{display:flex;flex-direction:column;gap:14px}
.facebook-smart-oauth-head{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(70,135,235,.24);border-radius:14px;background:linear-gradient(135deg,rgba(24,119,242,.16),rgba(39,67,121,.08))}
.facebook-smart-oauth-head>.platform-icon,.facebook-smart-oauth-head>.connection-platform-icon{flex:0 0 auto}
.facebook-smart-oauth-head b{display:block;color:#f5f9ff;font-size:15px}
.facebook-smart-oauth-head small{display:block;margin-top:4px;color:#96abc8;line-height:1.45}
.facebook-identity-list{display:flex;flex-direction:column;gap:9px}
.facebook-identity-choice{position:relative;display:grid;grid-template-columns:20px 42px 1fr;align-items:center;gap:10px;padding:12px;border:1px solid rgba(113,151,203,.2);border-radius:14px;background:rgba(5,19,42,.7);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.facebook-identity-choice:hover{transform:translateY(-1px);border-color:rgba(73,144,255,.52);background:rgba(8,30,66,.82)}
.facebook-identity-choice:has(input:checked){border-color:#3488ff;box-shadow:0 0 0 1px rgba(52,136,255,.22);background:linear-gradient(90deg,rgba(24,119,242,.18),rgba(6,22,47,.8))}
.facebook-identity-choice input{width:17px;height:17px;accent-color:#1877f2}
.facebook-identity-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(24,119,242,.18)}
.facebook-identity-icon.page{background:rgba(124,58,237,.18)}
.facebook-identity-copy b{display:block;color:#f1f6ff;font-size:14px}
.facebook-identity-copy small{display:block;margin-top:3px;color:#9bb0ca}
.facebook-identity-copy em{display:block;margin-top:6px;color:#7089a9;font-size:11px;line-height:1.4;font-style:normal}
.facebook-no-pages{padding:13px;border:1px dashed rgba(245,158,11,.3);border-radius:12px;background:rgba(120,73,12,.12);color:#d8b879;font-size:12px;line-height:1.5}
@media (max-width:600px){
  .facebook-identity-choice{grid-template-columns:18px 38px 1fr;padding:10px}
  .facebook-identity-icon{width:38px;height:38px}
}



/* BOTVIET_FACEBOOK_OAUTH_PREFLIGHT_V15 */
.facebook-oauth-preflight-modal{width:min(760px,calc(100vw - 28px))}
.facebook-oauth-preflight-modal .modal-head>div small{display:block;margin-top:4px;color:var(--muted)}
.facebook-preflight-status{padding:14px 16px;border-radius:14px;border:1px solid rgba(245,158,11,.28);background:rgba(120,53,15,.12)}
.facebook-preflight-status.ready{border-color:rgba(34,197,94,.28);background:rgba(20,83,45,.14)}
.facebook-preflight-status strong{display:block;margin-bottom:5px}
.facebook-preflight-status p{margin:0;color:var(--muted);line-height:1.5}
.facebook-preflight-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.facebook-preflight-check{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(4,18,39,.58)}
.facebook-preflight-check>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;font-weight:800}
.facebook-preflight-check.ok>span{background:rgba(34,197,94,.16);color:#4ade80}
.facebook-preflight-check.fail>span{background:rgba(239,68,68,.16);color:#f87171}
.facebook-preflight-check b,.facebook-preflight-check small{display:block}
.facebook-preflight-check small{margin-top:3px;color:var(--muted);word-break:break-word}
.facebook-meta-settings{margin-top:16px;padding:14px;border:1px solid rgba(59,130,246,.24);border-radius:14px;background:rgba(10,37,74,.24)}
.facebook-meta-settings h3{margin:0 0 11px}
.facebook-meta-setting-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(95,130,174,.13)}
.facebook-meta-setting-row:first-of-type{border-top:0}
.facebook-meta-setting-row code{display:block;padding:8px 10px;border-radius:9px;background:#041225;color:#d9edff;white-space:normal;word-break:break-all}
.facebook-meta-setting-row.important{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) auto}
.facebook-meta-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.facebook-meta-switches span{display:flex;justify-content:space-between;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted)}
.facebook-meta-switches b{color:#4ade80}
.facebook-preflight-note{margin-top:12px;padding:11px 13px;border-radius:11px;background:rgba(139,92,246,.09);color:#aabbd1;line-height:1.55}
@media(max-width:700px){
  .facebook-preflight-checks,.facebook-meta-switches{grid-template-columns:1fr}
  .facebook-meta-setting-row,.facebook-meta-setting-row.important{grid-template-columns:1fr}
}



/* BOTVIET_VPS_VOICE_AI_V16 */
.voice-ai-studio{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.voice-ai-text{width:100%;min-height:250px;resize:vertical}
.voice-ai-help,.voice-ai-provider-note,.voice-ai-disclosure{display:block;margin-top:8px;color:var(--muted);line-height:1.5}
.voice-ai-studio select,.voice-ai-studio textarea{width:100%;margin:7px 0 14px}
.voice-ai-result{margin-top:14px}
.voice-ai-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.voice-ai-result-head h3{margin:8px 0 0}
.voice-ai-result audio{width:100%;margin-top:14px}
@media(max-width:900px){.voice-ai-studio{grid-template-columns:1fr}}



/* BOTVIET_VOICE_VIDEO_DUB_V16 */
.voice-ai-page{display:flex;flex-direction:column;gap:14px}
.voice-video-dub-panel{
  background:
    radial-gradient(circle at 4% 0,rgba(124,58,237,.15),transparent 24%),
    linear-gradient(180deg,rgba(5,20,45,.98),rgba(3,14,32,.98));
}
.voice-video-dub-head,.voice-dub-job-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px
}
.voice-video-dub-head h3,.voice-dub-job-head h3{margin:4px 0 5px}
.voice-video-dub-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}
.voice-dub-kicker{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#b68cff}
.voice-dub-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px
}
.voice-dub-grid label{display:flex;flex-direction:column;gap:7px;color:#dce9fb;font-size:13px;font-weight:650}
.voice-dub-grid select,.voice-dub-grid input[type="text"],.voice-dub-grid input[type="number"]{
  min-height:42px;border:1px solid var(--line);border-radius:11px;background:#061831;color:#eef5ff;padding:0 11px
}
.voice-dub-grid input[type="range"]{width:100%}
.voice-dub-grid small{color:var(--muted);font-weight:500}
.voice-dub-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.voice-dub-warning{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.08);color:#f7c978}
.voice-dub-job{overflow:hidden}
.voice-dub-job-head small{display:block;color:var(--muted)}
.voice-dub-progress{height:8px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.voice-dub-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1677ff,#7c3aed,#22d3ee);transition:width .25s ease}
.voice-dub-job.failed .voice-dub-progress span{background:linear-gradient(90deg,#ef4444,#f97316)}
.voice-dub-job.completed .voice-dub-progress span{background:linear-gradient(90deg,#22c55e,#2dd4bf)}
.voice-dub-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:12px}
.voice-dub-progress-copy b{color:#edf5ff}
.voice-dub-error{padding:10px 12px;border-radius:10px;background:rgba(127,29,29,.22);color:#fecaca;line-height:1.5}
.voice-dub-preview{display:block;width:100%;max-height:520px;margin-top:14px;border-radius:14px;background:#020817}
@media(max-width:1000px){
  .voice-dub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .voice-dub-grid{grid-template-columns:1fr}
  .voice-video-dub-head,.voice-dub-job-head{flex-direction:column}
}