:root{
  --bg:#07111f;--bg-2:#0a1627;--panel:rgba(13,27,46,.82);--panel-solid:#0d1b2e;--panel-2:#12243b;
  --line:rgba(144,178,221,.14);--line-strong:rgba(144,178,221,.24);--text:#f7fbff;--muted:#8ca2bd;
  --blue:#4aa8ff;--blue-2:#7ed3ff;--green:#37d39a;--red:#ff6478;--amber:#ffbd59;--violet:#9d86ff;
  --shadow:0 24px 70px rgba(0,0,0,.32);--radius:20px;--sidebar:258px;
}
html[data-theme="light"]{--bg:#eef4fb;--bg-2:#f7faff;--panel:rgba(255,255,255,.86);--panel-solid:#fff;--panel-2:#f5f8fc;--line:rgba(32,68,110,.12);--line-strong:rgba(32,68,110,.2);--text:#142033;--muted:#687b92;--shadow:0 22px 60px rgba(38,74,110,.12)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 82% -8%,rgba(74,168,255,.14),transparent 30%),radial-gradient(circle at 30% 10%,rgba(157,134,255,.08),transparent 25%),var(--bg);letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:25px 18px 18px;background:color-mix(in srgb,var(--bg-2) 88%,transparent);backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.brand-logo{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2f8fff,#62c7ff);box-shadow:0 14px 30px rgba(46,151,255,.28)}.brand-logo svg{width:23px;fill:white}.brand-logo.big{width:66px;height:66px;border-radius:21px}.brand-logo.big svg{width:34px}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:-.02em}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.brand-large .brand-logo{width:52px;height:52px}.side-nav{display:grid;gap:7px;margin-top:38px}.side-nav a{position:relative;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:650;transition:.22s ease}.side-nav a:hover{background:rgba(74,168,255,.07);color:var(--text)}.side-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(43,143,255,.92),rgba(38,112,231,.88));box-shadow:0 10px 26px rgba(36,123,236,.24)}.nav-icon{width:25px;height:25px;display:grid;place-items:center;font-size:17px}.side-bottom{margin-top:auto;display:grid;gap:10px}.public-link{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}.public-link b{margin-left:auto}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(55,211,154,.1)}.logout-btn{width:100%;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:10px;cursor:pointer}.logout-btn:hover{background:rgba(255,100,120,.08);color:var(--red)}.workspace{grid-column:2;min-width:0}.topbar{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(18px)}.topbar-title{display:grid;gap:2px}.topbar-title .crumb{font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.topbar-title strong{font-size:15px}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);border-radius:11px;cursor:pointer}.admin-chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);background:var(--panel);border-radius:999px;font-size:12px;color:var(--muted)}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--blue));color:#fff;font-weight:800}.content{width:min(1480px,100%);margin:0 auto;padding:34px clamp(20px,4vw,48px) 70px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}.page-intro h1{font-size:clamp(28px,3.6vw,43px);letter-spacing:-.04em;margin:5px 0 7px}.page-intro p{color:var(--muted);margin:0;max-width:760px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--blue);font-weight:850;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:12px;font-weight:750;white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}.status-pill.ok{color:var(--green)}.status-pill.warn{color:var(--amber)}.status-pill.bad{color:var(--red)}.toast{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin-bottom:18px;border:1px solid;border-radius:14px;transition:.3s}.toast>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-weight:900}.toast-success{color:#aaf1d4;background:rgba(55,211,154,.08);border-color:rgba(55,211,154,.27)}.toast-success>span{background:rgba(55,211,154,.16)}.toast-error{color:#ffb2bd;background:rgba(255,100,120,.08);border-color:rgba(255,100,120,.27)}.toast-error>span{background:rgba(255,100,120,.16)}.toast.hide{opacity:0;transform:translateY(-8px);pointer-events:none}.setup-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(420px,1.4fr);gap:28px;padding:25px;border:1px solid rgba(74,168,255,.22);background:linear-gradient(130deg,rgba(74,168,255,.1),rgba(157,134,255,.06)),var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px}.setup-copy h2{font-size:21px;margin:5px 0 7px}.setup-copy p{margin:0;color:var(--muted);font-size:13px}.setup-kicker{font-size:10px;color:var(--blue);letter-spacing:.15em;font-weight:850}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.setup-step{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px}.setup-step>b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted)}.setup-step.done>b{background:rgba(55,211,154,.14);color:var(--green)}.setup-step strong,.setup-step small{display:block}.setup-step strong{font-size:12px}.setup-step small{font-size:10px;color:var(--muted);margin-top:2px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);gap:18px;margin-bottom:18px}.presence-card,.control-card,.panel-card,.metric-card,.form-panel,.advanced-card,.terminal-card{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow)}.presence-card{padding:25px;position:relative;overflow:hidden}.presence-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--state-color,var(--blue)) 22%,transparent),transparent 67%)}.presence-card.online{--state-color:var(--green)}.presence-card.offline{--state-color:var(--red)}.presence-card.unknown{--state-color:var(--amber)}.presence-top,.presence-footer{display:flex;align-items:center;justify-content:space-between;position:relative}.card-label{font-size:11px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase}.signal{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.signal i{width:6px;height:6px;background:var(--state-color);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--state-color) 12%,transparent)}.presence-main{display:flex;align-items:center;gap:19px;padding:31px 0}.presence-orb{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--state-color) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--state-color) 28%,transparent),0 0 45px color-mix(in srgb,var(--state-color) 15%,transparent)}.presence-orb span{width:27px;height:27px;border-radius:50%;background:var(--state-color);box-shadow:0 0 0 9px color-mix(in srgb,var(--state-color) 12%,transparent),0 0 22px var(--state-color)}.presence-main strong{display:block;font-size:42px;line-height:1;letter-spacing:-.04em}.presence-main small{display:block;margin-top:10px;color:var(--muted);font-size:11px}.presence-footer{padding-top:17px;border-top:1px solid var(--line);font-size:12px}.presence-footer span{color:var(--muted)}.presence-footer b{color:var(--state-color)}.control-card{padding:22px}.card-title,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-title span:first-child small,.card-title span:first-child strong{display:block}.card-title small{font-size:9px;letter-spacing:.18em;color:var(--blue)}.card-title strong{font-size:18px;margin-top:4px}.mini-pill{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.control-actions form{display:contents}.quick-action{min-height:88px;text-align:left;display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:12px;cursor:pointer;color:var(--text);transition:.2s}.quick-action:hover{transform:translateY(-2px);border-color:var(--line-strong);background:rgba(74,168,255,.055)}.quick-action>span{grid-row:1/3;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:var(--panel-2);color:var(--blue)}.quick-action b{font-size:12px}.quick-action small{font-size:10px;color:var(--muted);margin-top:3px}.quick-action.primary{border-color:rgba(55,211,154,.25);background:rgba(55,211,154,.06)}.quick-action.primary>span{color:var(--green)}.quick-action.danger>span{color:var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:13px;padding:17px;box-shadow:none}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:16px}.metric-icon.cyan{background:rgba(74,168,255,.11);color:var(--blue)}.metric-icon.violet{background:rgba(157,134,255,.11);color:var(--violet)}.metric-icon.green{background:rgba(55,211,154,.11);color:var(--green)}.metric-icon.amber{background:rgba(255,189,89,.11);color:var(--amber)}.metric-card small,.metric-card strong{display:block}.metric-card small{font-size:10px;color:var(--muted);margin-bottom:5px}.metric-card strong{font-size:13px;word-break:break-word}.content-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:18px}.panel-card{padding:22px}.panel-head{margin-bottom:17px}.panel-head h2{font-size:18px;margin:4px 0 0}.panel-head a{font-size:11px;color:var(--blue)}.runtime-list{display:grid}.runtime-list div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.runtime-list div:last-child{border-bottom:0}.runtime-list span{font-size:11px;color:var(--muted)}.runtime-list strong,.runtime-list code{font-size:11px;text-align:right;max-width:65%;word-break:break-all}.runtime-list code{color:var(--blue-2)}.event-list{max-height:350px;overflow:auto;padding-right:3px}.event-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.event-dot{width:8px;height:8px;border-radius:50%}.event-dot.online{background:var(--green);box-shadow:0 0 0 5px rgba(55,211,154,.1)}.event-dot.offline{background:var(--red);box-shadow:0 0 0 5px rgba(255,100,120,.1)}.event-item strong,.event-item small{display:block}.event-item strong{font-size:12px}.event-item small,.event-item>span:last-child{font-size:10px;color:var(--muted);margin-top:3px}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-state>span{font-size:28px;margin-bottom:8px}.empty-state strong,.empty-state small{display:block}.empty-state small{margin-top:4px;font-size:11px}.settings-form{display:grid;gap:18px}.form-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.section-side{padding:15px 4px}.section-number{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:999px;background:rgba(74,168,255,.1);color:var(--blue);font-size:10px;font-weight:800}.section-side h2{font-size:18px;margin:12px 0 7px}.section-side p{font-size:11px;color:var(--muted);line-height:1.65;margin:0}.form-panel{padding:22px;box-shadow:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field-grid label,.form-stack label{display:grid;gap:7px}.field-grid label>span,.form-stack label>span{font-size:11px;color:var(--muted);font-weight:700}.field-grid label>small{font-size:9px;color:var(--muted)}input{width:100%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--text);border-radius:12px;padding:12px 13px;outline:0;transition:.18s}input:focus{border-color:rgba(74,168,255,.55);box-shadow:0 0 0 4px rgba(74,168,255,.09)}.span-2{grid-column:1/-1}.input-suffix{display:flex;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);border-radius:12px}.input-suffix input{border:0;background:transparent;box-shadow:none!important}.input-suffix b{font-size:10px;color:var(--muted);padding-right:12px}.toggle-list{display:grid;gap:8px;margin-top:2px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);cursor:pointer}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row span strong{font-size:11px;color:var(--text)}.toggle-row span small{font-size:9px;color:var(--muted);margin-top:3px}.toggle-row input{display:none}.toggle-row i{position:relative;width:39px;height:22px;border-radius:999px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.toggle-row i:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.2s}.toggle-row input:checked+i{background:rgba(55,211,154,.18)}.toggle-row input:checked+i:before{transform:translateX(17px);background:var(--green)}.advanced-card{overflow:hidden;box-shadow:none}.advanced-card summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:18px 21px;list-style:none}.advanced-card summary::-webkit-details-marker{display:none}.advanced-card summary span b,.advanced-card summary span small{display:block}.advanced-card summary b{font-size:13px}.advanced-card summary small{color:var(--muted);font-size:10px;margin-top:3px}.advanced-body{padding:0 21px 21px;border-top:1px solid var(--line);padding-top:20px}.save-bar{position:sticky;bottom:15px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px 13px 18px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--panel-solid) 88%,transparent);backdrop-filter:blur(18px);border-radius:16px;box-shadow:var(--shadow)}.save-bar strong,.save-bar small{display:block}.save-bar strong{font-size:12px}.save-bar small{font-size:9px;color:var(--muted);margin-top:2px}.save-bar>div:last-child{display:flex;gap:9px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#2f8fff,#3375ee);color:#fff;box-shadow:0 10px 24px rgba(48,128,241,.22)}.btn-ghost{background:var(--panel);border-color:var(--line);color:var(--muted)}.btn-large{padding:13px 17px;font-size:12px}.btn-full{width:100%}.auth-layout,.security-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.auth-card{text-align:center}.auth-illustration{max-width:480px;margin:8px auto 22px}.auth-illustration .brand-logo{margin:0 auto 15px}.auth-illustration h2{margin:0 0 8px;font-size:24px}.auth-illustration p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.form-stack{display:grid;gap:16px;max-width:450px;margin:0 auto}.success-panel{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:1px solid rgba(55,211,154,.25);background:rgba(55,211,154,.07);border-radius:14px;margin-bottom:16px}.success-panel>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(55,211,154,.15);color:var(--green);font-weight:900}.success-panel strong,.success-panel small{display:block}.success-panel small{font-size:10px;color:var(--muted);margin-top:3px}.top-gap{margin-top:10px}.auth-help ol{list-style:none;padding:0;margin:22px 0;display:grid;gap:16px}.auth-help li{display:flex;align-items:center;gap:12px;color:var(--muted)}.auth-help li>b{width:30px;height:30px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;font-size:11px}.auth-help li.done>b{background:rgba(55,211,154,.13);color:var(--green)}.auth-help li strong,.auth-help li small{display:block}.auth-help li strong{font-size:11px;color:var(--text)}.auth-help li small{font-size:9px;margin-top:3px}.auth-help>a{font-size:11px;color:var(--blue)}.security-note{text-align:center}.security-shield{width:64px;height:64px;border-radius:21px;margin:5px auto 15px;display:grid;place-items:center;background:rgba(74,168,255,.11);color:var(--blue);font-size:28px}.security-note>p{color:var(--muted);font-size:11px;line-height:1.7}.secure-item{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.secure-item span{color:var(--muted)}.terminal-card{overflow:hidden}.terminal-bar{height:45px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.terminal-bar strong{color:var(--text)}.terminal-bar>span:last-child{margin-left:auto}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:8px;height:8px;border-radius:50%;background:var(--red)}.terminal-dots i:nth-child(2){background:var(--amber)}.terminal-dots i:nth-child(3){background:var(--green)}.terminal-card pre{margin:0;padding:19px;max-height:72vh;overflow:auto;background:rgba(2,8,16,.72);color:#b7c9dd;font:11px/1.7 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap;word-break:break-word}.login-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px}.login-wrap{width:min(1040px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);background:rgba(9,20,35,.75);backdrop-filter:blur(24px);border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.4);position:relative;z-index:2}.login-showcase{padding:56px;min-height:590px;background:radial-gradient(circle at 20% 15%,rgba(74,168,255,.18),transparent 30%),linear-gradient(145deg,rgba(17,47,79,.78),rgba(8,19,34,.86));display:flex;flex-direction:column}.login-showcase h1{margin:auto 0 15px;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.login-showcase h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue-2),var(--violet));-webkit-background-clip:text;color:transparent}.login-showcase>p{max-width:510px;color:var(--muted);line-height:1.7}.login-feature-grid{display:flex;gap:9px;margin-top:24px}.login-feature-grid span{font-size:10px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.login-panel{padding:54px 45px;display:flex;flex-direction:column;justify-content:center;background:var(--panel-solid)}.login-heading h2{font-size:31px;margin:7px 0}.login-heading p{color:var(--muted);font-size:11px;margin:0 0 27px}.login-foot{text-align:center;font-size:9px;color:var(--muted);margin-top:18px;word-break:break-all}.login-glow{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.18}.glow-a{background:var(--blue);left:-120px;top:-120px}.glow-b{background:var(--violet);right:-140px;bottom:-150px}.mobile-only{display:none}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.setup-card{grid-template-columns:1fr}.form-section{grid-template-columns:190px 1fr}}
@media(max-width:900px){.app-shell{display:block}.workspace{grid-column:auto}.sidebar{transform:translateX(-102%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 18px}.content{padding:25px 18px 60px}.form-section{grid-template-columns:1fr;gap:8px}.section-side{padding-bottom:0}.section-side p{max-width:560px}.login-wrap{grid-template-columns:1fr;width:min(520px,100%)}.login-showcase{display:none}.login-panel{min-height:560px}.auth-layout,.security-grid{grid-template-columns:1fr}}
@media(max-width:650px){.page-intro{flex-direction:column}.setup-steps{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.control-actions{grid-template-columns:1fr}.presence-main strong{font-size:34px}.save-bar{align-items:flex-start;flex-direction:column}.save-bar>div:last-child{width:100%}.save-bar .btn{flex:1}.admin-chip{display:none}.login-page{padding:13px}.login-panel{padding:36px 24px}.content{padding-left:14px;padding-right:14px}.panel-card,.presence-card,.control-card,.form-panel{padding:18px}}

/* V5 credential validation */
.field-error { color: var(--danger, #ef4444); font-weight: 700; }
input:invalid { box-shadow: none; }
.credential-line { margin-top: .55rem !important; font-size: .86rem; }
.text-ok { color: var(--success, #22c55e); }

/* V5.7 command, message and automation studio */
.template-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px 20px}.template-notice strong,.template-notice p{display:block}.template-notice p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.template-notice>span{white-space:nowrap;font-size:10px;color:var(--blue);border:1px solid rgba(74,168,255,.22);background:rgba(74,168,255,.08);padding:8px 10px;border-radius:999px}.template-notice code{font-size:9px}.message-studio{display:grid;gap:24px}.message-group{display:grid;gap:13px}.message-group-head{display:flex;align-items:end;gap:10px;padding:0 3px}.message-group-head h2{margin:0;font-size:20px}.message-group-head small{margin-left:auto;color:var(--muted);font-size:10px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{padding:19px;box-shadow:none;display:grid;gap:13px}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.template-card-head h3{margin:0;font-size:14px}.template-card-head p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.mini-reset{flex:none;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:9px;padding:7px 9px;font-size:9px;cursor:pointer}.mini-reset:hover{color:var(--text);border-color:var(--line-strong)}textarea{width:100%;resize:vertical;min-height:150px;border:1px solid var(--line);background:rgba(2,8,16,.52);color:#c7d7e8;border-radius:12px;padding:13px;outline:0;font:11px/1.65 "SFMono-Regular",Consolas,monospace;transition:.18s}textarea:focus{border-color:rgba(74,168,255,.55);box-shadow:0 0 0 4px rgba(74,168,255,.09)}.placeholder-list{display:flex;flex-wrap:wrap;gap:6px}.placeholder-list button{border:1px solid rgba(74,168,255,.18);background:rgba(74,168,255,.07);color:var(--blue-2);border-radius:8px;padding:5px 7px;font:9px "SFMono-Regular",Consolas,monospace;cursor:pointer}.placeholder-list button:hover{background:rgba(74,168,255,.14)}.template-preview{border-top:1px solid var(--line);padding-top:10px}.template-preview summary{cursor:pointer;color:var(--muted);font-size:10px}.template-preview pre{white-space:pre-wrap;word-break:break-word;margin:10px 0 0;padding:12px;border-radius:10px;background:rgba(2,8,16,.55);color:#c5d5e6;font:10px/1.6 "SFMono-Regular",Consolas,monospace;max-height:260px;overflow:auto}
@media(max-width:960px){.template-grid{grid-template-columns:1fr}}@media(max-width:650px){.template-notice{align-items:flex-start;flex-direction:column}.template-card-head{flex-direction:column}.mini-reset{align-self:flex-end}}

.command-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);overflow:hidden}.command-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(74,168,255,.15)}.command-input b{padding:0 0 0 14px;color:var(--muted);font-size:16px}.command-input input{border:0!important;box-shadow:none!important;background:transparent!important;padding-left:4px!important}.command-badge{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(74,168,255,.16);color:var(--blue);font-size:10px;letter-spacing:.04em}.command-example{min-height:140px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.command-example span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.command-example strong{font-size:17px}.command-example code{font-size:15px}

/* V5.5 bot console, visibility diagnostics and automation rules */
.visibility-card{margin:0 0 18px;padding:22px}.visibility-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:18px;margin-top:16px}.visibility-reason{padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,189,89,.08),rgba(74,168,255,.04));border-radius:15px}.visibility-reason strong{display:block;font-size:14px;line-height:1.65}.visibility-reason small{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.65}.visibility-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visibility-checks>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.visibility-checks span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--panel-2);color:var(--blue);font-size:11px;font-weight:850}.visibility-checks b{font-size:11px}.visibility-checks small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:3px}.warning-note{border-color:rgba(255,189,89,.25);background:linear-gradient(120deg,rgba(255,189,89,.07),rgba(74,168,255,.04)),var(--panel)}.warning-note>span{color:var(--amber);border-color:rgba(255,189,89,.24);background:rgba(255,189,89,.08)}.table-wrap{overflow:auto;margin-top:15px}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th,.data-table td{padding:12px 11px;text-align:left;border-bottom:1px solid var(--line);font-size:10px;vertical-align:top}.data-table th{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.data-table code{font-size:9px}.message-preview{max-width:430px;white-space:pre-wrap;word-break:break-word;color:var(--muted);line-height:1.55}.btn-small{padding:7px 10px;font-size:9px;border-radius:9px}.btn-danger{background:rgba(255,100,120,.1);color:var(--red);border-color:rgba(255,100,120,.22)}.rule-list{display:grid;gap:10px;margin-top:15px}.rule-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.rule-card.disabled{opacity:.55}.rule-main{display:flex;align-items:center;gap:12px;min-width:0}.rule-priority{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--panel-2);color:var(--blue);font-size:10px;font-weight:900}.rule-main strong,.rule-main small{display:block}.rule-main strong{font-size:12px}.rule-main small{margin-top:4px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(720px,60vw)}.rule-actions{display:flex;gap:7px;align-items:center;flex:none}.rule-actions form{margin:0}.field-grid select{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:12px 13px;outline:0}.field-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(74,168,255,.14)}
@media(max-width:900px){.visibility-layout{grid-template-columns:1fr}.visibility-checks{grid-template-columns:1fr}.rule-card{align-items:flex-start;flex-direction:column}.rule-actions{width:100%;flex-wrap:wrap}.rule-main small{max-width:80vw}}

/* V5.7 usability and operations center */
.nav-section{display:block;margin:14px 12px 2px;color:var(--muted);font-size:8px;letter-spacing:.18em;text-transform:uppercase}.side-nav{margin-top:22px;gap:4px;overflow:auto;padding-right:3px}.top-help{display:grid;place-items:center;text-decoration:none}.toast>button{margin-left:auto;border:0;background:transparent;color:currentColor;font-size:19px;line-height:1;cursor:pointer;opacity:.72}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dirty-notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:16px;padding:11px 14px;border:1px solid rgba(255,189,89,.3);background:rgba(26,31,42,.94);box-shadow:var(--shadow);border-radius:999px;color:#ffe0a2;font-size:11px}.dirty-notice button{border:0;background:rgba(255,255,255,.08);color:inherit;padding:6px 10px;border-radius:999px;cursor:pointer}.health-overview{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:22px;padding:20px;margin-bottom:18px}.health-score{display:flex;align-items:center;gap:17px}.health-score h2{margin:4px 0 5px;font-size:18px}.health-score p{margin:0;color:var(--muted);font-size:10px}.score-ring{--score:0;position:relative;width:88px;height:88px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(125,151,185,.14) 0)}.score-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel-solid)}.score-ring strong,.score-ring small{position:relative;z-index:1;display:block;text-align:center}.score-ring strong{font-size:25px;line-height:1}.score-ring small{font-size:8px;color:var(--muted);margin-top:3px}.health-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.health-shortcuts a{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);transition:.2s}.health-shortcuts a:hover{border-color:rgba(74,168,255,.4);transform:translateY(-2px)}.health-shortcuts span,.health-shortcuts b,.health-shortcuts small{display:block}.health-shortcuts span{font-size:20px;color:var(--blue)}.health-shortcuts b{font-size:11px;margin-top:8px}.health-shortcuts small{font-size:9px;color:var(--muted);margin-top:3px}.diagnostic-score{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(55,211,154,.15),rgba(74,168,255,.1));border:1px solid rgba(55,211,154,.24)}.diagnostic-score strong,.diagnostic-score small{display:block;text-align:center}.diagnostic-score strong{font-size:29px}.diagnostic-score small{font-size:9px;color:var(--muted)}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.diagnostic-card{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.diagnostic-card.ok{border-color:rgba(55,211,154,.22)}.diagnostic-card.warn{border-color:rgba(255,189,89,.25)}.diagnostic-card.bad{border-color:rgba(255,100,120,.28)}.diagnostic-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--panel-2);font-weight:900}.diagnostic-card.ok .diagnostic-icon{color:var(--green)}.diagnostic-card.warn .diagnostic-icon{color:var(--amber)}.diagnostic-card.bad .diagnostic-icon{color:var(--red)}.diagnostic-card strong{font-size:12px}.diagnostic-card p{margin:4px 0 18px;color:var(--muted);font-size:9px;line-height:1.55}.diagnostic-card>a{grid-column:2;font-size:9px;color:var(--blue)}.smart-steps{list-style:none;padding:0;margin:15px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.smart-steps li{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px}.smart-steps b{width:27px;height:27px;border-radius:9px;background:var(--panel-2);display:grid;place-items:center;color:var(--blue)}.smart-steps strong,.smart-steps small{display:block}.smart-steps strong{font-size:11px}.smart-steps small{font-size:9px;color:var(--muted);margin-top:3px}.quick-probe{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:18px}.quick-probe h2{margin:4px 0;font-size:18px}.quick-probe p{margin:0;color:var(--muted);font-size:10px}.inline-form{display:flex;gap:8px;min-width:min(480px,100%)}.inline-form input{flex:1}.chat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.chat-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.chat-card.selected{border-color:rgba(55,211,154,.35);box-shadow:inset 0 0 0 1px rgba(55,211,154,.08)}.chat-card-head{display:flex;align-items:center;gap:11px}.chat-card-head>div{min-width:0}.chat-card-head strong,.chat-card-head small{display:block}.chat-card-head strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-card-head small{font-size:9px;color:var(--muted);margin-top:3px}.chat-card-head>.mini-pill{margin-left:auto}.chat-avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(74,168,255,.25),rgba(157,134,255,.2));color:var(--blue-2);font-weight:850}.permission-row{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.permission-chip{font-size:8px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.permission-chip.ok{color:var(--green);border-color:rgba(55,211,154,.22)}.permission-chip.warn{color:var(--amber);border-color:rgba(255,189,89,.22)}.permission-chip.bad{color:var(--red);border-color:rgba(255,100,120,.22)}.chat-meta{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid var(--line);font-size:9px}.chat-meta span{color:var(--muted)}.chat-actions{margin-top:13px}.inline-error{color:var(--red);font-size:9px}.span-full{grid-column:1/-1}.message-composer-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;margin-bottom:18px}.composer-card{min-width:0}.message-live-preview{padding:20px;align-self:start;position:sticky;top:96px}.telegram-preview{padding:18px;border-radius:16px;background:linear-gradient(145deg,#102b43,#102236);min-height:250px}.telegram-bubble{max-width:92%;margin-left:auto;padding:12px 14px;border-radius:15px 15px 4px 15px;background:#2b5278;color:#fff;font-size:11px;line-height:1.6;word-break:break-word;white-space:pre-wrap}.telegram-preview>small{display:block;color:#9bb0c4;font-size:8px;margin-top:15px}.preview-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.rule-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;align-items:start;margin-bottom:18px}.rule-editor{min-width:0}.rule-test{padding:19px;position:sticky;top:96px}.compact-grid{grid-template-columns:repeat(2,1fr)}.compact-section{grid-template-columns:180px 1fr}.inner-advanced{margin-top:14px;box-shadow:none}.field-title{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.checkbox-pills{display:flex;gap:7px;flex-wrap:wrap}.checkbox-pills label input{display:none}.checkbox-pills label span{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:9px;cursor:pointer}.checkbox-pills label input:checked+span{color:var(--blue-2);background:rgba(74,168,255,.1);border-color:rgba(74,168,255,.32)}.test-result{margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:13px;font-size:10px}.test-result>span{font-size:20px}.test-result p{margin:6px 0;color:var(--muted)}.test-result.success{border-color:rgba(55,211,154,.25)}.test-result.error{border-color:rgba(255,100,120,.25);color:var(--red)}.test-result>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.test-result>div:first-of-type{margin-top:8px}.test-result b,.test-result small{display:block}.test-result small{color:var(--muted);font-size:8px}.enhanced-rules .rule-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.rule-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.rule-tags span{font-size:8px;padding:4px 6px;border-radius:7px;background:var(--panel-2);color:var(--muted)}.rule-stats{display:flex;gap:14px}.rule-stats>div{text-align:center;min-width:45px}.rule-stats strong,.rule-stats small{display:block}.rule-stats strong{font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-stats small{font-size:8px;color:var(--muted);margin-top:3px}.rule-event-list .event-item{align-items:flex-start}.rule-event-list p{margin:5px 0 0;color:var(--muted);font-size:9px;max-width:580px}.success{color:var(--green)}
@media(max-width:1180px){.health-overview{grid-template-columns:1fr}.diagnostic-grid{grid-template-columns:repeat(2,1fr)}.rule-workbench,.message-composer-layout{grid-template-columns:1fr}.rule-test,.message-live-preview{position:static}.enhanced-rules .rule-card{grid-template-columns:1fr auto}.rule-stats{grid-row:2}.chat-grid{grid-template-columns:1fr}}
@media(max-width:760px){.health-shortcuts{grid-template-columns:repeat(2,1fr)}.diagnostic-grid,.smart-steps{grid-template-columns:1fr}.quick-probe{align-items:flex-start;flex-direction:column}.inline-form{min-width:0;width:100%;flex-direction:column}.enhanced-rules .rule-card{display:flex}.rule-stats{width:100%;justify-content:flex-start}.compact-grid{grid-template-columns:1fr}.health-score{align-items:flex-start}.score-ring{width:74px;height:74px}.dirty-notice{width:calc(100% - 28px);justify-content:space-between}.top-help{display:none}}

/* V5.7 interactive responses, cards and media library */
.card-builder-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:20px;align-items:start}.card-live-preview{position:sticky;top:88px}.card-media-preview{padding:18px;border-radius:14px 14px 5px 5px;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.tg-inline-keyboard{display:grid;gap:6px;margin-top:7px}.tg-button-row{display:flex;gap:6px}.tg-button{flex:1;min-width:0;padding:9px 10px;text-align:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-button.style-primary{background:color-mix(in srgb,#4c8dff 19%,var(--surface))}.tg-button.style-success{background:color-mix(in srgb,#28b463 19%,var(--surface))}.tg-button.style-danger{background:color-mix(in srgb,#e74c3c 19%,var(--surface))}.button-builder{display:grid;gap:14px}.button-row-editor{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface-2)}.button-row-editor-head,.button-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.button-row-editor-head>div{display:flex;gap:7px}.button-editor{padding:13px;border:1px dashed var(--border);border-radius:13px;background:var(--surface);margin-top:10px}.send-card-box{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.send-card-box summary{cursor:pointer;font-weight:750;color:var(--accent)}.send-card-box form{margin-top:12px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-card{display:flex;gap:14px;border:1px solid var(--border);border-radius:16px;padding:15px;background:var(--surface-2)}.asset-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--surface);font-size:28px;flex:none}.asset-body{min-width:0;flex:1}.asset-body h3{margin:0 0 4px}.asset-body p{margin:0 0 11px;color:var(--text-muted)}.copy-field{display:flex;gap:7px}.copy-field input{min-width:0;flex:1}.asset-card .button-row form:first-child{display:flex;gap:7px;flex:1}.asset-card .button-row form:first-child input{min-width:0}.field-label{display:block;font-weight:700;margin-bottom:8px}.empty-state.compact{padding:24px}.feature-strip>div small{display:block;margin-top:4px}.rule-summary-card.is-disabled{opacity:.68}.status-pill.muted{background:var(--surface-2);color:var(--text-muted)}
@media(max-width:1100px){.card-builder-layout{grid-template-columns:1fr}.card-live-preview{position:static}.asset-grid{grid-template-columns:1fr}}
@media(max-width:700px){.tg-button-row{flex-direction:column}.asset-card{flex-direction:column}.asset-icon{width:48px;height:48px}.button-row-editor-head{align-items:flex-start;flex-direction:column}}

/* V6.0 platform foundation and reorganized data center */
.side-nav{overflow-y:auto;min-height:0;padding-right:4px;scrollbar-width:thin}.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:9px}.nav-section{display:block;margin:16px 11px 2px;color:var(--muted);font-size:8px;letter-spacing:.18em;text-transform:uppercase}.side-nav .nav-section:first-child{margin-top:0}.side-nav{margin-top:24px;gap:4px}.side-nav a{padding:9px 11px}.side-bottom{padding-top:12px}
.platform-metrics .metric-card{display:block}.platform-metrics .metric-card>span,.platform-metrics .metric-card>strong,.platform-metrics .metric-card>small{display:block}.platform-metrics .metric-card>span{color:var(--muted);font-size:10px}.platform-metrics .metric-card>strong{font-size:30px;margin:7px 0}.platform-metrics .metric-card>small{font-size:9px;color:var(--muted)}
.quick-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.quick-link-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.2s}.quick-link-card:hover{transform:translateY(-2px);border-color:rgba(74,168,255,.35)}.quick-link-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(74,168,255,.1);color:var(--blue);font-size:19px}.quick-link-card b,.quick-link-card small{display:block}.quick-link-card b{font-size:12px}.quick-link-card small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.45}.quick-link-card em{font-style:normal;font-size:9px;color:var(--blue)}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.module-card{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.module-card h3{margin:12px 0 6px;font-size:14px}.module-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.module-card>small{margin-top:14px;color:var(--muted);font-size:8px}.mini-pill.success{color:var(--green);border-color:rgba(55,211,154,.25)}.reality-note{margin-top:18px;padding:20px}.reality-note h2{margin:4px 0 8px}.reality-note p{margin:0;color:var(--muted);line-height:1.75;font-size:10px}
.filter-bar{display:flex;align-items:end;gap:10px}.filter-bar label{min-width:150px}.filter-bar label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:9px}.filter-grow{flex:1}.inbox-filter-card{padding:16px;margin-bottom:18px}.inbox-stream{display:grid;gap:9px;margin-top:15px;max-height:72vh;overflow:auto;padding-right:4px}.message-event{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.message-event-side{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.message-event-side small{font-size:8px;color:var(--muted)}.chat-type-badge{font-size:8px;padding:5px 7px;border-radius:8px;background:var(--panel-2);color:var(--muted)}.chat-type-badge.private{color:var(--blue)}.chat-type-badge.group,.chat-type-badge.supergroup{color:var(--green)}.chat-type-badge.channel{color:var(--violet)}.message-event-head{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px}.message-event-head strong,.message-event-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-event-head>span{color:var(--muted)}.message-event-head time{margin-left:auto;color:var(--muted);font-size:8px;white-space:nowrap}.message-event-main p{margin:7px 0 9px;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.55}.message-meta{display:flex;flex-wrap:wrap;gap:6px}.message-meta span,.message-meta code{font-size:8px;padding:3px 6px;border-radius:6px;background:var(--panel-2);color:var(--muted)}
.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.2s}.user-card:hover{transform:translateY(-2px);border-color:rgba(74,168,255,.32)}.user-avatar{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(74,168,255,.22),rgba(157,134,255,.18));font-weight:850;color:var(--blue-2)}.user-card h3{margin:0;font-size:12px}.user-card h3 em{font-size:7px;font-style:normal;margin-left:5px;padding:3px 5px;border-radius:5px;background:rgba(74,168,255,.12);color:var(--blue)}.user-card p{margin:4px 0;color:var(--muted);font-size:9px}.user-card small{font-size:8px;color:var(--muted)}.user-card>b{color:var(--blue);font-size:20px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.detail-grid>.panel-card{padding:18px}.detail-list{margin:14px 0 0}.detail-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;word-break:break-word}.timeline-list{display:grid;gap:0;margin-top:13px;max-height:450px;overflow:auto}.timeline-list>div{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:9px 0}.timeline-list>div>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(74,168,255,.1)}.timeline-list p{margin:0}.timeline-list b,.timeline-list small,.timeline-list time{display:block}.timeline-list b{font-size:10px}.timeline-list small{font-size:8px;color:var(--muted);margin:3px 0;word-break:break-word}.timeline-list time{font-size:8px;color:var(--muted)}.compact-message-list{display:grid;gap:8px;margin-top:12px;max-height:450px;overflow:auto}.compact-message-list>div{padding:11px;border:1px solid var(--line);border-radius:12px}.compact-message-list b{font-size:9px}.compact-message-list p{margin:5px 0;font-size:10px;white-space:pre-wrap;word-break:break-word}.compact-message-list small{font-size:8px;color:var(--muted)}.code-panel{max-height:260px;overflow:auto;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:9px;white-space:pre-wrap;word-break:break-word}.muted{color:var(--muted);font-size:9px}
.chat-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.chat-summary-row span{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:9px;color:var(--muted)}.chat-summary-row b{float:right;color:var(--text)}.chat-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.chat-stat-grid span{padding:8px;border:1px solid var(--line);border-radius:10px;text-align:center}.chat-stat-grid b,.chat-stat-grid small{display:block}.chat-stat-grid b{font-size:12px}.chat-stat-grid small{font-size:7px;color:var(--muted);margin-top:2px}
.visual-assets .asset-card{display:flex;flex-direction:column}.asset-preview{height:190px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center}.asset-preview img,.asset-preview video{width:100%;height:100%;object-fit:contain}.asset-placeholder,.asset-file-preview{display:grid;place-items:center;gap:8px;color:var(--muted)}.asset-placeholder span,.asset-file-preview span{font-size:42px}.asset-placeholder small,.asset-file-preview small{font-size:9px}.visual-assets .asset-body{width:100%}
@media(max-width:1180px){.quick-link-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.user-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.quick-link-grid,.module-grid,.user-grid,.detail-grid,.chat-summary-row{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{width:100%;min-width:0}.message-event{grid-template-columns:1fr}.message-event-side{flex-direction:row}.message-event-head{flex-wrap:wrap}.message-event-head time{width:100%;margin-left:0}.asset-preview{height:160px}}

/* V7 pig-farm alpha */
.pig-farm-card{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.pig-inline-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pig-inline-stats span{padding:6px 9px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.pig-tab-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.pig-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pig-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pig-mini-form{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel-soft)}.pig-mini-form h3{margin:0 0 6px}.pig-mini-form p{margin:0 0 14px;color:var(--muted)}.pig-mini-form label{display:block;margin:10px 0}.pig-mini-form label span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.pig-mini-form input,.pig-mini-form select{width:100%}.pig-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.pig-pair b{color:var(--muted)}.pig-product-editor{margin-top:18px}.pig-template-list{display:grid;gap:12px}.pig-log-list{display:grid;gap:10px}.pig-log-list>div{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(160px,1fr);gap:4px 12px;border-bottom:1px solid var(--line);padding:10px 0}.pig-log-list small{grid-column:1/-1;color:var(--muted)}.pig-inline-action{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin-top:6px}.pig-inline-action input{flex:1;min-width:0}.pig-inline-action button{flex:none}.table-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px}.inline-save{margin-top:18px}.btn-danger{color:#ffb4b4;border-color:rgba(255,100,100,.35)}
@media(max-width:900px){.pig-tab-grid,.pig-operation-grid{grid-template-columns:1fr}.pig-farm-card{align-items:flex-start;flex-direction:column}.pig-term-grid{grid-template-columns:1fr}}
.pig-hunger-list{display:grid;gap:12px;margin-bottom:16px}.pig-hunger-list article{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel-soft)}.pig-hunger-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.pig-hunger-fields label span{font-size:11px;color:var(--muted)}.pig-hunger-fields input{width:100%}.table-wrap input[type="number"]{min-width:72px;max-width:110px}@media(max-width:900px){.pig-hunger-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.action-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.action-row form{margin:0}.action-row .btn{white-space:nowrap}