*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}:root{--bg0:#f8fafc;--bg1:#ffffff;--bg2:#f1f5f9;--bg3:#e2e8f0;--bg4:#cbd5e1;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.15);--text1:#0f172a;--text2:#475569;--text3:#64748b;--blue:#2563eb;--blue2:#1d4ed8;--blue-bg:rgba(37,99,235,0.12);--blue-border:rgba(37,99,235,0.3);--green:#16a34a;--green2:#15803d;--green-bg:rgba(22,163,74,0.1);--amber:#d97706;--red:#dc2626;--purple:#7c3aed}.dark{--bg0:#0d0d0d;--bg1:#141414;--bg2:#1c1c1c;--bg3:#242424;--bg4:#2a2a2a;--border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.13);--text1:#f1f1f1;--text2:#a0a0a0;--text3:#666;--blue:#3b82f6;--blue2:#1d4ed8;--blue-bg:rgba(59,130,246,0.12);--blue-border:rgba(59,130,246,0.3);--green:#22c55e;--green2:#16a34a;--green-bg:rgba(34,197,94,0.1);--amber:#f59e0b;--red:#ef4444;--purple:#a78bfa}body{background:var(--bg0);color:var(--text1);font-family:Segoe UI,system-ui,sans-serif;font-size:16px;flex-direction:column}.shell,body{height:100vh;display:flex}.shell{flex:1;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg1);border-right:.5px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.s-logo{padding:14px 16px 12px;gap:9px;border-bottom:.5px solid var(--border)}.logo-mark,.s-logo{display:flex;align-items:center}.logo-mark{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:6px;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.logo-txt{font-size:16px;font-weight:600;color:var(--text1)}.user-card{margin:10px;padding:10px;background:var(--bg2);border:.5px solid var(--border);border-radius:8px}.uc-row{gap:8px}.av,.uc-row{display:flex;align-items:center}.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#22c55e);justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.av,.uc-name{font-size:15px}.uc-name{font-weight:600}.uc-since{font-size:13px;color:var(--text2);margin-top:1px}.uc-id{display:inline-block;background:rgba(59,130,246,.15);border:.5px solid var(--blue-border);color:#93c5fd;padding:2px 6px;border-radius:3px;margin-top:4px}.nav-label,.uc-id{font-size:12px;font-weight:600}.nav-label{padding:10px 14px 3px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:15px;cursor:pointer;color:var(--text2);border-left:3px solid transparent;transition:all .15s;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:var(--bg2);color:var(--text1)}.nav-item.active{background:rgba(59,130,246,.1);color:#93c5fd;border-left-color:var(--blue)}.nav-icon{font-size:18px;width:17px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:12px;padding:1px 5px;border-radius:8px;font-weight:700}.sidebar-footer{margin-top:auto;border-top:.5px solid var(--border);padding-bottom:20px}.main{flex:1;overflow-y:auto;background:var(--bg0)}.page{display:none;padding:20px;min-height:100%}.page.active{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-title{font-size:21px;font-weight:600}.page-sub{font-size:14px;color:var(--text2);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:8px}.tb-btn{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:6px 12px;font-size:14px;color:var(--text2);cursor:pointer}.tb-btn:hover{border-color:var(--border2)}.tb-btn.primary{background:var(--blue2);color:#fff;border-color:var(--blue2)}.card{background:var(--bg1);border:.5px solid var(--border);border-radius:10px;padding:14px}.card-title{font-size:15px;font-weight:600;color:var(--text1);margin-bottom:10px;justify-content:space-between}.card-title,.card-title-left{display:flex;align-items:center;gap:6px}.card-link{font-size:13px;color:var(--blue);cursor:pointer}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{grid-template-columns:1fr 1fr 1fr}.g3,.g4{display:grid;gap:10px}.g4{grid-template-columns:1fr 1fr 1fr 1fr}.stat{background:var(--bg1);border:.5px solid var(--border);border-radius:10px;padding:14px;text-align:center}.stat-num{font-size:25px;font-weight:600;margin-bottom:3px}.stat-label{font-size:13px;color:var(--text2)}.prog{height:5px;background:var(--bg3);overflow:hidden;margin:5px 0}.prog,.prog-fill{border-radius:3px}.prog-fill{height:100%;transition:width .6s ease}.pill{display:inline-flex;align-items:center;gap:3px;font-size:12px;padding:2px 7px;border-radius:3px;font-weight:600;white-space:nowrap}.pill-blue{background:rgba(59,130,246,.15);color:#93c5fd;border:.5px solid rgba(59,130,246,.25)}.pill-green{background:rgba(34,197,94,.12);color:#86efac;border:.5px solid rgba(34,197,94,.2)}.pill-amber{background:rgba(245,158,11,.12);color:#fcd34d;border:.5px solid rgba(245,158,11,.2)}.pill-gray{background:var(--bg3);color:var(--text2);border:.5px solid var(--border)}.pill-red{background:rgba(239,68,68,.12);color:#fca5a5;border:.5px solid rgba(239,68,68,.2)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:7px;cursor:pointer;font-size:15px;font-weight:500;padding:7px 14px;transition:opacity .15s}.btn:hover{opacity:.85}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:var(--green2);color:#fff}.btn-ghost{background:var(--bg2);color:var(--text2);border:.5px solid var(--border)}.btn-outline{background:transparent;color:var(--blue);border:.5px solid var(--blue-border)}.welcome-banner{background:linear-gradient(135deg,#1e3a7a,#142d5a 50%,#0f3d2b);border:.5px solid rgba(59,130,246,.2);border-radius:12px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#ffffff}.wb-h{font-size:20px;font-weight:600;margin-bottom:4px;color:#ffffff}.wb-p{font-size:14px;color:rgba(255,255,255,.7)}.streak-box{background:rgba(0,0,0,.3);border-radius:8px;padding:10px 16px;text-align:center;min-width:80px}.streak-n{font-size:27px;font-weight:700;line-height:1}.streak-lbl{font-size:13px;color:rgba(255,255,255,.65);margin-top:2px}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:220px}.bc-bar{flex:1;border-radius:3px 3px 0 0;min-width:0}.bc-labels{display:flex;gap:6px;margin-top:5px}.bc-lbl{flex:1;font-size:12px;color:var(--text3);text-align:center}.donut-wrap{display:flex;align-items:center;gap:14px}.donut-svg{flex-shrink:0}.donut-legend .leg-item{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:5px}.leg-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.act-list{display:flex;flex-direction:column;gap:8px}.act-item{display:flex;align-items:flex-start;gap:9px}.act-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.act-text{flex:1;font-size:14px;color:var(--text2);line-height:1.45}.act-time{font-size:12px;color:var(--text3);white-space:nowrap;margin-top:1px}.course-card{background:var(--bg1);border:.5px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s}.course-card:hover{border-color:var(--border2)}.cc-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:39px;border-bottom:.5px solid var(--border)}.cc-body{padding:12px}.cc-cat{font-size:12px;color:var(--blue);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.cc-title{font-size:15px;font-weight:600;margin-bottom:5px;line-height:1.4}.cc-inst{margin-bottom:6px}.cc-inst,.cc-meta{font-size:13px;color:var(--text2)}.cc-meta{display:flex;align-items:center;justify-content:space-between}.stars{color:var(--amber);font-size:13px}.cc-price{font-weight:600;color:var(--text1)}.level-card{background:var(--bg1);border:.5px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden}.lc-header{padding:12px 14px;gap:10px;cursor:pointer}.lc-header,.lc-num{display:flex;align-items:center}.lc-num{width:34px;height:34px;border-radius:8px;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.lc-done .lc-num{background:rgba(34,197,94,.15);color:#86efac}.lc-active .lc-num{background:rgba(59,130,246,.15);color:#93c5fd}.lc-pay .lc-num{background:rgba(245,158,11,.12);color:#fcd34d}.lc-lock .lc-num{background:var(--bg3);color:var(--text3)}.lc-info{flex:1}.lc-title{font-size:16px;font-weight:600;margin-bottom:2px}.lc-meta{font-size:13px;color:var(--text2)}.lc-body{border-top:.5px solid var(--border);padding:12px 14px}.module-row{font-size:14px;color:var(--text2);padding:4px 0}.lesson-row,.module-row{display:flex;align-items:center;gap:6px}.lesson-row{font-size:13px;color:var(--text3);padding:2px 0 2px 22px}.lcheck{width:13px;height:13px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px}.lc-done-dot{background:var(--green);color:#fff}.lc-active-dot{background:var(--blue);color:#fff}.lc-empty-dot{border:.5px solid var(--border2)}.player-shell{display:grid;grid-template-columns:260px 1fr;min-height:520px;border:.5px solid var(--border);border-radius:10px;overflow:hidden;transition:grid-template-columns .3s ease}.player-shell.sidebar-closed{grid-template-columns:0 1fr}.player-tree{background:var(--bg1);border-right:.5px solid var(--border);overflow-y:auto;height:100%;transition:opacity .2s,width .3s}.player-shell.sidebar-closed .player-tree{opacity:0;overflow:hidden;border-right:none}.pt-header{padding:10px 12px;border-bottom:.5px solid var(--border);font-size:14px;font-weight:600;color:var(--text1);background:var(--bg2);justify-content:space-between}.pt-header,.pt-header-btn{display:flex;align-items:center}.pt-header-btn{background:transparent;border:none;color:var(--text2);cursor:pointer;justify-content:center;padding:4px;border-radius:4px}.pt-header-btn:hover{background:var(--bg3);color:var(--text1)}.pt-level{padding:6px 10px;font-size:13px;font-weight:600;color:var(--blue);background:rgba(59,130,246,.07);border-bottom:.5px solid var(--border)}.pt-module{padding:5px 10px 5px 14px;font-weight:600}.pt-lesson,.pt-module{font-size:13px;color:var(--text2);border-bottom:.5px solid var(--border);display:flex;align-items:center;gap:6px}.pt-lesson{padding:5px 10px 5px 22px;cursor:pointer}.pt-lesson:hover{background:var(--bg2)}.pt-lesson.active{background:rgba(59,130,246,.1);color:#93c5fd}.pt-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.player-main{display:flex;flex-direction:column;background:var(--bg0);position:relative;height:100%}.player-sidebar-toggle{position:absolute;top:10px;left:10px;z-index:50;background:rgba(0,0,0,.5);border:none;color:white;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.player-sidebar-toggle:hover{background:rgba(0,0,0,.8)}.video-area{background:#000;height:65vh;min-height:300px;display:flex;flex-direction:column;position:relative}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.play-btn-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(59,130,246,.85);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;z-index:10;transition:transform .2s}.play-btn-big:hover{transform:translate(-50%,-50%) scale(1.1)}.video-label{position:absolute;top:15px;left:15px;font-size:14px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.5);padding:4px 10px;border-radius:4px;z-index:10;display:none}.video-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:30px 15px 10px;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .2s}.video-area:hover .video-controls-overlay{opacity:1}.video-progress-container{height:5px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer;position:relative;display:flex;align-items:center}.video-progress-container:hover{height:7px}.video-progress-fill{height:100%;background:var(--blue);border-radius:2px;position:relative}.video-progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;border-radius:50%;background:var(--blue);transition:transform .1s}.video-progress-container:hover .video-progress-thumb{transform:translateY(-50%) scale(1)}.video-controls-row{display:flex;align-items:center;justify-content:space-between;color:white}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:15px}.vc-btn{background:transparent;border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center}.vc-btn:hover{color:var(--blue)}.vc-time{font-size:13px;font-variant-numeric:tabular-nums}.volume-container{display:flex;align-items:center;gap:8px}.volume-slider{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--blue);cursor:pointer}.volume-container:hover .volume-slider{width:60px;opacity:1}.lesson-content{flex:1;padding:14px;overflow-y:auto}.lc-lesson-title{font-size:17px;font-weight:600;margin-bottom:6px}.lc-lesson-meta{font-size:14px;color:var(--text2);gap:10px;align-items:center}.lc-lesson-meta,.lc-tabs{margin-bottom:12px;display:flex}.lc-tabs{gap:0;border-bottom:.5px solid var(--border)}.lc-tab{padding:6px 12px;font-size:14px;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-.5px}.lc-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.note-area{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:10px;font-size:14px;color:var(--text2);min-height:60px;line-height:1.5}.player-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-top:.5px solid var(--border);background:var(--bg1)}.chat-shell{display:grid;grid-template-columns:300px 1fr;border:.5px solid var(--border);border-radius:10px;overflow:hidden;height:480px}.chat-list{background:var(--bg1);border-right:.5px solid var(--border);overflow-y:auto}.chat-list-header{padding:10px 12px;font-size:15px;font-weight:600}.chat-convo,.chat-list-header{border-bottom:.5px solid var(--border)}.chat-convo{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer}.chat-convo.active,.chat-convo:hover{background:var(--bg2)}.chat-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.chat-name{font-size:14px;font-weight:500}.chat-preview{font-size:13px;color:var(--text2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px}.chat-time{font-size:12px;color:var(--text3);margin-left:auto;flex-shrink:0}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.chat-main{display:flex;flex-direction:column;background:var(--bg0)}.chat-topbar{padding:10px 14px;border-bottom:.5px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg1)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg{max-width:70%;font-size:14px;line-height:1.5}.msg-them{align-self:flex-start;background:var(--bg2);padding:8px 10px;border-radius:0 8px 8px 8px}.msg-me{align-self:flex-end;background:rgba(59,130,246,.2);border:.5px solid rgba(59,130,246,.25);padding:8px 10px;border-radius:8px 0 8px 8px}.msg-sender{margin-bottom:3px}.msg-sender,.msg-time{font-size:12px;color:var(--text3)}.msg-time{margin-top:3px;text-align:right}.chat-input-row{display:flex;gap:6px;padding:10px 12px;border-top:.5px solid var(--border);background:var(--bg1)}.chat-input{flex:1;background:var(--bg2);border:.5px solid var(--border);border-radius:20px;padding:7px 12px;font-size:14px;color:var(--text1);outline:none}.chat-send{background:var(--blue);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;color:#fff;flex-shrink:0}.wa-convo{padding:0 0 0 12px;border-bottom:none;gap:12px}.wa-convo.active,.wa-convo:hover{background:var(--bg2)}.wa-bg{background-color:#efeae2}.dark .wa-bg{background-color:#0b141a}.wa-msg-me{position:relative;align-self:flex-end;background:#dcf8c6;border-radius:12px 0 12px 12px;color:#111b21;box-shadow:0 2px 4px rgba(0,0,0,.15);padding:10px 14px;margin-bottom:4px}.dark .wa-msg-me{background:#005c4b;color:#e9edef;box-shadow:0 2px 4px rgba(0,0,0,.3)}.wa-msg-them{position:relative;align-self:flex-start;background:#ffffff;border-radius:0 12px 12px 12px;color:#111b21;box-shadow:0 2px 4px rgba(0,0,0,.15);padding:10px 14px;margin-bottom:4px}.dark .wa-msg-them{background:#202c33;color:#e9edef;box-shadow:0 2px 4px rgba(0,0,0,.3)}.wa-msg-time{font-size:11px;color:rgba(0,0,0,.45)}.dark .wa-msg-time{color:rgba(255,255,255,.6)}.wa-tail{position:absolute;top:0;width:0;height:0;border-style:solid}.wa-tail-me{right:-10px;border-color:#dcf8c6 transparent transparent;border-style:solid;border-width:12px 10px 0 0}.dark .wa-tail-me{border-top-color:#005c4b}.wa-tail-them{left:-10px;border-color:#ffffff transparent transparent;border-style:solid;border-width:12px 0 0 10px}.dark .wa-tail-them{border-top-color:#202c33}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:.5px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-item.clickable{cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;padding:12px;border-radius:8px;border-bottom:none;margin-bottom:4px}.notif-item.clickable:hover{background:var(--bg2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.notif-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notif-body{flex:1}.notif-title{font-size:15px;font-weight:500;margin-bottom:2px}.notif-desc{font-size:14px;color:var(--text2);line-height:1.4}.notif-time{font-size:12px;color:var(--text3);margin-top:3px}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:4px}.profile-hero{background:linear-gradient(135deg,#1e3a7a,#0f3d2b);border-radius:10px;padding:20px;gap:16px;margin-bottom:14px;color:#ffffff}.profile-av,.profile-hero{display:flex;align-items:center}.profile-av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#22c55e);justify-content:center;font-size:27px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.15)}.profile-name{font-size:21px;font-weight:600;margin-bottom:3px;color:#ffffff}.profile-role{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:6px}.badge-row{display:flex;gap:5px;flex-wrap:wrap}.settings-layout{display:grid;grid-template-columns:180px 1fr;gap:14px}.settings-nav .sn-item{padding:7px 10px;font-size:14px;cursor:pointer;border-radius:6px;color:var(--text2);margin-bottom:2px}.settings-nav .sn-item.active,.settings-nav .sn-item:hover{background:var(--bg2);color:var(--text1)}.settings-nav .sn-item.active{color:var(--blue)}.form-group{margin-bottom:14px}.form-label{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:8px 10px;font-size:15px;color:var(--text1);outline:none}.form-input:focus{border-color:rgba(59,130,246,.5)}.form-select{width:100%;background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:8px 10px;font-size:15px;color:var(--text1)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:.5px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info .ti-label{font-size:15px;font-weight:500}.toggle-info .ti-desc{font-size:13px;color:var(--text2);margin-top:2px}.switch{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;flex-shrink:0}.switch.on{background:var(--blue)}.switch.off{background:var(--bg3);border:.5px solid var(--border2)}.switch-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}.switch.on .switch-thumb{left:18px}.switch.off .switch-thumb{left:2px}.pay-table{width:100%;border-collapse:collapse;font-size:14px}.pay-table th{text-align:left;padding:6px 8px;font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.pay-table td,.pay-table th{border-bottom:.5px solid var(--border)}.pay-table td{padding:8px;color:var(--text2)}.pay-table td:first-child{color:var(--text1);font-weight:500}.pay-table tr:last-child td{border-bottom:none}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ach-card{background:var(--bg2);border:.5px solid var(--border);border-radius:8px;padding:12px;text-align:center}.ach-card.earned{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}.ach-icon{font-size:29px;margin-bottom:5px}.ach-name{font-size:13px;font-weight:600;margin-bottom:2px}.ach-desc{font-size:12px;color:var(--text2)}.ach-card.locked .ach-icon{filter:grayscale(1);opacity:.4}.ach-card.locked .ach-name{color:var(--text3)}.chatbot-panel{position:fixed;bottom:16px;right:16px;width:300px;background:var(--bg1);border:.5px solid var(--border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.5)}.cb-header{background:linear-gradient(135deg,#1e3a7a,#0f3d2b);padding:10px 12px;display:flex;align-items:center;gap:8px}.cb-messages{padding:10px;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.cb-msg-ai{background:var(--bg2);border-radius:0 7px 7px 7px;line-height:1.45}.cb-msg-ai,.cb-msg-user{padding:7px 9px;font-size:14px}.cb-msg-user{background:rgba(59,130,246,.15);border:.5px solid var(--blue-border);border-radius:7px 0 7px 7px;align-self:flex-end;max-width:80%}.cb-input-row{display:flex;gap:6px;padding:8px 10px;border-top:.5px solid var(--border)}.cb-input{flex:1;background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:6px 8px;font-size:14px;color:var(--text1);outline:none}.cb-send{background:var(--blue);border:none;border-radius:5px;width:26px;height:26px;font-size:16px;color:#fff;flex-shrink:0}.cb-send,.chatbot-fab{display:flex;align-items:center;justify-content:center;cursor:pointer}.chatbot-fab{position:fixed;bottom:16px;right:16px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#22c55e);border:none;font-size:23px;z-index:99;box-shadow:0 4px 16px rgba(59,130,246,.4)}.page-tabs{display:flex;gap:2px;margin-bottom:14px;background:var(--bg1);border:.5px solid var(--border);border-radius:8px;padding:3px}.ptab{padding:6px 14px;font-size:14px;cursor:pointer;border-radius:5px;color:var(--text2)}.ptab.active{background:var(--bg3);color:var(--text1);font-weight:500}.modal-bg{background:rgba(0,0,0,.6);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal-box{background:var(--bg1);border:.5px solid var(--border);border-radius:12px;overflow:hidden;width:100%;max-width:380px}.modal-head{padding:14px 16px;border-bottom:.5px solid var(--border);display:flex;align-items:center;gap:8px}.modal-body{padding:16px}.price-line{font-size:14px;color:var(--text2);margin-bottom:6px}.price-line,.price-total{display:flex;justify-content:space-between}.price-total{font-size:16px;font-weight:600;color:var(--text1);border-top:.5px solid var(--border);padding-top:8px;margin-top:4px}.filter-bar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filter-input{flex:1;min-width:140px;color:var(--text1);outline:none}.filter-input,.filter-select{background:var(--bg1);border:.5px solid var(--border);border-radius:7px;padding:7px 10px;font-size:14px}.filter-select,.section-label{color:var(--text2)}.section-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;margin-top:4px}.page-nav-wrap{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px;margin-bottom:6px;-ms-overflow-style:none;scrollbar-width:none}.page-nav-wrap::-webkit-scrollbar{display:none}.pnav-btn{background:var(--bg2);border:.5px solid var(--border);border-radius:20px;padding:5px 12px;font-size:13px;color:var(--text2);cursor:pointer;white-space:nowrap;flex-shrink:0}.pnav-btn.active{background:rgba(59,130,246,.15);border-color:var(--blue-border);color:#93c5fd}.cb-messages::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.main::-webkit-scrollbar,.player-tree::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-track,.player-tree::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb,.player-tree::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:600px){.sidebar{width:180px;min-width:180px}.g4{grid-template-columns:1fr 1fr}}