:root{--bg:#090b10;--panel:#11151d;--panel2:#171c26;--line:#252c39;--text:#eef2f7;--muted:#8d98aa;--primary:#7c5cff;--primary2:#5d43d7;--danger:#ff5f70;--success:#32d583;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#0c0f15;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:10px;padding:6px 8px 20px}.logo span,.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#3ee7ff);width:36px;height:36px;border-radius:11px;font-weight:900;color:#fff}.logo b{font-size:18px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 12px;border-radius:9px;color:#b6c0cf}.sidebar nav a:hover{background:var(--panel2);color:#fff}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 0;display:grid;gap:7px;color:var(--muted)}.workspace{margin-left:236px;width:calc(100% - 236px)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:rgba(9,11,16,.9);backdrop-filter:blur(12px);z-index:10}.topbar h1{margin:2px 0 0;font-size:22px}.eyebrow,.version{font-size:12px;color:var(--muted);letter-spacing:.08em}.content{padding:26px;max-width:1600px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card strong{display:block;font-size:28px;margin-top:6px}.muted{color:var(--muted)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel h2,.panel h3{margin-top:0}.section-gap{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel2);color:#fff;padding:9px 13px;border-radius:9px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.primary{background:var(--primary);border-color:var(--primary)}.btn.danger{background:#38151b;border-color:#6d2632;color:#ff9eaa}.btn.wide{width:100%;margin-top:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}label{display:grid;gap:6px;color:#b9c2cf}input,select,textarea{width:100%;background:#0b0e14;border:1px solid var(--line);color:#fff;border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{min-height:100px;resize:vertical}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-weight:600}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:12px}.badge.ok{color:#72e2aa;border-color:#24543f;background:#10291f}.badge.warn{color:#ffd479;border-color:#5f4b1d;background:#2b220d}.alert{padding:12px 14px;border-radius:10px;margin:0 0 14px}.alert.success{background:#10291f;border:1px solid #24543f;color:#72e2aa}.alert.danger{background:#311317;border:1px solid #6d2632;color:#ff9eaa}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#1b1742 0,transparent 35%),var(--bg)}.auth-card{width:min(430px,100%);background:rgba(17,21,29,.96);border:1px solid var(--line);border-radius:18px;padding:26px}.auth-card.installer{width:min(760px,100%)}.auth-card h1{margin-top:0}.auth-card h1 span{font-size:12px;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.landing{min-height:100vh;display:grid;place-items:center;padding:30px}.hero{text-align:center;max-width:760px}.hero .brand-mark{margin:0 auto 18px;width:64px;height:64px;font-size:22px}.hero h1{font-size:48px;margin:0 0 12px}.hero p{color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:10px;margin:22px 0}.hero code{display:block;text-align:left;background:#0a0c12;border:1px solid var(--line);padding:18px;border-radius:12px;color:#b9f6dc;overflow:auto}.theme-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(360px,1fr);gap:18px;align-items:start}.preview-wrap{position:sticky;top:112px}.preview-device{background:#07090d;border:1px solid var(--line);border-radius:18px;padding:16px;min-height:680px}.preview-chat{height:620px;border-radius:14px;overflow:hidden;background:#12151d;display:flex;flex-direction:column}.pv-header{padding:14px;background:#1a1f2b;font-weight:700}.pv-notice{padding:9px 12px;background:#26202d;font-size:12px}.pv-body{flex:1;padding:14px;overflow:auto}.pv-msg{display:flex;gap:9px;margin:10px 0}.pv-avatar{width:32px;height:32px;border-radius:50%;background:#4338ca;flex:0 0 auto}.pv-bubble{background:#202633;border-radius:12px;padding:8px 10px;max-width:75%}.pv-name{font-size:12px;color:#9fa9ba;margin-bottom:3px}.pv-input{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.pv-input div{flex:1;background:#0d1017;border:1px solid var(--line);border-radius:9px;padding:10px;color:#667085}.codebox{background:#070a0f;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto;white-space:pre-wrap;color:#a9f6d1}.kpi-label{color:var(--muted);font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.toolbar .search{max-width:360px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.theme-layout,.split{grid-template-columns:1fr}.preview-wrap{position:static}.sidebar{width:74px;padding:14px 8px}.logo b,.sidebar nav a{font-size:0}.sidebar nav a:before{content:'•';font-size:22px}.side-bottom span{display:none}.workspace{margin-left:74px;width:calc(100% - 74px)}}@media(max-width:640px){.content{padding:16px}.topbar{padding:0 16px}.cards,.grid.two,.grid.three{grid-template-columns:1fr}.sidebar{display:none}.workspace{margin:0;width:100%}.hero h1{font-size:36px}}

/* Landing / interactive demo */
.landing-page{background:#080a0f;color:#eef2f7;overflow-x:hidden}.landing-nav{height:72px;max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#35d9ff);font-size:12px;font-weight:900}.landing-logo b{font-size:15px;letter-spacing:-.02em}.landing-nav nav{display:flex;gap:24px;align-items:center;color:#aeb8c7;font-size:13px}.landing-nav nav>a:not(.btn):hover{color:#fff}.landing-home{max-width:1240px;margin:0 auto;padding:0 24px 70px}.landing-hero{min-height:640px;padding:64px 0 92px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:64px;align-items:center}.landing-kicker{display:inline-flex;color:#9c8cff;font-size:11px;letter-spacing:.18em;font-weight:800}.hero-copy h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px;max-width:720px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#9c8cff,#52dcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:680px;font-size:17px;line-height:1.75;color:#9aa5b5;margin:0}.landing-actions{justify-content:flex-start;margin:28px 0 20px}.btn.large{padding:12px 17px;border-radius:10px;font-weight:700}.landing-code{max-width:620px;background:#0c1017;border:1px solid #222b38;border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#9de7cb;line-height:1.8;box-shadow:0 18px 60px rgba(0,0,0,.25)}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#748095;font-size:12px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.27),rgba(64,210,255,.08) 45%,transparent 72%);filter:blur(4px)}.mini-window{position:relative;width:min(430px,100%);height:480px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(17,21,29,.92);box-shadow:0 45px 110px rgba(0,0,0,.55);overflow:hidden;transform:rotate(1.2deg);backdrop-filter:blur(18px)}.mini-title{height:64px;background:#171c26;display:flex;align-items:center;padding:0 18px;gap:10px;border-bottom:1px solid #27303d}.mini-title b{font-size:14px}.mini-title small{margin-left:auto;color:#7ee2ac}.mini-dot{width:10px;height:10px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.09)}.mini-notice{padding:10px 16px;background:#241f31;color:#c5b9e5;font-size:12px}.mini-body{padding:20px;height:315px}.mini-msg{display:flex;gap:10px;margin-bottom:18px}.mini-msg>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:#2e3550;color:#fff}.mini-msg>div{max-width:78%}.mini-msg b{display:block;font-size:11px;margin-bottom:5px}.mini-msg b span{margin-left:5px;font-size:9px;color:#a996ff}.mini-msg p{display:inline-block;margin:0;padding:9px 11px;background:#202633;border-radius:12px;font-size:12px;line-height:1.5}.mini-msg.self{justify-content:flex-end}.mini-msg.self p{background:#7154eb}.mini-msg.self b{text-align:right}.mini-input{height:52px;margin:0 15px;border:1px solid #2a3341;background:#0d1017;border-radius:12px;display:flex;align-items:center;padding:0 12px;color:#657186;font-size:12px}.mini-input strong{margin-left:auto;width:30px;height:30px;border-radius:9px;background:#7c5cff;display:grid;place-items:center;color:#fff}.demo-section{padding:80px 0 96px;border-top:1px solid rgba(255,255,255,.06)}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{font-size:38px;letter-spacing:-.035em;margin:10px 0 12px}.section-heading p{color:#8e99aa;line-height:1.7;margin:0;font-size:14px}.demo-stage{display:grid;grid-template-columns:320px minmax(0,1fr);background:#0d1118;border:1px solid #232b38;border-radius:22px;overflow:hidden;box-shadow:0 38px 100px rgba(0,0,0,.35)}.demo-controls{padding:22px;border-right:1px solid #232b38;background:#10141c}.demo-control-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #222a36}.demo-control-head small{font-size:10px;color:#707d91;letter-spacing:.12em}.demo-control-head h3{margin:5px 0 0;font-size:20px}.demo-live{padding:4px 7px;border:1px solid #21553f;background:#10291f;border-radius:999px;color:#6ee2aa;font-size:9px;font-weight:900;letter-spacing:.12em}.control-block{padding-top:18px}.control-block label{display:flex;align-items:center;justify-content:space-between;color:#bac3d1;font-size:12px}.control-block output{color:#768397;font-size:11px}.theme-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.theme-pill{border:1px solid #283241;background:#151b25;color:#aeb8c7;border-radius:9px;padding:8px;cursor:pointer;font-size:11px}.theme-pill:hover,.theme-pill.active{border-color:#7156eb;color:#fff;background:#201d36}.demo-color{height:34px;padding:3px;margin-top:9px;cursor:pointer}.control-block input[type=range]{padding:0;margin-top:10px;height:4px;accent-color:#7c5cff}.demo-toggle{margin-top:20px;display:flex;grid-template-columns:none;gap:9px;align-items:center;cursor:pointer}.demo-toggle input{display:none}.demo-toggle>span{width:34px;height:19px;background:#303948;border-radius:999px;position:relative;transition:.2s}.demo-toggle>span:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.demo-toggle input:checked+span{background:#7c5cff}.demo-toggle input:checked+span:after{transform:translateX(15px)}.demo-toggle b{font-size:12px;font-weight:600;color:#bac3d1}.demo-builder-note{margin-top:18px;padding:12px;border-radius:10px;background:#0c1017;border:1px solid #212936;color:#758196;font-size:11px;line-height:1.65}.demo-preview-shell{padding:24px;background:radial-gradient(circle at 75% 15%,rgba(124,92,255,.15),transparent 35%),#090c12}.demo-browser-bar{height:42px;background:#171c25;border:1px solid #29313e;border-bottom:0;border-radius:14px 14px 0 0;display:grid;grid-template-columns:90px 1fr 40px;align-items:center;padding:0 13px;color:#6f7b8e}.demo-browser-bar>div{display:flex;gap:6px}.demo-browser-bar>div span{width:8px;height:8px;border-radius:50%;background:#394250}.demo-browser-bar small{text-align:center;background:#0e1219;border:1px solid #252d39;border-radius:7px;padding:5px 12px;max-width:330px;justify-self:center;width:100%}.demo-browser-bar b{text-align:right}.demo-site-mock{min-height:650px;border:1px solid #29313e;border-radius:0 0 14px 14px;background:linear-gradient(135deg,#10151e,#0b0e14);padding:26px;display:grid;grid-template-columns:minmax(160px,.55fr) minmax(420px,1fr);gap:28px;align-items:center}.demo-site-copy span{font-size:10px;letter-spacing:.18em;color:#59677b}.demo-site-copy strong{display:block;font-size:30px;margin:7px 0 9px}.demo-site-copy p{font-size:12px;color:#667386;line-height:1.6}.live-chat{--demo-bg:#11151d;--demo-panel:#171c26;--demo-text:#eef2f7;--demo-muted:#8d98aa;--demo-primary:#7c5cff;--demo-notice:#241f31;--demo-bubble:#202633;--demo-input:#0d1017;--demo-radius:14px;--demo-font:13px;width:100%;height:570px;border-radius:18px;background:var(--demo-bg);color:var(--demo-text);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 80px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column;font-size:var(--demo-font);transition:.2s}.live-chat-header{height:65px;padding:0 14px 0 16px;background:var(--demo-panel);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(127,140,160,.16)}.live-room-info{display:flex;align-items:center;gap:10px}.live-room-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--demo-primary),#37d8fa);font-size:10px;font-weight:900;color:#fff}.live-room-info strong{display:block;font-size:12px}.live-room-info small{display:flex;align-items:center;gap:5px;color:var(--demo-muted);font-size:10px;margin-top:3px}.live-room-info small i{width:6px;height:6px;border-radius:50%;background:#32d583}.live-header-actions{display:flex;gap:4px}.live-header-actions button,.attach-btn,.emoji-btn{border:0;background:transparent;color:var(--demo-muted);width:30px;height:30px;border-radius:8px;cursor:pointer}.live-header-actions button:hover,.attach-btn:hover,.emoji-btn:hover{background:rgba(128,140,160,.12);color:var(--demo-text)}.live-notice{min-height:38px;padding:8px 13px;background:var(--demo-notice);display:flex;align-items:center;gap:8px;font-size:10px;color:var(--demo-muted)}.live-notice b{color:var(--demo-primary);font-size:9px;border:1px solid currentColor;border-radius:5px;padding:2px 5px}.live-chat-body{flex:1;overflow:auto;padding:14px 15px;scroll-behavior:smooth}.live-day{text-align:center;margin:2px 0 16px}.live-day span{font-size:9px;color:var(--demo-muted);background:rgba(128,140,160,.1);padding:3px 8px;border-radius:999px}.live-message{display:flex;gap:9px;margin:0 0 13px}.live-message.self{justify-content:flex-end}.live-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#2d3750;color:#dbe4f0;font-size:10px;font-weight:800}.live-avatar.admin{background:linear-gradient(135deg,var(--demo-primary),#a774ff)}.live-avatar.bot{background:#164650;color:#79e5ec}.live-message-content{max-width:76%}.live-meta{min-height:16px;display:flex;align-items:center;gap:5px;margin:0 3px 3px;color:var(--demo-muted);font-size:9px}.live-meta strong{color:var(--demo-text);font-size:10px}.live-meta em{font-style:normal;font-size:7px;padding:1px 4px;border:1px solid var(--demo-primary);border-radius:4px;color:var(--demo-primary)}.live-meta .bot-badge{color:#59d8e0;border-color:#2d7780}.live-meta time{margin-left:auto}.self .live-meta{justify-content:flex-end}.self .live-meta time{margin:0}.live-bubble{padding:8px 10px;border-radius:var(--demo-radius);background:var(--demo-bubble);line-height:1.55;font-size:var(--demo-font);transition:.15s}.self .live-bubble{background:var(--demo-primary);color:#fff}.live-input-area{height:56px;padding:8px 10px;border-top:1px solid rgba(127,140,160,.15);display:flex;gap:4px;align-items:center;background:var(--demo-panel)}.live-input-area input{height:38px;border:1px solid rgba(127,140,160,.2);background:var(--demo-input);color:var(--demo-text);font-size:var(--demo-font);border-radius:10px;padding:0 11px}.live-input-area input::placeholder{color:var(--demo-muted)}.send-btn{width:36px;height:36px;border:0;border-radius:10px;background:var(--demo-primary);color:#fff;cursor:pointer}.send-btn:hover{filter:brightness(1.1)}.live-footer{height:22px;background:var(--demo-panel);display:flex;align-items:center;justify-content:center;position:relative;color:var(--demo-muted);font-size:8px}.live-footer b{color:var(--demo-text)}.live-footer #demoTyping{position:absolute;right:10px}.live-chat.compact .live-chat-header{height:55px}.live-chat.compact .live-message{margin-bottom:8px}.live-chat.compact .live-chat-body{padding:10px 12px}.live-chat[data-theme=light]{--demo-bg:#f7f8fb;--demo-panel:#fff;--demo-text:#17202d;--demo-muted:#7c889a;--demo-primary:#5f46dc;--demo-notice:#f0edff;--demo-bubble:#eceff4;--demo-input:#f7f8fb;border-color:#dce2ea}.live-chat[data-theme=violet]{--demo-bg:#15101e;--demo-panel:#20172c;--demo-text:#f7efff;--demo-muted:#a994bb;--demo-primary:#b15cff;--demo-notice:#2c1a3d;--demo-bubble:#2a2036;--demo-input:#100c17}.live-chat[data-theme=ocean]{--demo-bg:#07171b;--demo-panel:#0b2228;--demo-text:#e5fbff;--demo-muted:#7fa5ad;--demo-primary:#0ab5d1;--demo-notice:#0a2c33;--demo-bubble:#12313a;--demo-input:#061418}.landing-features{padding:88px 0;border-top:1px solid rgba(255,255,255,.06)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-grid article{min-height:190px;padding:22px;background:#0e1219;border:1px solid #202835;border-radius:16px}.feature-grid article>span{font-size:10px;color:#725fe0;letter-spacing:.12em}.feature-grid h3{font-size:16px;margin:34px 0 9px}.feature-grid p{font-size:12px;line-height:1.7;color:#778398;margin:0}.landing-cta{margin:18px 0 0;border:1px solid #2a3140;background:radial-gradient(circle at 90% 50%,rgba(124,92,255,.2),transparent 35%),#10141c;border-radius:20px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-cta h2{font-size:30px;margin:8px 0}.landing-cta p{margin:0;color:#808ca0;font-size:13px}.landing-footer{max-width:1240px;margin:0 auto;padding:30px 24px 40px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:22px;color:#69758a}.landing-footer p{font-size:11px;margin:0}.landing-footer small{margin-left:auto}.landing-footer .landing-logo b{color:#d9e0e9}@media(max-width:1020px){.landing-hero{grid-template-columns:1fr;padding-top:48px}.hero-visual{min-height:420px}.demo-stage{grid-template-columns:280px 1fr}.demo-site-mock{grid-template-columns:1fr}.demo-site-copy{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.landing-nav{height:64px}.landing-nav nav>a:not(.btn){display:none}.landing-nav nav{gap:8px}.landing-logo b{font-size:13px}.landing-home{padding-left:16px;padding-right:16px}.landing-hero{padding:48px 0 70px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-visual{min-height:360px}.mini-window{height:410px}.mini-body{height:246px}.hero-proof{gap:8px 14px}.demo-section{padding:64px 0}.section-heading h2{font-size:30px}.demo-stage{grid-template-columns:1fr}.demo-controls{border-right:0;border-bottom:1px solid #232b38}.demo-preview-shell{padding:12px}.demo-site-mock{padding:12px;min-height:auto}.live-chat{height:540px}.feature-grid{grid-template-columns:1fr}.landing-cta{align-items:flex-start;flex-direction:column;padding:26px}.landing-footer{flex-wrap:wrap}.landing-footer small{margin-left:0}.landing-footer p{order:3;width:100%}}@media(max-width:480px){.landing-nav{padding:0 16px}.landing-nav .btn{padding:8px 10px;font-size:11px}.hero-copy h1{font-size:38px}.landing-actions{display:grid;grid-template-columns:1fr 1fr}.landing-actions .btn{padding:11px 8px;font-size:11px}.hero-visual{min-height:310px}.mini-window{height:360px;border-radius:18px}.mini-body{height:198px;padding:14px}.mini-msg{margin-bottom:11px}.mini-msg p{font-size:10px}.demo-browser-bar small{max-width:200px}.demo-preview-shell{padding:8px}.demo-site-mock{padding:8px}.live-chat{height:520px;border-radius:13px}.live-message-content{max-width:82%}.live-notice{font-size:9px}.section-heading{margin-bottom:24px}}

/* v1.0.2~v1.0.6 operations */
.table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:760px}.panel .toolbar h2{margin:0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;color:#b8f2da}@media(max-width:640px){.table-scroll{margin-left:-4px;width:calc(100% + 8px)}}

/* v1.0.7~v1.0.11 — attachments, emoji/stickers, participants, mobile v2, theme builder v2 */
.emoji-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.emoji-admin-card{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0d1118}.emoji-admin-card .actions{grid-column:1/-1}.emoji-admin-preview{width:64px;height:64px;display:grid;place-items:center;border-radius:10px;background:#080b10;overflow:hidden}.emoji-admin-preview img{max-width:58px;max-height:58px;object-fit:contain}.emoji-admin-preview span{font-size:30px}.emoji-admin-card p{margin:4px 0 0;font-size:11px}.theme-v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.device-switch{display:flex;gap:5px}.device-switch .active{background:var(--primary);border-color:var(--primary)}.theme-builder-v2 details{border-top:1px solid var(--line);padding:14px 0}.theme-builder-v2 summary{cursor:pointer;font-weight:700;margin-bottom:12px}.builder-grid input[type=color]{height:42px;padding:3px}.builder-grid input[type=range]{padding:0;height:5px;accent-color:var(--primary)}.builder-grid output{float:right;color:var(--muted)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-grid label{display:flex;align-items:center;grid-template-columns:none;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px}.toggle-grid input{width:auto}.theme-chip-list{display:flex;flex-wrap:wrap;gap:7px}.theme-chip{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.theme-chip.active{border-color:var(--primary);color:#fff;background:#1c1738}.theme-history{display:grid;gap:7px}.theme-history>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.preview-device{transition:.2s;margin:0 auto}.preview-device[data-device=desktop]{width:100%}.preview-device[data-device=tablet]{width:min(760px,100%)}.preview-device[data-device=mobile]{width:min(390px,100%);padding:8px;min-height:650px}.pv-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pv-header span{font-size:10px;color:#9fa9ba;font-weight:500}.preview-chat.preview-compact .pv-msg{margin:5px 0}.preview-chat.preview-compact .pv-bubble{padding:5px 7px}.preview-chat.preview-discord .pv-msg,.preview-chat.preview-minimal .pv-msg,.preview-chat.preview-discord .pv-msg.self,.preview-chat.preview-minimal .pv-msg.self{flex-direction:row}.preview-chat.preview-discord .pv-bubble,.preview-chat.preview-minimal .pv-bubble{background:transparent!important;max-width:calc(100% - 45px)!important;padding:3px}.preview-chat.preview-minimal .pv-avatar{display:none!important}.mobile-menu-btn{display:none;border:1px solid var(--line);background:var(--panel2);color:#fff;border-radius:9px;width:40px;height:40px;cursor:pointer}.menu-backdrop{display:none}.topbar-title{min-width:0}.topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.emoji-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-layout{grid-template-columns:1fr}.preview-wrap{position:static}}
@media(max-width:640px){body{font-size:13px}.sidebar{display:flex;width:min(290px,86vw);transform:translateX(-105%);transition:transform .2s;padding-top:max(16px,env(safe-area-inset-top));z-index:100}.sidebar .logo b,.sidebar nav a{font-size:inherit}.sidebar nav a:before{content:none}.sidebar nav{overflow:auto}.workspace{margin:0;width:100%}.menu-open .sidebar{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:90}.menu-open .menu-backdrop{display:block}.mobile-menu-btn{display:inline-grid;place-items:center;flex:0 0 auto}.topbar{height:72px;padding:0 12px;gap:10px;padding-top:env(safe-area-inset-top)}.topbar h1{font-size:18px}.topbar .version{font-size:10px}.content{padding:12px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.panel,.card{padding:14px;border-radius:12px}.btn{min-height:40px}.grid.two,.grid.three,.cards{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.toolbar .search{max-width:none}.emoji-admin-grid{grid-template-columns:1fr}.theme-v2-toolbar{align-items:stretch;flex-direction:column}.theme-v2-toolbar .actions{display:grid;grid-template-columns:1fr 1fr}.device-switch{display:grid;grid-template-columns:repeat(3,1fr)}.toggle-grid{grid-template-columns:1fr}.preview-device{min-height:560px}.preview-chat{height:540px}.split{grid-template-columns:1fr}.table-scroll{margin-left:-2px;width:calc(100% + 4px)}input,select,textarea{font-size:16px}}

/* v1.0.12~v1.0.16 — branding, white label, logs, analytics, reports */
.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}.brand-preview{display:flex;align-items:center;gap:12px;margin:12px 0}.brand-preview>img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}.brand-widget-preview{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0d1017}.brand-preview-head{height:58px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#171c26}.brand-preview-head img,.brand-avatar{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#fff}.brand-avatar{display:grid;place-items:center;background:var(--brand);color:#fff;font-size:10px;font-weight:900}.brand-preview-body{min-height:160px;padding:18px}.brand-demo-bubble{display:inline-block;max-width:80%;padding:10px 12px;border-radius:12px;background:var(--brand);color:#fff}.brand-widget-preview>small{display:block;text-align:center;padding:5px;color:var(--muted)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end}.filter-actions{display:flex;gap:8px;align-items:center}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.analytics-filter .actions input{width:155px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(90px,160px) minmax(120px,1fr) 70px;gap:10px;align-items:center;font-size:12px}.bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row>i{height:8px;border-radius:999px;background:#202734;overflow:hidden}.bar-row>i>b{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#35d9ff);border-radius:inherit}.bar-row>strong{text-align:right}.metric-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;margin:0}.report-list{display:grid;gap:10px}.report-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.report-card summary{display:grid;grid-template-columns:auto minmax(180px,1fr) 110px 100px 150px;gap:10px;align-items:center;padding:13px 14px;cursor:pointer;list-style:none}.report-card summary::-webkit-details-marker{display:none}.report-card[open] summary{border-bottom:1px solid var(--line)}.report-card time{color:var(--muted);font-size:12px}.report-body{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:16px}.report-body p{margin:0 0 9px}.report-actions textarea{min-height:72px}.danger-badge{color:#ff9eaa;border-color:#6d2632;background:#311317}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card summary{grid-template-columns:auto 1fr 90px}.report-card summary time,.report-card summary span:nth-of-type(2){display:none}.report-body{grid-template-columns:1fr}}
@media(max-width:640px){.filter-grid{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-filter .actions{display:grid;grid-template-columns:1fr 1fr}.analytics-filter .actions input{width:100%}.analytics-filter .actions .btn{grid-column:1/-1}.bar-row{grid-template-columns:88px 1fr 55px}.report-card summary{grid-template-columns:auto 1fr}.report-card summary>span:not(:first-child),.report-card summary time{display:none}.report-body{padding:12px}.brand-preview{align-items:flex-start;flex-direction:column}}

/* v1.0.17~v1.0.21 — anti-spam, push/PWA, API/Webhook v2, security/performance, operations */
.alert.warn{background:#2b220d;border:1px solid #5f4b1d;color:#ffd479}.badge.danger{color:#ff9eaa;border-color:#6d2632;background:#311317}.btn.sm{min-height:30px;padding:5px 8px;font-size:11px;border-radius:7px}.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-actions input{width:auto}.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 14px}.scope-grid label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px}.scope-grid input{width:auto}.api-secret{border-color:#3e795d;background:#0d2018}.panel small{font-weight:400}.health-ok{color:#72e2aa}.health-warn{color:#ffd479}.health-fail{color:#ff9eaa}
@media(max-width:760px){.scope-grid{grid-template-columns:1fr}.inline-actions{align-items:stretch}.inline-actions .btn{flex:1}.inline-actions input{width:100%}}


/* v1.0.22~v1.0.26 — plan subscription / Binance auto payment / billing reconciliation */
.billing-current{display:flex;align-items:center;justify-content:space-between;gap:20px}.billing-current h2{font-size:28px;margin:4px 0}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#121721,#0e1219)}.plan-card.current{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}.plan-card h2{font-size:22px;margin:4px 0}.plan-card ul{padding-left:18px;margin:0;color:#c8d0dd;line-height:1.9;font-size:12px;flex:1}.plan-price{display:flex;align-items:baseline;gap:8px;min-height:42px}.plan-price strong{font-size:30px}.plan-price span{color:var(--muted);font-size:11px}.payment-box{padding:22px;border:1px solid #3b6f58;border-radius:16px;background:linear-gradient(145deg,#0d1e18,#10161d);box-shadow:0 16px 50px rgba(0,0,0,.22)}.payment-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.payment-head h2{margin:4px 0 16px}.payment-amount{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;margin:12px 0;background:#08110e;border:1px solid #244b3a;border-radius:13px}.payment-amount small{width:100%;color:#8da99b}.payment-amount strong{font-size:34px;color:#78e2ae;letter-spacing:-.5px}.field-label{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.plan-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan-admin-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1118}.billing-order-actions{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;gap:5px;min-width:430px}.billing-order-actions input{min-width:120px}.btn:disabled{opacity:.45;cursor:not-allowed}.payment-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}
@media(max-width:1180px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.billing-current,.payment-head{align-items:flex-start;flex-direction:column}.plan-grid,.plan-admin-grid{grid-template-columns:1fr}.payment-box{padding:15px}.payment-amount strong{font-size:25px}.copy-row{grid-template-columns:1fr}.billing-order-actions{grid-template-columns:1fr 1fr;min-width:320px}.billing-order-actions input{grid-column:1/-1}.plan-card{padding:16px}}


/* v1.0.26 HOTFIX-02 — maintenance admin access / global ON-OFF controls */
.topbar-actions{display:flex;align-items:center;gap:12px}.maintenance-switch{display:flex;align-items:center;border:1px solid var(--line);background:#0c1016;border-radius:10px;padding:3px;gap:3px}.maintenance-switch-btn{border:0;background:transparent;color:#778397;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.maintenance-switch-btn.on.active{background:#4a1820;color:#ffb0b8;box-shadow:inset 0 0 0 1px #78303b}.maintenance-switch-btn.off.active{background:#123524;color:#8af0ba;box-shadow:inset 0 0 0 1px #286244}.maintenance-switch-btn:hover{color:#fff}.maintenance-admin-banner{position:sticky;top:88px;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 28px;background:#3a141a;border-bottom:1px solid #702631;color:#ffd2d7}.maintenance-admin-banner>div{display:flex;align-items:center;gap:12px;min-width:0}.maintenance-admin-banner strong{white-space:nowrap}.maintenance-admin-banner span{font-size:12px;color:#efaeb6}.maintenance-admin-banner form{margin:0;flex:0 0 auto}
@media(max-width:760px){.topbar-actions{gap:5px}.topbar-actions .version{display:none}.maintenance-switch-btn{padding:6px 7px;font-size:10px}.maintenance-admin-banner{top:72px;padding:9px 12px}.maintenance-admin-banner>div{display:grid;gap:2px}.maintenance-admin-banner span{display:none}}

/* v1.0.26 HOTFIX-03 — Admin UI/UX v2 */
body.admin-ui{--admin-sidebar:264px;--admin-sidebar-collapsed:82px;--admin-topbar:94px;--admin-surface:#10141c;--admin-surface-2:#151a24;--admin-surface-3:#0c1017;--admin-border:#242c3a;--admin-muted:#8995a8;--admin-primary:#7c5cff;background:#080b10;font-size:14px;line-height:1.45;overflow-x:hidden}.admin-ui *{scrollbar-width:thin;scrollbar-color:#313a4b transparent}.admin-ui .shell{min-height:100vh}.admin-ui .admin-sidebar{width:var(--admin-sidebar);padding:14px 12px 12px;background:linear-gradient(180deg,#0d1118 0%,#0a0e14 100%);border-right:1px solid #202735;box-shadow:20px 0 60px rgba(0,0,0,.12);overflow:hidden;transition:width .2s ease,transform .2s ease}.admin-ui .sidebar-head{display:flex;align-items:center;gap:8px;height:54px;padding:0 4px 10px}.admin-ui .admin-logo{min-width:0;flex:1;padding:0 4px;gap:11px}.admin-ui .admin-logo span{width:38px;height:38px;border-radius:12px;box-shadow:0 8px 24px rgba(124,92,255,.2);flex:0 0 auto}.admin-ui .admin-logo b{display:grid;line-height:1.05;min-width:0}.admin-ui .admin-logo b strong{font-size:16px;letter-spacing:-.02em}.admin-ui .admin-logo b small{margin-top:5px;color:#667287;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-ui .icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #252e3c;border-radius:9px;background:#111721;color:#8e9bae;cursor:pointer;flex:0 0 auto;transition:.16s ease}.admin-ui .icon-btn:hover{color:#fff;border-color:#39465a;background:#171e2a}.admin-ui .ui-icon{display:block;flex:0 0 auto}.admin-ui .nav-search{height:40px;display:flex;align-items:center;gap:8px;margin:7px 4px 14px;padding:0 10px;border:1px solid #242c39;border-radius:10px;background:#0b0f16;color:#677489;transition:border-color .15s ease,background .15s ease}.admin-ui .nav-search:focus-within{border-color:#5344a7;background:#0d111a}.admin-ui .nav-search input{min-width:0;border:0!important;background:transparent!important;padding:0!important;height:auto;color:#dbe2ec;font-size:12px;box-shadow:none!important}.admin-ui .nav-search input::placeholder{color:#626e80}.admin-ui .nav-search kbd{margin-left:auto;border:1px solid #293242;background:#121824;border-radius:5px;padding:2px 5px;color:#647186;font:700 12px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.admin-ui .admin-nav{display:block;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 4px 12px;flex:1}.admin-ui .nav-group{margin:0 0 13px}.admin-ui .nav-group-label{height:26px;display:flex;align-items:center;padding:0 10px;color:#566277;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.admin-ui .admin-nav a{position:relative;display:flex;align-items:center;gap:11px;height:42px;padding:0 11px;margin:2px 0;border-radius:10px;color:#94a0b2;font-size:13px;font-weight:650;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .15s ease}.admin-ui .admin-nav a:hover{background:#141a24;color:#e9edf5}.admin-ui .admin-nav a.active{background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(124,92,255,.07));color:#fff;box-shadow:inset 0 0 0 1px rgba(124,92,255,.18)}.admin-ui .admin-nav a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:#8b73ff;box-shadow:0 0 16px rgba(139,115,255,.6)}.admin-ui .admin-nav a>span{overflow:hidden;text-overflow:ellipsis}.admin-ui .admin-nav a>i{margin-left:auto;color:#6558a7}.admin-ui .admin-profile{height:62px;margin:0 4px;padding:11px 6px 0;border-top:1px solid #202735;display:flex;align-items:center;gap:9px;color:inherit}.admin-ui .admin-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#171f2b;border:1px solid #2a3546;color:#b8c3d4;font-size:12px;font-weight:900;flex:0 0 auto}.admin-ui .admin-profile-copy{display:grid;min-width:0;flex:1}.admin-ui .admin-profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dce2ec}.admin-ui .admin-profile-copy span{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#637086;font-size:12px}.admin-ui .workspace{margin-left:var(--admin-sidebar);width:calc(100% - var(--admin-sidebar));min-width:0;transition:margin-left .2s ease,width .2s ease}.admin-ui .admin-topbar{height:var(--admin-topbar);padding:0 28px;border-bottom:1px solid #202735;background:rgba(8,11,16,.88);backdrop-filter:blur(16px);z-index:40}.admin-ui .mobile-menu-btn{display:none;place-items:center;width:40px;height:40px;padding:0}.admin-ui .topbar-title{min-width:0}.admin-ui .topbar-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:3px;color:#5d697b;font-size:12px;font-weight:750}.admin-ui .topbar-breadcrumb i{font-style:normal;color:#3e4857}.admin-ui .topbar-breadcrumb b{color:#7b8799;font-weight:700}.admin-ui .topbar h1{margin:0;color:#f4f6fa;font-size:21px;line-height:1.2;letter-spacing:-.025em}.admin-ui .topbar-title p{margin:5px 0 0;color:#778397;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(720px,52vw)}.admin-ui .topbar-actions{gap:9px}.admin-ui .topbar-site-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid #27303e;border-radius:9px;background:#0f141d;color:#8592a5;font-size:12px;font-weight:700}.admin-ui .topbar-site-link:hover{color:#fff;border-color:#39475b}.admin-ui .version{height:28px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid #242c39;border-radius:8px;background:#0c1118;color:#667388;font-size:12px;letter-spacing:0}.admin-ui .maintenance-switch{height:34px;border-color:#283141;background:#0d121a;border-radius:9px}.admin-ui .maintenance-switch-btn{font-size:12px;min-height:26px}.admin-ui .maintenance-admin-banner{top:var(--admin-topbar);padding:10px 28px;background:linear-gradient(90deg,#35141a,#291319);border-color:#642632}.admin-ui .maintenance-admin-banner>div{gap:10px}.admin-ui .maintenance-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #73303b;border-radius:9px;background:#451921;color:#ff9eaa;flex:0 0 auto}.admin-ui .maintenance-admin-banner>div>div{display:grid;gap:2px}.admin-ui .maintenance-admin-banner strong{font-size:12px}.admin-ui .maintenance-admin-banner span{font-size:12px}.admin-ui .admin-content{width:100%;max-width:none;padding:24px 28px 44px}.admin-ui .cards{gap:13px}.admin-ui .card,.admin-ui .panel{background:linear-gradient(180deg,#11161f,#0f141c);border:1px solid var(--admin-border);border-radius:13px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.admin-ui .card{position:relative;min-height:112px;padding:17px 18px;overflow:hidden}.admin-ui .card:after{content:"";position:absolute;right:-25px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.09),transparent 68%);pointer-events:none}.admin-ui .card>span:first-child,.admin-ui .kpi-label{display:block;color:#778397;font-size:12px;font-weight:700}.admin-ui .card strong{margin-top:9px;font-size:27px;line-height:1.1;letter-spacing:-.035em}.admin-ui .card small{display:block;margin-top:7px;font-size:12px}.admin-ui .kpi-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px}.admin-ui .kpi-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2a3342;border-radius:11px;background:#151b26;color:#8977ef}.admin-ui .kpi-foot{grid-column:1/-1;margin-top:0;color:#647086;font-size:12px}.admin-ui .panel{padding:18px}.admin-ui .panel h2{margin:0;color:#ecf0f6;font-size:15px;letter-spacing:-.015em}.admin-ui .panel h3{margin:0 0 12px;font-size:13px}.admin-ui .panel p{font-size:12px}.admin-ui .toolbar{min-height:40px;margin-bottom:14px;gap:14px}.admin-ui .toolbar h2{margin:0}.admin-ui .toolbar p{margin:4px 0 0!important;line-height:1.5}.admin-ui .panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-ui .panel-head-copy{min-width:0}.admin-ui .panel-head-copy p{margin:4px 0 0;color:var(--admin-muted);font-size:12px}.admin-ui .panel-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-ui .panel-tools .search-input{min-width:220px}.admin-ui .section-gap{margin-top:14px}.admin-ui .grid{gap:14px}.admin-ui .muted{color:var(--admin-muted)}.admin-ui label{gap:7px;color:#a6b0bf;font-size:12px;font-weight:600}.admin-ui input,.admin-ui select,.admin-ui textarea{min-height:38px;padding:8px 10px;border:1px solid #293342;border-radius:9px;background:#0b1017;color:#edf1f6;font-size:12px;box-shadow:0 0 0 0 rgba(124,92,255,0);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.admin-ui textarea{min-height:90px}.admin-ui input:hover,.admin-ui select:hover,.admin-ui textarea:hover{border-color:#364255}.admin-ui input:focus,.admin-ui select:focus,.admin-ui textarea:focus{border-color:#6c57db;box-shadow:0 0 0 3px rgba(124,92,255,.11);background:#0d121a}.admin-ui input::placeholder,.admin-ui textarea::placeholder{color:#586577}.admin-ui .btn{min-height:36px;padding:7px 12px;border-color:#2b3544;border-radius:9px;background:#171d27;color:#dfe5ed;font-size:12px;font-weight:700;gap:6px;box-shadow:none;transition:transform .12s ease,border-color .15s ease,background .15s ease,color .15s ease}.admin-ui .btn:hover{filter:none;transform:translateY(-1px);border-color:#3e4b60;background:#1d2531;color:#fff}.admin-ui .btn.primary{border-color:#7059e3;background:#7059e3;color:#fff}.admin-ui .btn.primary:hover{background:#7d66ec;border-color:#7d66ec}.admin-ui .btn.danger{border-color:#65313a;background:#32171c;color:#ffadb5}.admin-ui .btn.sm{min-height:30px;padding:5px 9px;font-size:12px}.admin-ui .actions{gap:7px}.admin-ui .alert{display:flex;align-items:flex-start;min-height:44px;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.5}.admin-ui .badge{min-height:22px;align-items:center;padding:3px 7px;border-radius:7px;font-size:12px;font-weight:800;letter-spacing:.02em}.admin-ui .badge.ok{background:#0f261c;border-color:#24533d;color:#79deb0}.admin-ui .badge.warn{background:#2b220e;border-color:#5d4a20;color:#f0cb76}.admin-ui .badge.danger,.admin-ui .danger-badge{background:#30161b;border-color:#63303a;color:#ff9eaa}.admin-ui code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#b6c7dc}.admin-ui .table-scroll{width:100%;overflow:auto;border:1px solid #222b38;border-radius:10px;background:#0d1219}.admin-ui .panel>.table-scroll{margin-top:0}.admin-ui table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;background:transparent}.admin-ui th,.admin-ui td{padding:11px 12px;border-bottom:1px solid #1f2733;font-size:12px;vertical-align:middle}.admin-ui th{position:sticky;top:0;z-index:2;background:#111720;color:#778498;font-size:12px;font-weight:800;letter-spacing:.025em;text-transform:none;white-space:nowrap}.admin-ui tbody tr:last-child td{border-bottom:0}.admin-ui tbody tr{transition:background .12s ease}.admin-ui tbody tr:hover td{background:#121923}.admin-ui td b{color:#eef2f7}.admin-ui td .muted{font-size:12px;margin-top:3px}.admin-ui .table-empty{padding:28px!important;text-align:center!important;color:#68758a}.admin-ui .codebox{border-color:#25303f;background:#090e14;color:#a9e7cf;font-size:12px;line-height:1.65}.admin-ui .bar-row{font-size:12px}.admin-ui .metric-line{padding:10px 0}.admin-ui .report-card{border-color:#242d3b;border-radius:11px;background:#0f141c}.admin-ui .report-card summary{padding:12px 13px}.admin-ui .report-card[open] summary{background:#111822}.admin-ui hr{border-color:#242c39}.admin-ui .quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-ui .quick-link{display:flex;align-items:center;gap:10px;min-height:54px;padding:11px;border:1px solid #26303e;border-radius:10px;background:#0d1219;transition:.15s ease}.admin-ui .quick-link:hover{border-color:#46536a;background:#131a24;transform:translateY(-1px)}.admin-ui .quick-link>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#171f2b;color:#8674ec;flex:0 0 auto}.admin-ui .quick-link>div{display:grid;gap:2px;min-width:0}.admin-ui .quick-link b{font-size:12px}.admin-ui .quick-link small{color:#697589;font-size:12px}.admin-ui .status-list{display:grid}.admin-ui .status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid #202835}.admin-ui .status-row:last-child{border-bottom:0}.admin-ui .status-row>div{display:grid;gap:2px}.admin-ui .status-row b{font-size:12px}.admin-ui .status-row small{font-size:12px;color:#6f7b8e}.admin-ui .search-input{position:relative}.admin-ui .search-input .ui-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#687589;pointer-events:none}.admin-ui .search-input input{padding-left:33px}.admin-ui .count-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid #2b3544;border-radius:999px;background:#111720;color:#7e8a9d;font-size:12px;font-weight:800}.admin-ui .table-caption{display:flex;align-items:center;gap:8px}.admin-ui .empty-state{display:grid;place-items:center;gap:7px;padding:34px 20px;color:#69768a;text-align:center}.admin-ui .empty-state .ui-icon{color:#4e5b70}.admin-ui .auth-page{font-size:14px}.admin-login-page{background:radial-gradient(circle at 22% 18%,rgba(124,92,255,.12),transparent 32%),radial-gradient(circle at 78% 80%,rgba(47,184,255,.07),transparent 28%),#080b10}.admin-login-shell{width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);border:1px solid #252e3b;border-radius:20px;overflow:hidden;background:#0f141c;box-shadow:0 35px 100px rgba(0,0,0,.38)}.admin-login-aside{position:relative;min-height:540px;padding:44px;background:linear-gradient(145deg,#121725,#0b1017);overflow:hidden}.admin-login-aside:after{content:"";position:absolute;width:320px;height:320px;right:-120px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 67%)}.admin-login-brand{display:flex;align-items:center;gap:11px}.admin-login-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#3ee7ff);font-weight:900}.admin-login-brand b{font-size:17px}.admin-login-aside h1{max-width:410px;margin:88px 0 16px;font-size:36px;line-height:1.15;letter-spacing:-.045em}.admin-login-aside p{max-width:430px;color:#8995a8;font-size:13px;line-height:1.75}.admin-login-points{display:grid;gap:11px;margin-top:28px}.admin-login-point{display:flex;align-items:center;gap:9px;color:#aab4c3;font-size:12px}.admin-login-point>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2c3545;border-radius:8px;background:#141b25;color:#8676e7}.admin-login-card{display:flex;flex-direction:column;justify-content:center;padding:42px}.admin-login-card h2{margin:0;font-size:24px;letter-spacing:-.03em}.admin-login-card>p{margin:8px 0 25px;color:#7f8b9e;font-size:12px}.admin-login-card form{display:grid;gap:14px}.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{position:absolute;right:6px;bottom:6px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#778397;cursor:pointer}.password-toggle:hover{background:#171e29;color:#fff}.admin-login-help{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#657186;font-size:12px}.admin-login-help a:hover{color:#fff}.admin-ui.sidebar-collapsed .admin-sidebar{width:var(--admin-sidebar-collapsed)}.admin-ui.sidebar-collapsed .workspace{margin-left:var(--admin-sidebar-collapsed);width:calc(100% - var(--admin-sidebar-collapsed))}.admin-ui.sidebar-collapsed .admin-logo b,.admin-ui.sidebar-collapsed .nav-search input,.admin-ui.sidebar-collapsed .nav-search kbd,.admin-ui.sidebar-collapsed .nav-group-label,.admin-ui.sidebar-collapsed .admin-nav a span,.admin-ui.sidebar-collapsed .admin-nav a i,.admin-ui.sidebar-collapsed .admin-profile-copy{display:none}.admin-ui.sidebar-collapsed .admin-logo{flex:0 0 auto}.admin-ui.sidebar-collapsed .sidebar-head{justify-content:center}.admin-ui.sidebar-collapsed .sidebar-collapse{position:absolute;left:64px;top:21px;width:24px;height:24px;border-radius:50%;background:#161d28}.admin-ui.sidebar-collapsed .nav-search{justify-content:center;padding:0;margin-left:8px;margin-right:8px}.admin-ui.sidebar-collapsed .admin-nav a{justify-content:center;padding:0}.admin-ui.sidebar-collapsed .admin-nav a.active:before{left:-4px}.admin-ui.sidebar-collapsed .admin-profile{justify-content:center;padding-left:0;padding-right:0}.admin-ui.sidebar-collapsed .admin-profile>.icon-btn{display:none}
@media(max-width:1180px){body.admin-ui{--admin-sidebar:228px}.admin-ui .admin-content{padding-left:20px;padding-right:20px}.admin-ui .topbar-title p{max-width:42vw}.admin-ui .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.admin-ui{--admin-sidebar:264px}.admin-ui .admin-sidebar{display:flex;width:264px;transform:translateX(-102%);z-index:100;box-shadow:35px 0 90px rgba(0,0,0,.45)}.admin-ui .workspace,.admin-ui.sidebar-collapsed .workspace{margin-left:0;width:100%}.admin-ui .mobile-menu-btn{display:inline-grid;margin-right:10px}.admin-ui.menu-open .admin-sidebar{transform:translateX(0)}.admin-ui.menu-open .menu-backdrop{display:block;z-index:90}.admin-ui .sidebar-collapse{display:none}.admin-ui .admin-logo b,.admin-ui .nav-search input,.admin-ui .nav-search kbd,.admin-ui .nav-group-label,.admin-ui .admin-nav a span,.admin-ui .admin-profile-copy{display:initial}.admin-ui .nav-group-label{display:flex}.admin-ui .admin-nav a{justify-content:flex-start;padding:0 11px}.admin-ui .topbar-title p{max-width:48vw}.admin-ui .topbar-site-link span{display:none}.admin-ui .topbar-site-link{width:34px;padding:0;justify-content:center}.admin-ui .admin-content{padding:18px 16px 36px}.admin-ui .maintenance-admin-banner{padding-left:16px;padding-right:16px}.admin-ui .grid.two,.admin-ui .grid.three{grid-template-columns:1fr}.admin-ui .report-body{grid-template-columns:1fr}}
@media(max-width:640px){body.admin-ui{font-size:13px}.admin-ui .admin-topbar{height:78px;padding:0 12px}.admin-ui .mobile-menu-btn{width:38px;height:38px;margin-right:8px}.admin-ui .topbar-breadcrumb,.admin-ui .topbar-title p{display:none}.admin-ui .topbar h1{font-size:17px}.admin-ui .topbar-actions{gap:5px}.admin-ui .topbar-site-link,.admin-ui .version{display:none}.admin-ui .maintenance-switch{height:32px}.admin-ui .maintenance-switch-btn{min-height:24px;padding:5px 6px;font-size:12px}.admin-ui .maintenance-admin-banner{top:78px;padding:8px 12px}.admin-ui .maintenance-admin-banner>div>div span{display:none}.admin-ui .maintenance-admin-banner .maintenance-icon{width:30px;height:30px}.admin-ui .admin-content{padding:14px 12px 30px}.admin-ui .cards{grid-template-columns:1fr 1fr;gap:9px}.admin-ui .card{min-height:100px;padding:14px}.admin-ui .card strong{font-size:22px}.admin-ui .panel{padding:13px}.admin-ui .toolbar,.admin-ui .panel-head{align-items:stretch;flex-direction:column}.admin-ui .panel-tools{width:100%}.admin-ui .panel-tools .search-input{width:100%;min-width:0}.admin-ui .quick-grid{grid-template-columns:1fr}.admin-ui .actions{width:100%}.admin-ui .actions .btn{flex:1}.admin-ui .filter-grid{grid-template-columns:1fr}.admin-ui .billing-order-actions{min-width:320px}.admin-login-page{padding:12px}.admin-login-shell{grid-template-columns:1fr;width:min(440px,100%)}.admin-login-aside{display:none}.admin-login-card{padding:28px 22px}.admin-login-card h2{font-size:22px}}
@media(max-width:420px){.admin-ui .cards{grid-template-columns:1fr}.admin-ui .maintenance-switch-btn.on:not(.active),.admin-ui .maintenance-switch-btn.off:not(.active){display:none}.admin-ui .card{min-height:88px}}
@media(prefers-reduced-motion:reduce){.admin-ui .admin-sidebar,.admin-ui .workspace,.admin-ui .btn,.admin-ui .quick-link,.admin-ui .admin-nav a{transition:none!important}}
@media(max-width:900px){.admin-ui.sidebar-collapsed .admin-logo b,.admin-ui.sidebar-collapsed .nav-search input,.admin-ui.sidebar-collapsed .nav-search kbd,.admin-ui.sidebar-collapsed .nav-group-label,.admin-ui.sidebar-collapsed .admin-nav a span,.admin-ui.sidebar-collapsed .admin-profile-copy{display:initial}.admin-ui.sidebar-collapsed .nav-group-label{display:flex}.admin-ui.sidebar-collapsed .admin-nav a{justify-content:flex-start;padding:0 11px}.admin-ui.sidebar-collapsed .admin-profile{justify-content:flex-start;padding-left:6px;padding-right:6px}.admin-ui.sidebar-collapsed .admin-profile>.icon-btn{display:inline-grid}}

/* HOTFIX-06: built-in quick chat themes */
.quick-theme-block{margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1118}.quick-theme-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quick-theme-head b{font-size:12px;color:#dce3ee}.quick-theme-head span{font-size:12px;color:var(--muted)}.quick-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-theme-btn{min-height:38px;border:1px solid #2b3443;border-radius:9px;background:#151b25;color:#c7d0dd;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;transition:.15s}.quick-theme-btn:hover{border-color:#5f4ad4;background:#1a2030;color:#fff}.quick-theme-btn.active{border-color:#7c5cff;background:#201d36;color:#fff;box-shadow:inset 0 0 0 1px rgba(124,92,255,.18)}.quick-theme-btn i{width:8px;height:8px;border-radius:50%;background:var(--preset-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--preset-color) 18%,transparent)}
@supports not (color:color-mix(in srgb,#fff,#000)){.quick-theme-btn i{box-shadow:none}}
@media(max-width:520px){.quick-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-theme-btn{min-height:40px}}


/* v1.0.28~1.0.29 team roles + onboarding */
.setup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid #5a4820;border-radius:12px;background:#221b0d}.setup-banner>div{display:grid;gap:3px}.setup-banner span{color:#c7b88d;font-size:12px}.setup-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.setup-steps span{padding:10px;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--muted);font-size:12px}.setup-steps span.done{border-color:#4b3ea5;color:#c6bcff;background:#17142b}.permission-list{display:grid;gap:0}.permission-list p{display:flex;justify-content:space-between;gap:16px;padding:11px 0;margin:0;border-bottom:1px solid var(--line)}.permission-list p:last-child{border-bottom:0}.permission-list span{color:var(--muted);font-size:12px;text-align:right}.inline-check{display:flex;align-items:center;gap:7px}.inline-check input{width:auto}@media(max-width:640px){.setup-banner{align-items:stretch;flex-direction:column}.setup-steps{grid-template-columns:1fr 1fr}.setup-steps span:last-child{grid-column:1/-1}.permission-list p{display:grid}.permission-list span{text-align:left}}

/* v1.0.30~v1.0.31 billing/operations */
.alert.info{background:#102337;border:1px solid #254d70;color:#9ed4ff}.plan-buy-form{display:grid;gap:8px;margin-top:14px}.plan-buy-form .btn.wide{margin-top:0}.worker-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.worker-status{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0d1219}.worker-status>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.worker-status strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-status small{font-size:12px}@media(max-width:1000px){.worker-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.worker-status-grid{grid-template-columns:1fr}}


/* v1.0.32~1.0.36 */
.locale-switch select{min-width:105px;height:34px;padding:0 8px;font-size:12px}.support-queue .badge.danger,.badge.danger{background:rgba(244,63,94,.14);border-color:rgba(244,63,94,.35);color:#ff8ca0}.inline-actions select{min-width:120px}.inline-actions input{min-width:100px}.ai-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.channel-access-hint{font-size:12px;color:var(--muted)}
/* v1.0.32 support workspace */
.support-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.support-chat-main{min-width:0}.support-ai-panel{position:sticky;top:78px}.actions.stack{display:grid;gap:8px}.ai-result{min-height:180px;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:10px;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.support-history-row{padding:10px 0;border-bottom:1px solid var(--border)}.support-history-row span{float:right;color:var(--muted);font-size:12px}.support-history-row p{margin:6px 0 0;white-space:pre-wrap}@media(max-width:980px){.support-chat-layout{grid-template-columns:1fr}.support-ai-panel{position:static}}

/* Billing admin tabs UI — v1.0.51 billing page optimization */
.admin-ui .billing-summary-cards{margin-bottom:14px}.admin-ui .billing-summary-cards .card{position:relative;overflow:hidden}.admin-ui .billing-summary-cards .card small{display:block;margin-top:6px;font-size:12px}.admin-page-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#0b1017;scrollbar-width:thin}.admin-page-tab{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid transparent;border-radius:10px;color:#aab4c2;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;transition:.16s ease}.admin-page-tab:hover{color:#fff;background:#111925;border-color:#263244}.admin-page-tab.active{color:#fff;background:linear-gradient(180deg,#172236,#101827);border-color:#37527b;box-shadow:0 0 0 1px rgba(82,139,232,.08) inset}.admin-page-tab-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid #2b3b52;border-radius:7px;background:#0d1420;color:#8fb7ff;font-size:12px}.admin-page-tab em{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#18202c;color:#aeb9c8;font-size:12px;font-style:normal}.admin-page-tab em.ok{background:rgba(35,158,105,.14);color:#72e3ae}.admin-page-tab em.warn{background:rgba(223,164,55,.13);color:#f1c369}.billing-tab-panel{animation:billing-tab-in .16s ease}.billing-toolbar{margin-bottom:12px}.billing-toolbar h2,.billing-plan-card h3{margin:3px 0 5px}.eyebrow{display:block;margin-bottom:3px;color:#7f91a8;font-size:12px;font-weight:900;letter-spacing:.08em}.billing-list-meta{display:flex;justify-content:space-between;gap:10px;padding:8px 2px 10px;color:var(--muted);font-size:12px}.billing-status-filters{justify-content:flex-end;flex-wrap:wrap}.billing-orders-table table{min-width:1180px}.billing-txid{display:inline-block;max-width:185px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.billing-empty{padding:34px 16px;text-align:center;color:var(--muted);font-size:12px}.billing-empty.compact{padding:20px 12px;margin:10px 0;border:1px dashed var(--line);border-radius:10px}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-card{display:flex;flex-direction:column;gap:11px;padding:18px}.billing-plan-card>.btn{align-self:flex-start}.billing-toggle-grid{margin-top:2px}.billing-coupon-layout,.billing-binance-layout{align-items:start}.billing-sticky-panel{position:sticky;top:96px}.billing-address-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.billing-address-box .codebox{margin-top:8px}.billing-permission-list{margin:10px 0 14px}.billing-permission-list .metric-line{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}.billing-permission-list .metric-line:last-child{border-bottom:0}@keyframes billing-tab-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:980px){.billing-plan-grid{grid-template-columns:1fr}.billing-sticky-panel{position:static}.billing-coupon-layout,.billing-binance-layout{grid-template-columns:1fr}.billing-status-filters{justify-content:flex-start}}
@media(max-width:640px){.admin-page-tabs{margin-left:-2px;margin-right:-2px;padding:5px}.admin-page-tab{min-height:42px;padding:8px 10px}.admin-page-tab-icon{display:none}.billing-list-meta{flex-direction:column;gap:2px}.billing-status-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.billing-status-filters .btn{flex:0 0 auto}.billing-plan-card{padding:14px}.billing-summary-cards .card small{font-size:12px}}

/* customer/team.php optimization — v1.0.51 TEAM-UI */
.team-summary{margin-bottom:14px}.team-stat{position:relative;overflow:hidden;min-height:118px}.team-stat:after{content:"";position:absolute;right:-28px;bottom:-42px;width:100px;height:100px;border-radius:50%;background:rgba(124,92,255,.07)}.team-stat>span{display:block;color:#98a4b6;font-size:12px;font-weight:700}.team-stat strong{font-size:28px;line-height:1.05}.team-stat small{display:block;margin-top:7px;color:#6f7d90;font-size:12px}.customer-page-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#0b0f16;scrollbar-width:thin}.customer-page-tab{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:#9da9ba;font-size:12px;font-weight:800;white-space:nowrap;transition:.16s ease}.customer-page-tab:hover{color:#fff;background:#121824;border-color:#263041}.customer-page-tab.active{color:#fff;border-color:#5547a5;background:linear-gradient(180deg,#201b3b,#17152a);box-shadow:inset 0 0 0 1px rgba(124,92,255,.1)}.customer-page-tab-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #30384a;border-radius:7px;background:#111722;color:#bcb1ff;font-size:13px}.customer-page-tab em{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#232938;color:#c0cad8;font-style:normal;font-size:12px}.team-panel{padding:0;overflow:hidden}.team-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 16px;border-bottom:1px solid var(--line)}.team-panel-head h2{margin:3px 0 5px}.team-panel-head p{margin:0;line-height:1.55}.team-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;align-items:end;padding:14px 20px;border-bottom:1px solid var(--line);background:#0e131b}.team-filters label{gap:5px}.team-filters label>span{color:#7f8da1;font-size:12px;font-weight:700}.team-filter-actions{display:flex;gap:7px}.team-filter-actions .btn{min-height:40px}.team-list-meta{display:flex;justify-content:space-between;gap:12px;padding:11px 20px;color:#aeb8c6;font-size:12px}.team-table-wrap{border-top:1px solid var(--line)}.team-table{min-width:850px}.team-table th{padding-top:10px;padding-bottom:10px;background:#0d1118;font-size:12px}.team-table td{padding-top:13px;padding-bottom:13px}.team-action-col{width:140px}.team-member-cell{display:flex;align-items:center;gap:11px;min-width:220px}.team-member-cell>div{min-width:0;display:grid;gap:3px}.team-member-cell strong{font-size:13px}.team-member-cell small{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8999;font-size:12px}.team-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #343d50;border-radius:11px;background:linear-gradient(145deg,#252c3a,#171c25);color:#d8d1ff;font-size:13px;font-weight:900}.team-role-select{width:142px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:800}.team-role-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.02em}.team-role-badge.owner{border-color:#6958c5;background:#211c3b;color:#c7bcff}.team-role-badge.admin{border-color:#365f9a;background:#11253e;color:#9dc7ff}.team-role-badge.operator{border-color:#296450;background:#102b22;color:#85e2b8}.team-role-badge.moderator{border-color:#74512c;background:#30200f;color:#f5c47d}.team-status{display:inline-flex;align-items:center;gap:7px;color:#79d9ab;font-size:12px;font-weight:700}.team-status i{width:7px;height:7px;border-radius:50%;background:#35d18a;box-shadow:0 0 0 4px rgba(53,209,138,.09)}.team-status-toggle{display:flex;grid-template-columns:none;align-items:center;gap:8px;cursor:pointer;width:max-content}.team-status-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.team-status-toggle>span{position:relative;width:34px;height:19px;border:1px solid #3a4353;border-radius:999px;background:#202632;transition:.16s}.team-status-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#8d98aa;transition:.16s}.team-status-toggle.is-active>span{border-color:#2a6b53;background:#153629}.team-status-toggle.is-active>span:after{left:18px;background:#55dda4}.team-status-toggle b{font-size:12px;font-weight:700;color:#a5afbd}.team-status-toggle.is-active b{color:#75dbab}.team-date{color:#929dac;font-size:12px;white-space:nowrap}.team-row-actions{display:flex;gap:6px}.team-row-actions .btn{min-height:32px;padding:6px 10px}.team-protected{display:inline-flex;padding:5px 8px;border:1px solid #303746;border-radius:7px;color:#7f8b9d;font-size:12px}.team-empty{padding:34px 12px;text-align:center;color:#7f8b9d;font-size:12px}.team-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.team-add-panel,.team-add-guide,.team-roles-panel{padding:20px}.team-add-panel h2,.team-roles-panel h2{margin:3px 0 6px}.team-create-form{display:grid;gap:14px;margin-top:18px}.team-form-note{display:flex;gap:14px;padding:12px 13px;border:1px solid #2b3443;border-radius:10px;background:#0d1219}.team-form-note b{flex:0 0 auto;color:#c7bcff;font-size:12px}.team-form-note span{color:#8d98aa;font-size:12px;line-height:1.55}.team-add-guide{position:sticky;top:112px}.team-add-guide h3{margin:3px 0 12px}.team-add-guide ul{display:grid;gap:10px;margin:0;padding-left:18px;color:#99a4b4;font-size:12px;line-height:1.55}.team-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-role-card{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:12px;background:#0d1219}.team-role-card:after{content:"";position:absolute;right:-36px;top:-38px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.025)}.team-role-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-role-card>div strong{font-size:13px}.team-role-card p{min-height:42px;margin:14px 0 11px;color:#9aa5b5;font-size:12px;line-height:1.55}.team-role-card small{color:#68768a;font-size:12px}.team-role-card.owner{border-color:#3a315f}.team-role-card.admin{border-color:#263f60}.team-role-card.operator{border-color:#214638}.team-role-card.moderator{border-color:#4f3922}
@media(max-width:1050px){.team-filters{grid-template-columns:1fr 1fr}.team-search{grid-column:1/-1}.team-filter-actions{justify-content:flex-start}.team-form-layout{grid-template-columns:1fr}.team-add-guide{position:static}.team-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.team-summary{grid-template-columns:1fr 1fr}.team-stat{min-height:96px;padding:14px}.team-stat strong{font-size:23px}.customer-page-tabs{margin-left:-2px;margin-right:-2px;padding:5px}.customer-page-tab{min-height:42px;padding:8px 10px}.customer-page-tab-icon{display:none}.team-panel-head{flex-direction:column;align-items:stretch;padding:16px}.team-panel-head .btn{width:100%}.team-filters{grid-template-columns:1fr;padding:12px 16px}.team-search{grid-column:auto}.team-filter-actions .btn{flex:1}.team-list-meta{flex-direction:column;gap:3px;padding:10px 16px}.team-role-grid{grid-template-columns:1fr}.team-add-panel,.team-add-guide,.team-roles-panel{padding:16px}.team-form-note{flex-direction:column;gap:4px}.team-create-form .grid.two{grid-template-columns:1fr}}
@media(max-width:420px){.team-summary{grid-template-columns:1fr}.team-stat{min-height:82px}.team-stat strong{font-size:22px}}

/* v1.0.51 CUSTOMER-NAV-UI — grouped / scrollable / collapsible customer menu */
.customer-sidebar{padding:14px 12px 12px;overflow:hidden}.customer-sidebar-head{display:flex;align-items:center;gap:8px;flex:0 0 auto}.customer-logo{flex:1;min-width:0;padding:5px 6px 14px}.customer-logo b{display:grid;gap:1px;min-width:0}.customer-logo b strong{font-size:17px}.customer-logo b small{font-size:10px;font-weight:600;color:#657186;letter-spacing:.04em}.customer-nav-all-toggle{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:1px solid #27303d;border-radius:8px;background:#111720;color:#748197;cursor:pointer}.customer-nav-all-toggle:hover{background:#171e29;color:#fff;border-color:#39465a}.customer-nav{display:block!important;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 3px 10px 0;scrollbar-width:thin;scrollbar-color:#303a49 transparent}.customer-nav::-webkit-scrollbar{width:6px}.customer-nav::-webkit-scrollbar-track{background:transparent}.customer-nav::-webkit-scrollbar-thumb{background:#303a49;border-radius:999px}.customer-nav-group{margin:0 0 5px}.customer-nav-group-toggle{width:100%;min-height:30px;padding:4px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#687589;font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer;text-align:left}.customer-nav-group-toggle:hover{color:#aab5c5}.customer-nav-group-toggle i{display:grid;place-items:center;transition:transform .16s ease}.customer-nav-group-toggle[aria-expanded="true"] i{transform:rotate(90deg)}.customer-nav-items{display:grid;gap:2px}.customer-nav-items[hidden]{display:none!important}.customer-sidebar .customer-nav a{min-height:38px;padding:0 9px!important;display:flex;align-items:center;gap:9px;border-radius:8px;color:#9da8b8;font-size:12px!important;line-height:1.2;position:relative}.customer-sidebar .customer-nav a:before{content:none!important}.customer-sidebar .customer-nav a:hover{background:#141a23;color:#fff}.customer-sidebar .customer-nav a.active{background:linear-gradient(90deg,rgba(124,92,255,.17),rgba(124,92,255,.055));color:#fff}.customer-sidebar .customer-nav a.active:before{content:""!important;position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:3px;background:#8b73ff}.customer-nav-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:#6f7d91}.customer-nav a:hover .customer-nav-icon,.customer-nav a.active .customer-nav-icon{color:#9b8aff}.customer-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-nav-active{display:grid;place-items:center;margin-left:auto;color:#6f61c9}.customer-profile{flex:0 0 auto;margin-top:0;padding:10px 6px 0;gap:5px}.customer-profile>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-profile>a{display:flex;align-items:center;gap:7px;font-size:12px;color:#7e899a}.customer-profile>a:hover{color:#fff}
@media(max-width:1000px) and (min-width:641px){.customer-sidebar{width:220px;padding:12px 10px}.customer-sidebar .logo b{display:grid}.customer-sidebar .customer-nav a{font-size:12px!important}.customer-sidebar .side-bottom span{display:block}.customer-sidebar+.workspace{margin-left:220px;width:calc(100% - 220px)}}
@media(max-width:640px){.customer-sidebar{display:flex;width:min(300px,88vw);padding-left:12px;padding-right:12px}.customer-sidebar .customer-logo b{display:grid}.customer-nav-all-toggle{display:grid}.customer-sidebar .customer-nav{padding-bottom:14px}.customer-sidebar .customer-nav a{font-size:12px!important;min-height:42px}.customer-nav-group-toggle{min-height:34px}.customer-sidebar .customer-profile>span{display:block}}
@media(prefers-reduced-motion:reduce){.customer-nav-group-toggle i{transition:none}}