:root{--primary: #5b4be0;--primary-bright: #6d5df6;--accent: #c44dec;--coral: #ff6b5c;--hero: linear-gradient(135deg, #5b4be0 0%, #c44dec 55%, #ff6b5c 120%);--ink: #1f1b2e;--muted: #6e6980;--line: #ece8f7;--surface: #ffffff;--canvas: #f6f4fd;--surface-muted: #f0ecfb;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--radius: 16px;--shadow: 0 10px 30px rgba(91, 75, 224, .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}.logo-badge{width:36px;height:36px;border-radius:11px;background:var(--hero);color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px;box-shadow:var(--shadow)}.logo-badge.lg{width:56px;height:56px;border-radius:16px;font-size:26px}.brand{display:flex;align-items:center;gap:12px}.brand.center{flex-direction:column;gap:10px;margin-bottom:8px}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.3px}.brand-name.lg{font-size:22px}.brand-sub{font-size:12px;color:var(--muted);font-weight:600}.muted{color:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;background:var(--hero);color:#fff;font-weight:700;font-size:14px;padding:11px 20px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,opacity .15s ease}.btn:hover{opacity:.94}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--surface-muted);color:var(--primary);box-shadow:none}.btn.danger{background:#fdeceb;color:var(--danger);box-shadow:none}.btn.sm{padding:7px 14px;font-size:13px}.splash{height:100%;display:grid;place-content:center;justify-items:center;gap:14px}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 20% -10%,rgba(196,77,236,.12),transparent),var(--canvas)}.auth-card{width:100%;max-width:380px;background:var(--surface);border-radius:24px;padding:32px 28px;box-shadow:var(--shadow);text-align:center}.auth-card h1{font-size:20px;margin:14px 0 18px}.auth-card form{display:grid;gap:12px;text-align:start}.auth-card label{font-size:13px;color:var(--muted);font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px #6d5df626}.error{color:var(--danger);font-size:13px;margin:6px 0 0}.auth-card .hint{font-size:12px;margin:16px 0 0}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;gap:22px}.nav-list{display:flex;flex-direction:column;gap:6px;flex:1}.nav{text-align:start;border:none;background:transparent;color:var(--ink);font-weight:600;font-size:14px;padding:11px 13px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px}.nav:hover{background:var(--surface-muted)}.nav.active{background:var(--surface-muted);color:var(--primary)}.nav-ico{font-size:16px}.sidebar-foot{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}.who{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:28px 32px;overflow:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{font-size:24px;margin:0 0 4px}.page-head p{margin:0;font-size:14px;max-width:560px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filters .search{max-width:280px}.filters select{width:auto}.count{margin-inline-start:auto;color:var(--muted);font-size:13px}.loading,.empty{color:var(--muted);padding:40px;text-align:center}.table-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}tr:last-child td{border-bottom:none}.cell-title{font-weight:600}.cell-sub{font-size:12px;color:var(--muted)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:capitalize}.pill.low{background:#e7f7ee;color:var(--success)}.pill.medium{background:#fdf2e2;color:var(--warning)}.pill.high{background:#fdeceb;color:var(--danger)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.video-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.video-card.off{opacity:.6}.video-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--surface-muted)}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.badge-off{position:absolute;top:8px;left:8px;background:#0009;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.video-meta{padding:12px 14px 6px;flex:1}.video-topic{margin-top:6px;font-size:12px;color:var(--primary);font-weight:600}.video-actions{display:flex;gap:6px;padding:10px 14px 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b2e73;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:620px;max-height:90vh;overflow:auto;background:var(--surface);border-radius:22px;box-shadow:0 24px 60px #1f1b2e4d}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface)}.modal-head h2{font-size:18px;margin:0}.x{border:none;background:var(--surface-muted);width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;color:var(--muted)}.modal-body{padding:22px}.form{display:grid;gap:14px}.field{display:grid;gap:5px}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.kpi-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:18px;min-height:116px;display:flex;flex-direction:column;gap:6px}.kpi-card.skeleton{background:linear-gradient(100deg,#f3f0fc 30%,#ece8f7,#f3f0fc 70%);background-size:200% 100%;animation:shimmer 1.3s infinite;box-shadow:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px}.kpi-val{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.kpi-label{font-size:13px;color:var(--muted);font-weight:600}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.dot.on{background:var(--success)}.dot.off{background:var(--line)}.row-click{cursor:pointer}.row-click:hover{background:var(--surface-muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b2e73;display:flex;justify-content:flex-end;z-index:60}.drawer{width:min(560px,100%);height:100%;background:var(--surface);box-shadow:-16px 0 50px #1f1b2e40;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface)}.drawer-head h2{margin:0 0 2px;font-size:19px}.drawer-body{padding:18px 22px 32px}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.dsec{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:22px 0 10px}.dstat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.dstat{background:var(--surface-muted);border-radius:14px;padding:12px;text-align:center}.dstat-v{font-size:20px;font-weight:800;color:var(--primary)}.dstat-l{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.dfields{display:grid;gap:8px}.dfield{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding-bottom:8px;border-bottom:1px solid var(--line)}.dfield-l{color:var(--muted);font-weight:600}.dfield-v{text-align:end}.seg{display:inline-flex;background:var(--surface-muted);border-radius:999px;padding:3px;gap:2px}.seg-b{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;cursor:pointer}.seg-b.active{background:#fff;color:var(--primary);box-shadow:var(--shadow)}.bars{display:flex;align-items:flex-end;gap:4px;height:180px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.bar-col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:4px}.bar{width:100%;min-height:2px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#c44dec,#5b4be0);transition:height .4s ease}.bar-col:hover .bar{background:linear-gradient(180deg,#ff6b5c,#c44dec)}.plan-row{display:flex;flex-wrap:wrap;gap:10px}.plan-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:10px 14px;font-size:13px}.actions-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.role-pick{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.role-pick select{width:auto;padding:7px 10px}.dhead-id{display:flex;gap:12px;align-items:center}.avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;background:var(--hero, linear-gradient(135deg, #5b4be0, #c44dec))}.sub-card{margin-top:14px;border-radius:18px;padding:16px;background:linear-gradient(135deg,#f5f1ff,#fdf0ff);border:1px solid #ece4ff}.sub-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sub-plan{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.sub-meta{display:flex;gap:6px;margin-top:6px}.sub-remaining{text-align:end}.sub-rem-v{font-weight:800;color:var(--primary)}.sub-rem-l{font-size:11px;color:var(--muted);margin-top:2px}.pill.gift{background:#ffe9c2;color:#9a6212}.gift-msg{font-style:italic;color:#7a5a16;margin:10px 0;font-size:13px}.sub-card .btn.sm{margin-top:10px}.check{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}.check input{width:auto}.dur-row{display:flex;gap:10px}.dur-row label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.elabel{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.elabel input,.elabel select{width:100%}.help{position:relative;display:inline-flex;margin-inline-start:5px;cursor:help}.help-q{width:15px;height:15px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}.help-tip{visibility:hidden;opacity:0;position:absolute;bottom:130%;right:0;width:230px;background:#2b2545;color:#fff;font-size:12px;font-weight:500;line-height:1.5;padding:9px 11px;border-radius:10px;z-index:50;box-shadow:0 8px 24px #1f1b2e4d;transition:opacity .15s;pointer-events:none}.help:hover .help-tip,.help:focus .help-tip{visibility:visible;opacity:1}.note{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:13px;line-height:1.7}.note-ico{font-size:16px;flex-shrink:0}.note-info{background:#eef3ff;color:#2a3a66}.note-tip{background:#f3effe;color:#45357e}.note-warn{background:#fff3e6;color:#8a5a12}.note-title{display:block;margin-bottom:2px}.inote-q,.help-q.inline{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:800;vertical-align:middle;margin:0 2px}.preview-wrap{background:var(--surface-muted);border-radius:16px;padding:12px;margin-bottom:6px}.preview-label{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.fpreview{display:flex;gap:12px;background:#fff;border-radius:14px;padding:12px;box-shadow:var(--shadow)}.fpreview-img{width:72px;height:72px;border-radius:12px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#f0ecff,#fdeaff);display:grid;place-items:center}.fpreview-img img{width:100%;height:100%;object-fit:cover}.fpreview-ph{font-size:28px}.fpreview-body{flex:1;min-width:0}.fpreview-en{font-weight:800;font-size:15px}.fpreview-ar{color:var(--muted);font-size:13px}.fpreview-tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.fpreview-macros{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.fpreview-macros b{color:var(--text)}.fpreview-trig{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.fpreview-trig .trig{background:#ffeaea;color:#b53b3b;font-size:11px;padding:2px 8px;border-radius:999px}.fpreview-desc{font-size:12px;color:var(--muted);margin:6px 0 0}.thumb-cell{width:44px}.thumb{width:38px;height:38px;border-radius:9px;object-fit:cover;display:grid;place-items:center;background:var(--surface-muted);font-size:18px}.thumb.ph{display:grid}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#1f1b2e80;display:grid;place-items:center;padding:24px}.head-actions{display:flex;gap:8px}.import-panel{width:min(1100px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:0 30px 80px #1f1b2e66;overflow:hidden}.import-head,.import-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line)}.import-head h2{margin:0;font-size:18px}.import-foot{border-bottom:none;border-top:1px solid var(--line);gap:10px}.import-body{padding:18px 22px;overflow:auto}.import-actions-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.dropzone{border:2px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--muted);font-weight:600;background:var(--surface-muted)}.import-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.import-toolbar .bulk{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;color:var(--muted)}.import-toolbar .bulk input,.import-toolbar .bulk select{width:auto;padding:6px 8px}.import-grid-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;max-height:46vh}.import-grid{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.import-grid th{position:sticky;top:0;background:var(--surface-muted);padding:8px;text-align:start;font-size:11px}.import-grid td{padding:3px 5px;border-top:1px solid var(--line)}.import-grid input{width:110px;padding:5px 7px;font-size:12px}.import-grid tr.r-err{background:#fff1f1}.import-grid tr.r-dup{background:#fff8e9}.import-grid input.cell-bad{border-color:var(--danger);background:#fff1f1}.seg-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#5b4be024;color:var(--primary);font-size:11px;font-weight:800;margin-inline-start:4px}.seg-b.active .seg-count{background:#5b4be02e}.bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:8px 12px;margin-bottom:12px}table tr.sel{background:#f3f0fe}.plan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.plan-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:18px}.plan-card-head{display:flex;align-items:center;gap:8px}.plan-card-head b{font-size:16px}.plan-price{font-size:28px;font-weight:800;margin-top:8px}.plan-price .muted{font-size:14px;font-weight:600}.plan-sub{font-size:13px;margin-bottom:10px}.plan-limits{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:5px;font-size:13px;color:var(--text)}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.img-input{display:flex;flex-direction:column;gap:8px}.img-input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asst-fab{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:80;width:56px;height:56px;border:none;border-radius:50%;cursor:pointer;background:var(--hero);color:#fff;font-size:26px;box-shadow:0 12px 30px #5b4be066}.asst-fab:hover{transform:translateY(-2px)}.asst-wrap{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:80;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100vh - 60px));background:var(--surface);border-radius:22px;box-shadow:0 24px 70px #1f1b2e66;display:flex;flex-direction:column;overflow:hidden}.asst-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px;background:var(--hero);color:#fff}.asst-head .x{color:#fff}.asst-usage{font-size:11px;opacity:.9;margin-top:2px}.asst-usage .muted{color:#fffc}.asst-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--canvas)}.asst-welcome{color:var(--muted);font-size:13px;text-align:center;padding:20px 10px}.asst-msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.asst-msg.user{align-self:flex-end;background:var(--primary);color:#fff;border-end-end-radius:4px}.asst-msg.assistant{align-self:flex-start;background:var(--surface);box-shadow:var(--shadow);border-end-start-radius:4px}.asst-md code{background:var(--surface-muted);padding:1px 5px;border-radius:6px;font-size:12px}.asst-cmds{border-top:1px solid var(--line);max-height:200px;overflow-y:auto;background:var(--surface)}.asst-cmd{display:block;width:100%;text-align:start;border:none;background:transparent;padding:9px 14px;cursor:pointer;font-size:13px}.asst-cmd:hover{background:var(--surface-muted)}.asst-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);align-items:center}.asst-input input{flex:1}.sub-preview{background:var(--surface-muted);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--primary)}.audit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.asst-head-right{display:flex;align-items:center;gap:8px}.asst-lang{padding:2px;background:#ffffff40}.asst-lang .seg-b{padding:4px 9px;font-size:12px;color:#fff}.asst-lang .seg-b.active{color:var(--primary)}.mod-msg{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px}.mod-msg-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.mod-msg-head>.btn{margin-inline-start:auto}.mod-msg-body{font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap}.ann-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px}.ann-card.off{opacity:.6}.ann-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.ann-actions{margin-inline-start:auto;display:flex;gap:6px}.ann-body{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ann-body>div{min-width:0}.ntf-reach{text-align:center;background:var(--surface-muted);border-radius:14px;padding:8px 16px}.ntf-reach-v{font-size:22px;font-weight:800;color:var(--primary);line-height:1}.ntf-reach-l{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ok-msg{color:#16a34a;font-weight:700;margin:0}@media (max-width: 720px){.ann-body{grid-template-columns:1fr}}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;overflow-x:auto}.nav-list{flex-direction:row}.sidebar-foot{border:none;padding:0}.grid5,.grid2{grid-template-columns:1fr 1fr}.content{padding:18px}}