body .app{--bg:#080c14;--surface:#0d1117b8;--surface-solid:#0d1117;--elevated:#0a0e14;--border:#ffffff12;--border-strong:#ffffff1f;--text:#f8fafc;--text-2:#aab9ce;--text-3:#7e93b0;--gold:#7873da;--gold-light:#918cff;--gold-bg:#7873da24;--gold-line:#7873da59;--green:#22c55e;--green-bg:#22c55e21;--amber:#f59e0b;--amber-bg:#f59e0b21;--red:#ef4444;--red-bg:#ef44441f;--blue:#3b82f6;--blue-bg:#3b82f621;--r-sm:8px;--r-md:12px;--r-lg:16px;--tr:.2s cubic-bezier(.4, 0, .2, 1);--shadow-od:0 8px 24px #00000059;--bg-base:var(--bg);--bg-base-translucent:color-mix(in srgb, var(--bg) 82%, transparent);--bg-surface:var(--surface);--bg-surface-solid:var(--surface);--bg-elevated:var(--elevated);--bg-elevated-solid:var(--elevated);--bg-input:var(--bg);--bg-subtle:var(--border);--text-primary:var(--text);--text-secondary:var(--text-2);--text-muted:var(--text-3);--text-dim:var(--text-3);--accent:var(--gold);--accent-light:var(--gold-light);--accent-bg:var(--gold-bg);--accent-subtle:var(--gold-bg);--accent-border:var(--gold-line);--accent-border-hover:var(--gold-line);--accent-focus:var(--gold-bg);--accent-glow:#7873da59;--border-medium:var(--border-strong);--border-btn:var(--border-strong);--success:var(--green);--success-bg:var(--green-bg);--success-border:#22c55e4d;--danger:var(--red);--danger-bg:var(--red-bg);--danger-border:#ef44444d;--danger-btn-border:#ef44444d;--danger-hover:#ef444438;--info:var(--blue);--info-bg:var(--blue-bg);--warning:var(--amber);--warning-bg:var(--amber-bg);--btn-primary-text:#080c14;--gold-dark:#4842b0}[data-theme=light] body .app{--bg:#f8f8ff;--surface:#fff;--surface-solid:#fff;--elevated:#fff;--border:#deddfc;--border-strong:#c7c5f5;--text:#171934;--text-2:#66678b;--text-3:#8a8bad;--gold:#5b55c4;--gold-light:#625cda;--gold-bg:#f0efff;--gold-line:#deddfc;--green:#1fa971;--green-bg:#1fa9711a;--amber:#d98b16;--amber-bg:#d98b161a;--red:#d93d59;--red-bg:#d93d5917;--blue:#5b55c4;--blue-bg:#f0efff;--shadow-od:0 8px 24px #1719341a;--accent-glow:#5b55c429;--success-border:#1fa97147;--danger-border:#d93d5942;--danger-btn-border:#d93d5942;--danger-hover:#d93d5924;--btn-primary-text:#fff;--gold-dark:#3f3b9f}[data-theme=light] body{background:#f8f8ff}.app{min-height:100vh;display:flex}body .app{-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body .app button{cursor:pointer;font-family:inherit}body .app input,body .app select{font-family:inherit}body .app :focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:12px}body .app ::-webkit-scrollbar{width:8px;height:8px}body .app ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:12px}body .app ::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.sb{background:var(--elevated);border-right:1px solid var(--border);z-index:40;width:248px;transition:width var(--tr), transform var(--tr);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.app.sb-collapsed .sb{width:72px}.sb-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 20px 18px;display:flex}a.sb-logo,a.sb-logo:hover,a.sb-logo:focus{color:inherit;cursor:pointer;text-decoration:none}.sb-logo-badge{background:linear-gradient(135deg,#7873da,#918cff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sb-logo-badge i{color:#080c14;font-size:16px}.sb-logo-text{color:var(--text);letter-spacing:-.2px;white-space:nowrap;font-size:14px;font-weight:700}.app.sb-collapsed .sb-logo-text{display:none}.sb-nav{flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex;overflow-y:auto}.sb-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;padding:12px 12px 6px;font-size:10px;font-weight:600}.sb-item{cursor:pointer;color:var(--text-2);transition:all var(--tr);white-space:nowrap;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.sb-item i{flex-shrink:0;font-size:16px}.sb-item:hover{background:var(--gold-bg);color:var(--text)}.sb-logout{color:var(--text-2)}.sb-logout:hover{background:var(--red-bg);color:var(--red)}.sb-item.active{background:var(--gold-bg);color:var(--gold);font-weight:600}.sb-item.active:before{content:"";background:var(--gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.sb-badge{background:var(--gold);color:#080c14;border-radius:18px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.app.sb-collapsed .sb-text,.app.sb-collapsed .sb-label,.app.sb-collapsed .sb-badge{display:none}.sb-parent .sb-caret{color:var(--text-3);transition:transform var(--tr);margin-left:auto;font-size:14px}.sb-parent.open .sb-caret{color:var(--gold);transform:rotate(180deg)}.sb-sub{border-left:1px solid var(--border);flex-direction:column;gap:1px;margin:2px 0 4px 20px;padding-left:12px;display:flex}.sb-sub-item{cursor:pointer;color:var(--text-2);transition:all var(--tr);white-space:nowrap;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;font-weight:500;display:flex}.sb-sub-item i{flex-shrink:0;font-size:14px}.sb-sub-item:hover{background:var(--gold-bg);color:var(--text)}.sb-sub-item.active{background:var(--gold-bg);color:var(--gold);font-weight:600}.app.sb-collapsed .sb-sub,.app.sb-collapsed .sb-caret{display:none}.sb-tier{background:linear-gradient(160deg, var(--gold-bg), transparent);border:1px solid var(--gold-line);border-radius:12px;margin:12px;padding:14px}.sb-tier-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sb-tier-name{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.sb-tier-meter{background:var(--border);border-radius:12px;height:6px;overflow:hidden}.sb-tier-meter>i{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:12px;max-width:100%;height:100%;transition:width .4s;display:block}.sb-tier-used{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}.sb-tier-upg{text-align:center;background:var(--gold);color:#080c14;width:100%;transition:opacity var(--tr);cursor:pointer;border-radius:12px;margin-top:10px;padding:7px;font-size:12px;font-weight:600}.sb-tier-upg:hover{opacity:.85}.app.sb-collapsed .sb-tier{padding:10px 6px}.app.sb-collapsed .sb-tier-used,.app.sb-collapsed .sb-tier-upg,.app.sb-collapsed .sb-tier-row{display:none}.main{min-width:0;transition:margin var(--tr);flex:1;margin-left:248px}.app.sb-collapsed .main{margin-left:72px}.topbar{z-index:30;background:var(--bg-base-translucent,#080c14d1);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.2px;color:var(--text);flex:1;min-width:0;margin:0;font-size:16px;font-weight:700}.sb-toggle,.tb-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:all var(--tr);background:0 0;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.sb-toggle:hover,.tb-btn:hover{color:var(--gold);border-color:var(--gold-line)}.tb-dot{background:var(--red);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.avatar{color:#080c14;cursor:pointer;background:linear-gradient(135deg,#24215c,#7873da);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:inherit;font-size:13px;font-weight:700;display:flex}.body-content{width:100%;max-width:none;margin:0;padding:26px 28px 60px}@media (width<=1024px){.body-content{padding:20px 18px 50px}}@media (width<=860px){.sb{width:260px;box-shadow:none;z-index:100;transform:translate(-100%)}.app.sb-open .sb{transform:translate(0);box-shadow:0 0 50px #0009}.app.sb-collapsed .sb{width:260px}.main{width:100%;min-width:0;margin-left:0!important}.app.sb-collapsed .sb-text,.app.sb-collapsed .sb-label,.app.sb-collapsed .sb-badge{display:inline}.topbar{justify-content:space-between;gap:8px;padding:12px 14px}.topbar h1{font-size:14px}.sb-toggle,.tb-btn{width:38px;height:38px}body .app .frow{grid-template-columns:1fr}.body-content{padding:14px 12px 40px}.app.sb-open:after{content:"";-webkit-backdrop-filter:blur(4px);z-index:95;background:#0009;animation:.2s m-fade;position:fixed;inset:0}}.panel{animation:.3s panel-fade-up}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body .app .page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}body .app .page-head h2{letter-spacing:-.3px;color:var(--text);margin:0;font-size:20px;font-weight:700}body .app .page-head .ph-sub{color:var(--text-2);margin-top:3px;font-size:13px}body .app .link{color:var(--gold);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}body .app .card,body .app .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:border-color var(--tr);margin-bottom:16px;padding:22px}body .app .card:hover,body .app .stat-card:hover{border-color:var(--border);box-shadow:none;transform:none}body .app .stat-card{padding:18px}body .app .card-h{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}body .app .card-h h3{color:var(--text);margin:0;font-size:14px;font-weight:600}body .app .card-h .link{color:var(--gold);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}body .app .section-title{color:var(--text);font-size:14px;font-weight:600}body .app .btn,body .app button.btn,body .app .btn-primary,body .app .btn-secondary,body .app .btn-gold,body .app .btn-ghost,body .app .btn-danger,body .app .btn-success,body .app .btn-cancel{cursor:pointer;width:auto;transition:all var(--tr);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex;position:relative;overflow:visible}body .app .btn:before,body .app .btn:after{content:none;display:none!important}body .app .btn:hover{transform:none}body .app .btn-gold:not(.tb-cta),body .app .btn-primary{background:var(--gold);color:var(--btn-primary-text);box-shadow:none;border-color:#0000}body .app .btn-gold:not(.tb-cta):hover,body .app .btn-primary:hover{opacity:.88;background:var(--gold);color:var(--btn-primary-text)}body .app .btn-ghost,body .app .btn-secondary{color:var(--text-2);border:1px solid var(--border-strong);box-shadow:none;-webkit-backdrop-filter:none;background:0 0}body .app .btn-ghost:hover,body .app .btn-secondary:hover{color:var(--gold);border-color:var(--gold-line);box-shadow:none;background:0 0;transform:none}body .app .btn-success{background:var(--green-bg);color:var(--green);border:1px solid #22c55e4d}body .app .btn-success:hover{opacity:.88}body .app .btn-danger{background:var(--red-bg);color:var(--red);box-shadow:none;border:1px solid #ef44444d}body .app .btn-danger:hover{background:var(--danger-hover);color:var(--red);border-color:#ef444473}body .app .btn[style*=font-size\:11px],body .app .btn[style*=font-size\:12px]{padding:7px 14px;font-size:13px}body .app .kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=1024px){body .app .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){body .app .kpi-grid{grid-template-columns:1fr}}body .app .kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}body .app .kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}body .app .kpi-ico{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}body .app .kpi-ico.gold{background:var(--gold-bg);color:var(--gold)}body .app .kpi-ico.blue{background:var(--blue-bg);color:var(--blue)}body .app .kpi-ico.green{background:var(--green-bg);color:var(--green)}body .app .kpi-ico.amber{background:var(--amber-bg);color:var(--amber)}body .app .kpi-val{letter-spacing:-.5px;color:var(--text);white-space:nowrap;font-size:24px;font-weight:700}body .app .kpi-sub{color:var(--text-3);margin-top:2px;font-size:12px}body .app .trend{border-radius:18px;padding:3px 8px;font-size:11px;font-weight:600}body .app .trend.up{background:var(--green-bg);color:var(--green)}body .app .trend.down{background:var(--red-bg);color:var(--red)}body .app .kpi-card .progress-bg{margin-top:12px}body .app .kpi-card .error-msg{margin-top:8px;font-size:11px}body .app [data-overflow="1"]{font-size:18px!important}body .app .badge{letter-spacing:.01em;border-radius:18px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}body .app .badge-gold{background:var(--gold-bg);color:var(--gold)}body .app .badge-green{background:var(--green-bg);color:var(--green)}body .app .badge-red{background:var(--red-bg);color:var(--red)}body .app .badge-amber{background:var(--amber-bg);color:var(--amber)}body .app .badge-blue{background:var(--blue-bg);color:var(--blue)}body .app .badge-gray{background:var(--border);color:var(--text-2)}body .app input:not([type=checkbox]):not([type=radio]):not([type=range]),body .app select,body .app textarea{background:var(--bg);border:1px solid var(--border-strong);width:100%;color:var(--text);box-shadow:none;transition:border-color var(--tr), box-shadow var(--tr);border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}body .app input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,body .app select:focus,body .app textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg);outline:none}body .app .input{background:var(--bg);border:1px solid var(--border-strong);width:100%;max-width:420px;color:var(--text);transition:border-color var(--tr);border-radius:12px;padding:10px 14px;font-size:13px}body .app .input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg);outline:none}body .app input[style*=width\:130px],body .app input[style*=width\:150px],body .app select[style*=width\:130px],body .app select[style*=width\:150px],body .app select[style*=width\:auto]{width:auto}body .app input[type=checkbox],body .app input[type=radio]{width:auto;accent-color:var(--gold);cursor:pointer}body .app input[type=range]{accent-color:var(--gold);background:0 0;border:none;padding:0;box-shadow:none!important}body .app textarea{resize:vertical;min-height:110px;line-height:1.6}body .app ::placeholder{color:var(--text-3)}body .app table{border-collapse:collapse;width:100%}body .app th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:left;border-bottom:1px solid var(--border);background:0 0;padding:10px 12px;font-size:11px;font-weight:600}body .app td{border-bottom:1px solid var(--border);color:var(--text-2);padding:13px 12px;font-size:13px}body .app td b{color:var(--text);font-weight:600}body .app tr:last-child td{border-bottom:none}body .app tbody tr{transition:background var(--tr)}body .app tbody tr:hover{background:var(--gold-bg)}body .app .table-wrap{background:0 0;border:none;border-radius:0;overflow-x:auto}body .app .table-wrap table{margin:0}body .app .table-wrap thead th{background:0 0;padding:10px 12px}body .app .table-wrap td{padding:13px 12px}body .app .meter,body .app .progress-bg,body .app .meter-bg{background:var(--border);border-radius:12px;height:6px;overflow:hidden}body .app .meter>i,body .app .progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:12px;max-width:100%;height:100%;transition:width .4s;display:block}body .app .conf .meter-bg,body .app .conf .progress-bg{width:52px;height:4px}body .app .insights-banner{background:linear-gradient(90deg, var(--gold-bg), transparent 70%);border:1px solid var(--gold-line);border-radius:var(--r-md);align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}body .app .insights-banner i{color:var(--gold);font-size:20px}body .app .insights-banner b{color:var(--text);font-size:14px;display:block}body .app .insights-banner p{color:var(--text-2);margin:2px 0 0;font-size:13px}body .app .insights-banner .btn{flex-shrink:0;margin-left:auto}body .app .seg{background:var(--border);border:none;border-radius:12px;gap:2px;padding:4px;display:inline-flex}body .app .seg button{color:var(--text-2);transition:all var(--tr);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:7px 16px;font-size:13px;font-weight:600}body .app .seg button.active{background:var(--surface-solid);color:var(--gold);box-shadow:var(--shadow-od)}body .app .sug-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--tr);margin-bottom:14px;padding:20px}body .app .sug-card:hover{border-color:var(--gold-line)}body .app .sug-card.approved{border-color:#22c55e59}body .app .sug-card.rejected{opacity:.55}body .app .sug-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}body .app .sug-q{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600}body .app .sug-a{color:var(--text-2);background:var(--border);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}body .app .sug-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}body .app .sug-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}body .app .sug-actions .btn{padding:7px 14px;font-size:13px}body .app .imp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:14px;padding:20px;display:flex}body .app .imp-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}body .app .imp-ico.sales{background:var(--gold-bg);color:var(--gold)}body .app .imp-ico.support{background:var(--blue-bg);color:var(--blue)}body .app .imp-ico.speed{background:var(--amber-bg);color:var(--amber)}body .app .imp-body{flex:1;min-width:240px}body .app .imp-body h4{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:600}body .app .imp-body p{color:var(--text-2);margin:0;font-size:13px}body .app .imp-quote{border-left:3px solid var(--gold-line);background:var(--border);color:var(--text-2);border-radius:0 8px 8px 0;margin-top:10px;padding:8px 12px;font-size:12px;font-style:italic}body .app .settings-sec{margin-bottom:26px}body .app .settings-sec h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 14px;font-size:13px;font-weight:600}body .app .frow{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;align-items:center;gap:16px;padding:10px 0;display:grid}body .app .frow:last-child{border-bottom:none}body .app .frow label{color:var(--text);font-size:13px;font-weight:500}body .app .frow .hint{color:var(--text-3);margin-top:2px;font-size:12px;font-weight:400;display:block}body .app .switch{background:var(--border-strong);width:42px;height:24px;transition:background var(--tr);cursor:pointer;border-radius:18px;flex-shrink:0;display:inline-block;position:relative}body .app .switch:after{content:"";width:18px;height:18px;transition:transform var(--tr);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}body .app .switch.on{background:var(--gold)}body .app .switch.on:after{transform:translate(18px)}body .app .chan{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}body .app .chan .st{background:var(--green);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 8px #22c55e99}body .app .chan b{color:var(--text);font-size:13px;font-weight:600}body .app .ref-link-row{background:var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}body .app .ref-link-text{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:13px;overflow:hidden}body .app .steps{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}body .app .step{background:var(--border);border-radius:12px;flex:1;min-width:150px;padding:16px}body .app .step b{color:var(--gold);margin-bottom:6px;font-size:16px;display:block}body .app .step p{color:var(--text-2);margin:0;font-size:12px;line-height:1.5}body .app .duo-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=900px){body .app .duo-grid{grid-template-columns:1fr}}body .app .filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}body .app .filter-bar input,body .app .filter-bar select{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);transition:border-color var(--tr);border-radius:12px;padding:10px 14px;font-size:13px}body .app .filter-bar input:focus,body .app .filter-bar select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg);outline:none}body .app .icon-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-2);cursor:pointer;transition:color var(--tr), border-color var(--tr);background:0 0;border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}body .app .icon-btn:hover{color:var(--gold);border-color:var(--gold-line);background:var(--gold-bg)}body .app .list-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 4px;display:flex}body .app .list-item:last-child{border-bottom:none}body .app .li-avatar{background:var(--blue-bg);width:38px;height:38px;color:var(--blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}body .app .li-main{flex:1;min-width:0}body .app .li-main b{color:var(--text);font-size:13px;display:block}body .app .li-main span{color:var(--text-3);font-size:12px}body .app .empty-state{text-align:center;color:var(--text-3);padding:46px 20px}body .app .empty-state i{color:var(--border-strong);font-size:34px}body .app .empty-state p{margin-top:8px;font-size:13px}body .app .spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;margin:0 auto;animation:.7s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}body .app .error-msg,body .app .wa-qr-img-wrap{border-radius:12px}body .app kbd{font-family:inherit}body .app .u-text-danger{color:var(--red)}body .app .u-text-muted{color:var(--text-3)}body .app .legal-footer{border-top:1px solid var(--border);width:100%;max-width:1240px;color:var(--text-3);margin:40px auto 0;padding:18px 0 0;font-size:12px}body .app .legal-footer a{color:var(--gold);cursor:pointer}body .app .onb-overlay,.onb-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070cc7;justify-content:center;align-items:center;padding:20px;animation:.25s onb-fade;display:flex;position:fixed;inset:0}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}.onb-modal{background:var(--bg-surface-solid);border:1px solid var(--accent-border-hover);border-radius:16px;width:560px;max-width:100%;max-height:92vh;padding:26px 28px;animation:.32s cubic-bezier(.4,0,.2,1) onb-up;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes onb-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.onb-top{align-items:center;gap:10px;margin-bottom:18px;display:flex}.onb-top .sb-logo-badge{border-radius:12px;flex-shrink:0;width:34px;height:34px}.onb-top b{letter-spacing:-.2px;color:var(--text-primary);font-size:14px;font-weight:700}.onb-count{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:600}.onb-skip{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;transition:color .2s}.onb-skip:hover{color:var(--accent)}.onb-meter{gap:6px;margin-bottom:22px;display:flex}.onb-meter span{background:var(--border);border-radius:12px;flex:1;height:4px;transition:background .2s}.onb-meter span.on{background:var(--accent)}.onb-step{display:none}.onb-step.on{animation:.3s onb-up;display:block}.onb-step h2{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 6px;font-size:20px;font-weight:700}.onb-sub{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.55}.onb-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.onb-step .hint{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.onb-step .frow label{color:var(--text-primary);font-size:13px;font-weight:500}.onb-modal .btn{width:auto}body .app select,body .app select option,body .app select optgroup,#modal-container select,#modal-container select option{background-color:var(--bg-elevated-solid,#0d1117);color:var(--text-primary)}body .app select option:checked,body .app select option:hover,#modal-container select option:checked,#modal-container select option:hover{background-color:var(--accent-bg,#5b55c424);color:var(--text-primary)}body .app select option:disabled{color:var(--text-muted)}body .app select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px!important}body .app select[multiple]{background-image:none}body .app select option{padding:8px 10px}body .app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] body .app,[data-theme=light][data-theme] .app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--m-bg:#080c14;--m-surface:#0d1117;--m-border:#ffffff14;--m-border-strong:#ffffff1f;--m-text:#f8fafc;--m-text-2:#aab9ce;--m-text-3:#7e93b0;--m-gold:#7873da;--m-gold-bg:#7873da24;--m-gold-line:#7873da59;--m-green:#22c55e;--m-green-bg:#22c55e21;--m-red:#ef4444;--m-red-bg:#ef44441f;--m-blue:#3b82f6;--m-blue-bg:#3b82f621;--m-shadow:0 20px 60px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--m-bg:#f4f6f9;--m-surface:#fff;--m-border:#e5e9f0;--m-border-strong:#d4dae3;--m-text:#171934;--m-text-2:#66678b;--m-text-3:#8a8bad;--m-gold:#5b55c4;--m-gold-bg:#f0efff;--m-gold-line:#deddfc;--m-shadow:0 8px 24px #0f172a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#modal-container .modal-overlay{z-index:90;-webkit-backdrop-filter:blur(8px);background:#04070cc7;justify-content:center;align-items:center;padding:20px;animation:.22s m-fade;display:flex;position:fixed;inset:0}@keyframes m-fade{0%{opacity:0}to{opacity:1}}#modal-container .modal{background:var(--m-surface);border:1px solid var(--m-border);width:90%;max-width:400px;color:var(--m-text);box-shadow:var(--m-shadow);border-radius:16px;padding:24px;font-size:13px;animation:.28s cubic-bezier(.4,0,.2,1) m-up}@keyframes m-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#modal-container .modal h3{letter-spacing:-.2px;color:var(--m-text);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}#modal-container .card-h{border-bottom:1px solid var(--m-border);justify-content:space-between;align-items:center;margin:-4px -4px 16px;padding:0 4px 12px;display:flex}#modal-container .card-h h3{margin:0;font-size:14px}#modal-container .form-group{margin-bottom:14px}#modal-container .form-group label{color:var(--m-text);margin-bottom:6px;font-size:13px;font-weight:500;display:block}#modal-container input:not([type=checkbox]):not([type=radio]),#modal-container select,#modal-container textarea{background:var(--m-bg);border:1px solid var(--m-border-strong);width:100%;color:var(--m-text);box-shadow:none;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s}#modal-container input:focus,#modal-container select:focus,#modal-container textarea:focus{border-color:var(--m-gold);box-shadow:0 0 0 3px var(--m-gold-bg)}#modal-container input[type=checkbox]{width:auto;accent-color:var(--m-gold);cursor:pointer}#modal-container select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}#modal-container select option{background:var(--m-surface);color:var(--m-text);padding:8px 10px}#modal-container textarea{resize:vertical;line-height:1.6}#modal-container ::placeholder{color:var(--m-text-3)}#modal-container .btn,#modal-container button[class*=btn-]{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;transition:all .18s;display:inline-flex}#modal-container .btn-primary,#modal-container .btn-gold{background:var(--m-gold);color:#080c14;border-color:#0000}#modal-container .btn-primary:hover,#modal-container .btn-gold:hover{opacity:.88}#modal-container .btn-secondary,#modal-container .btn-ghost{color:var(--m-text-2);border-color:var(--m-border-strong);background:0 0}#modal-container .btn-secondary:hover,#modal-container .btn-ghost:hover{color:var(--m-gold);border-color:var(--m-gold-line)}#modal-container .btn-danger{background:var(--m-red-bg);color:var(--m-red);border-color:#ef44444d}#modal-container .btn[disabled]{opacity:.6;cursor:not-allowed}#modal-container .u-text-danger{color:var(--m-red)}#modal-container .badge{border-radius:18px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}#modal-container .badge-gold{background:var(--m-gold-bg);color:var(--m-gold)}#modal-container .badge-green{background:var(--m-green-bg);color:var(--m-green)}#modal-container .badge-blue{background:var(--m-blue-bg);color:var(--m-blue)}#modal-container .badge-red{background:var(--m-red-bg);color:var(--m-red)}#modal-container .modal-plan-card{border:1px solid var(--m-border);background:var(--m-bg);border-radius:12px;margin-bottom:12px;padding:16px}#modal-container .modal-plan-card .plan-name{color:var(--m-text);font-size:13px;font-weight:700}#modal-container .modal-plan-card .plan-price{color:var(--m-gold);margin:4px 0 12px;font-size:16px;font-weight:700}#modal-container .modal-plan-card .plan-price span{color:var(--m-text-3);font-size:11px;font-weight:400}.sb-logo-img{flex-shrink:0;width:auto;height:28px;display:block}.app.sb-collapsed .sb-logo-img{display:none}[data-theme=light] .sb-logo-img{filter:none}
