*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--surface3:#22222e;--border:#ffffff12;--border-hover:#ffffff24;--text:#f0f0f5;--text-muted:#7878a0;--text-dim:#4a4a6a;--accent:#6c5ce7;--accent-glow:#6c5ce740;--accent2:#00cec9;--green:#00b894;--green-bg:#00b8941f;--yellow:#fdcb6e;--yellow-bg:#fdcb6e1f;--red:#e17055;--red-bg:#e170551f;--blue:#74b9ff;--blue-bg:#74b9ff1f;--orange:#fd79a8;--sidebar-w:260px;--header-h:64px;--radius:12px;--radius-sm:8px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}body,html{background:#0a0a0f;background:var(--bg);color:#f0f0f5;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;height:100%;line-height:1.5}#root{display:flex;height:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#22222e;background:var(--surface3);border-radius:3px}.layout{display:flex;height:100%;overflow:hidden;width:100%}.sidebar{background:#111118;background:var(--surface);border-right:1px solid #ffffff12;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;min-width:260px;min-width:var(--sidebar-w);overflow-y:auto;width:260px;width:var(--sidebar-w)}.sidebar-logo{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);gap:10px;padding:24px 20px 20px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;color:#fff;flex-shrink:0;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.logo-icon,.logo-text{font-family:Syne,sans-serif;font-family:var(--font-display)}.logo-text{color:#f0f0f5;color:var(--text);font-size:18px;font-weight:700}.logo-sub{color:#7878a0;color:var(--text-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:16px 12px}.nav-section{margin-bottom:24px}.nav-section-label{color:#4a4a6a;color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;padding:0 10px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#7878a0;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;padding:9px 10px;position:relative;text-decoration:none;transition:all .15s ease}.nav-item:hover{background:#1a1a24;background:var(--surface2);color:#f0f0f5;color:var(--text)}.nav-item.active{background:#6c5ce740;background:var(--accent-glow);color:#f0f0f5;color:var(--text);font-weight:500}.nav-item.active:before{background:#6c5ce7;background:var(--accent);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-badge{background:#e17055;background:var(--red);border-radius:20px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.nav-badge.yellow{background:#fdcb6e;background:var(--yellow);color:#1a1a00}.sidebar-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border);padding:16px}.admin-info{background:#1a1a24;background:var(--surface2);border-radius:8px;border-radius:var(--radius-sm);gap:10px;padding:10px}.admin-avatar,.admin-info{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--accent),var(--orange));border-radius:50%;color:#fff;flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.admin-name{color:#f0f0f5;color:var(--text);font-size:13px;font-weight:500}.admin-role{color:#7878a0;color:var(--text-muted);font-size:11px}.logout-btn{background:none;border:none;border-radius:6px;color:#4a4a6a;color:var(--text-dim);cursor:pointer;font-size:16px;margin-left:auto;padding:4px;transition:color .15s}.logout-btn:hover{color:#e17055;color:var(--red)}.main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{align-items:center;background:#111118;background:var(--surface);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;gap:16px;height:64px;height:var(--header-h);justify-content:space-between;min-height:64px;min-height:var(--header-h);padding:0 28px}.page-title{color:#f0f0f5;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:700}.page-breadcrumb{color:#7878a0;color:var(--text-muted);font-size:12px}.header-right{gap:12px}.header-right,.header-search{align-items:center;display:flex}.header-search{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);gap:8px;min-width:240px;padding:8px 12px;transition:border-color .15s}.header-search:focus-within{border-color:#6c5ce7;border-color:var(--accent)}.header-search input{background:none;border:none;color:#f0f0f5;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;width:100%}.header-search input::placeholder{color:#4a4a6a;color:var(--text-dim)}.icon-btn{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#7878a0;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.icon-btn:hover{background:#22222e;background:var(--surface3);color:#f0f0f5;color:var(--text)}.content{flex:1 1;overflow-y:auto;padding:28px}.card{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.card-title{align-items:center;color:#f0f0f5;color:var(--text);display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:#ffffff24;border-color:var(--border-hover);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:14px;width:40px}.stat-icon.purple{background:#6c5ce740;background:var(--accent-glow);color:#6c5ce7;color:var(--accent)}.stat-icon.teal{background:#00cec926;color:#00cec9;color:var(--accent2)}.stat-icon.green{background:#00b8941f;background:var(--green-bg);color:#00b894;color:var(--green)}.stat-icon.yellow{background:#fdcb6e1f;background:var(--yellow-bg);color:#fdcb6e;color:var(--yellow)}.stat-icon.red{background:#e170551f;background:var(--red-bg);color:#e17055;color:var(--red)}.stat-icon.blue{background:#74b9ff1f;background:var(--blue-bg);color:#74b9ff;color:var(--blue)}.stat-value{color:#f0f0f5;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#7878a0;color:var(--text-muted);font-size:12px}.grid-2{grid-gap:20px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:1fr 1fr 1fr}.grid-2-1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{color:#4a4a6a;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody tr,thead th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:hover{background:#1a1a24;background:var(--surface2)}tbody tr:last-child{border-bottom:none}tbody td{color:#f0f0f5;color:var(--text);font-size:13px;padding:12px 14px;vertical-align:middle}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px;white-space:nowrap}.badge:before{border-radius:50%;content:"";height:5px;width:5px}.badge.active,.badge.approved,.badge.completed,.badge.paid{background:#00b8941f;background:var(--green-bg);color:#00b894;color:var(--green)}.badge.active:before,.badge.approved:before,.badge.completed:before,.badge.paid:before{background:#00b894;background:var(--green)}.badge.pending,.badge.processing{background:#fdcb6e1f;background:var(--yellow-bg);color:#fdcb6e;color:var(--yellow)}.badge.pending:before,.badge.processing:before{background:#fdcb6e;background:var(--yellow)}.badge.blocked,.badge.failed,.badge.inactive,.badge.rejected{background:#e170551f;background:var(--red-bg);color:#e17055;color:var(--red)}.badge.blocked:before,.badge.failed:before,.badge.inactive:before,.badge.rejected:before{background:#e17055;background:var(--red)}.badge.suspended{background:#fd79a826;color:#fd79a8;color:var(--orange)}.badge.suspended:before{background:#fd79a8;background:var(--orange)}.badge.featured{background:#74b9ff1f;background:var(--blue-bg);color:#74b9ff;color:var(--blue)}.badge.featured:before{background:#74b9ff;background:var(--blue)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#6c5ce7;background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#7c6cf0}.btn-ghost{background:#0000;border:1px solid #ffffff12;border:1px solid var(--border);color:#7878a0;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#1a1a24;background:var(--surface2);color:#f0f0f5;color:var(--text)}.btn-success{background:#00b8941f;background:var(--green-bg);border:1px solid #0000;color:#00b894;color:var(--green)}.btn-success:hover:not(:disabled){background:#00b89433}.btn-danger{background:#e170551f;background:var(--red-bg);border:1px solid #0000;color:#e17055;color:var(--red)}.btn-danger:hover:not(:disabled){background:#e1705533}.btn-warning{background:#fdcb6e1f;background:var(--yellow-bg);border:1px solid #0000;color:#fdcb6e;color:var(--yellow)}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{border-radius:6px;height:30px;padding:0;width:30px}.form-group{margin-bottom:16px}.form-label{color:#7878a0;color:var(--text-muted);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6c5ce7;border-color:var(--accent)}.form-input::placeholder{color:#4a4a6a;color:var(--text-dim)}.form-select{-webkit-appearance:none;appearance:none;cursor:pointer}.form-textarea{min-height:80px;resize:vertical}.filters-row{flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-search,.filters-row{align-items:center;display:flex}.filter-search{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;gap:8px;min-width:200px;padding:8px 12px}.filter-search input{background:none;border:none;color:#f0f0f5;color:var(--text);font-size:13px;outline:none;width:100%}.filter-search input::placeholder{color:#4a4a6a;color:var(--text-dim)}.pagination{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:8px;margin-top:16px;padding-top:16px}.pagination-info{color:#7878a0;color:var(--text-muted);flex:1 1;font-size:12px}.page-btns{display:flex;gap:4px}.page-btn{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;color:#7878a0;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .15s;width:30px}.page-btn:hover:not(:disabled){background:#22222e;background:var(--surface3);color:#f0f0f5;color:var(--text)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background:#6c5ce7;background:var(--accent);border-color:#6c5ce7;border-color:var(--accent);color:#fff}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{animation:slideUp .2s ease;background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;max-width:480px;padding:28px;width:100%}.modal-lg{max-width:640px}.modal-title{align-items:center;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.login-page{align-items:center;background:#0a0a0f;background:var(--bg);background-image:radial-gradient(ellipse 80% 80% at 50% -20%,#6c5ce726,#0000);display:flex;height:100%;justify-content:center;width:100%}.login-card{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;max-width:420px;padding:40px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-logo .logo-icon-lg{align-items:center;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:16px;color:#fff;display:flex;font-size:24px;font-weight:800;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.login-logo .logo-icon-lg,.login-title{font-family:Syne,sans-serif;font-family:var(--font-display)}.login-title{font-size:22px;font-weight:700}.login-sub{color:#7878a0;color:var(--text-muted);font-size:13px;margin-top:4px}.login-error{background:#e170551f;background:var(--red-bg);border:1px solid #e170554d;border-radius:8px;border-radius:var(--radius-sm);color:#e17055;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.login-btn{background:#6c5ce7;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px;transition:background .15s;width:100%}.login-btn:hover{background:#7c6cf0}.login-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff12;border-top-color:#6c5ce7;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:20px;width:20px}.toggle{background:#22222e;background:var(--surface3);border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.toggle.on{background:#6c5ce7;background:var(--accent)}.toggle:after{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.toggle.on:after{transform:translateX(18px)}.checkbox{align-items:center;background:#1a1a24;background:var(--surface2);border:1.5px solid #ffffff12;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;transition:all .15s;width:16px}.checkbox.checked{background:#6c5ce7;background:var(--accent);border-color:#6c5ce7;border-color:var(--accent);color:#fff}.progress-bar{background:#22222e;background:var(--surface3);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c5ce7,#00cec9);background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;height:100%;transition:width .5s ease}.custom-tooltip{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:12px;padding:10px 14px}.custom-tooltip .ct-label{color:#7878a0;color:var(--text-muted);margin-bottom:4px}.custom-tooltip .ct-value{color:#f0f0f5;color:var(--text);font-weight:600}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff12!important;stroke:var(--border)!important}.recharts-text{fill:#7878a0!important;fill:var(--text-muted)!important;font-family:DM Sans,sans-serif!important;font-family:var(--font-body)!important;font-size:11px!important}.settings-layout{align-items:flex-start;display:flex;gap:24px}.settings-drawer{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);min-width:220px;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;width:220px}.settings-drawer-group{margin-bottom:22px}.settings-drawer-group:last-child{margin-bottom:0}.settings-drawer-group-label{color:#4a4a6a;color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:4px;padding:0 10px;text-transform:uppercase}.settings-drawer-item{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#7878a0;color:var(--text-muted);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:400;padding:9px 10px;position:relative;text-align:left;transition:all .15s;width:100%}.settings-drawer-item:hover{background:#1a1a24;background:var(--surface2);color:#f0f0f5;color:var(--text)}.settings-drawer-item.active{background:#6c5ce740;background:var(--accent-glow);color:#f0f0f5;color:var(--text);font-weight:500}.settings-drawer-item.active:before{background:#6c5ce7;background:var(--accent);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.settings-content{flex:1 1;min-width:0}.settings-section{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden}.settings-section-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:24px 28px 20px}.settings-section-title{color:#f0f0f5;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:4px}.settings-section-desc{color:#7878a0;color:var(--text-muted);font-size:13px}.settings-body{padding:24px 28px}.settings-save-bar{background:#1a1a24;background:var(--surface2);border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:16px 28px}.settings-toggle-row{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-bottom:4px;padding:14px 0}.settings-toggle-row:last-of-type{border-bottom:none;margin-bottom:16px}.settings-toggle-label{color:#f0f0f5;color:var(--text);font-size:14px;font-weight:500;margin-bottom:2px}.settings-toggle-sub{color:#7878a0;color:var(--text-muted);font-size:12px}.settings-toggle-row--danger .settings-toggle-label{color:#e17055;color:var(--red)}.bc-list{border-top:1px solid #ffffff12;border-top:1px solid var(--border)}.bc-row{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:10px 28px;transition:background .1s}.bc-row:last-child{border-bottom:none}.bc-row:hover{background:#1a1a24;background:var(--surface2)}.bc-row--hidden{opacity:.45}.bc-row-view{gap:12px}.bc-row-edit,.bc-row-view{align-items:center;display:flex;min-height:40px}.bc-row-edit{flex-wrap:wrap;gap:8px}.bc-row-num{color:#4a4a6a;color:var(--text-dim);flex-shrink:0;font-size:11px;min-width:18px;text-align:right}.bc-color-dot{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:12px;width:12px}.bc-row-name{color:#f0f0f5;color:var(--text);flex:1 1;font-size:14px;font-weight:500}.bc-row-slug{background:#1a1a24;background:var(--surface2);border-radius:4px;color:#7878a0;color:var(--text-muted);font-family:monospace;font-size:11px;padding:2px 7px}.bc-row-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.bc-inline-color{background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:34px;padding:2px;width:34px}.bc-add-form{background:#1a1a24;background:var(--surface2);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:14px 28px 16px}.bc-add-fields{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.bc-add-fields .form-input{flex:1 1;min-width:120px}.bc-color-pick input[type=color]{background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:36px}.bc-add-actions{display:flex;gap:8px;justify-content:flex-end}.bc-empty{border-top:1px solid #ffffff12;border-top:1px solid var(--border);font-size:13px;padding:40px 28px;text-align:center}.bc-count,.bc-empty{color:#7878a0;color:var(--text-muted)}.bc-count{font-size:12px;margin-right:auto}.bc-parent{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}.bc-parent:last-child{border-bottom:none}.bc-row-padding{padding:10px 20px}.bc-expand-btn{align-items:center;background:none;border:none;border-radius:4px;color:#4a4a6a;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:9px;height:18px;justify-content:center;transition:color .15s,background .15s;width:18px}.bc-expand-btn:hover{background:#22222e;background:var(--surface3);color:#f0f0f5;color:var(--text)}.bc-sub-badge{background:#6c5ce740;background:var(--accent-glow);border-radius:20px;color:#6c5ce7;color:var(--accent);font-size:10px;font-weight:600;padding:1px 7px;white-space:nowrap}.bc-add-label{color:#4a4a6a;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.bc-sub-list{background:#0a0a0f;background:var(--bg);border-top:1px solid #ffffff12;border-top:1px solid var(--border);padding:6px 0 10px}.bc-sub-row{padding:5px 20px;transition:background .1s}.bc-sub-row:hover{background:#1a1a24;background:var(--surface2)}.bc-sub-row-view{align-items:center;display:flex;gap:10px;min-height:34px}.bc-sub-indent{flex-shrink:0;width:28px}.bc-sub-connector{flex-shrink:0;font-family:monospace;font-size:12px;width:12px}.bc-sub-connector,.bc-sub-num{color:#4a4a6a;color:var(--text-dim)}.bc-sub-num{font-size:10px;min-width:14px}.bc-sub-name{color:#7878a0;color:var(--text-muted);font-size:13px}.bc-sub-add-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:8px 20px 4px}.bc-sub-add-form .form-input{min-width:100px}.bc-sub-add-trigger{padding:6px 20px 2px}.bc-sub-empty{color:#4a4a6a;color:var(--text-dim);font-size:12px;font-style:italic;padding:6px 20px 2px 62px}.bs-list{border-top:1px solid #ffffff12;border-top:1px solid var(--border)}.bs-card{align-items:stretch;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;gap:0;transition:background .1s}.bs-card:last-child{border-bottom:none}.bs-card:hover{background:#ffffff03}.bs-card--hidden{opacity:.45}.bs-card-order{flex-direction:column;flex-shrink:0;gap:2px;padding:12px 8px 12px 16px}.bs-card-order,.bs-order-btn{align-items:center;display:flex;justify-content:center}.bs-order-btn{background:none;border:none;border-radius:4px;color:#4a4a6a;color:var(--text-dim);cursor:pointer;font-size:8px;height:22px;line-height:1;transition:all .15s;width:22px}.bs-order-btn:hover:not(:disabled){background:#22222e;background:var(--surface3);color:#f0f0f5;color:var(--text)}.bs-order-btn:disabled{cursor:not-allowed;opacity:.25}.bs-order-num{color:#4a4a6a;color:var(--text-dim);font-size:10px;font-weight:700;min-width:16px;text-align:center}.bs-card-preview{flex-shrink:0;min-width:190px;padding:14px 0 14px 8px;position:relative;width:190px}.bs-preview{aspect-ratio:16/9;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;width:100%}.bs-preview-content{padding:8px 10px}.bs-preview-title{color:#fff;font-size:10px;font-weight:700;line-height:1.3;text-shadow:0 1px 4px #0009}.bs-preview-sub{color:#ffffffd1;font-size:8px;line-height:1.3;margin-top:2px;text-shadow:0 1px 3px #00000080}.bs-preview-cta{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #ffffff59;border-radius:10px;color:#fff;display:inline-block;font-size:7px;font-weight:700;letter-spacing:.04em;margin-top:6px;padding:3px 8px}.bs-card-info{display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center;min-width:0;padding:14px 16px}.bs-card-title{color:#f0f0f5;color:var(--text);font-size:14px;font-weight:600}.bs-card-sub,.bs-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-card-sub{color:#7878a0;color:var(--text-muted);font-size:12px}.bs-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.bs-cta-chip{background:#6c5ce740;background:var(--accent-glow);border-radius:20px;color:#6c5ce7;color:var(--accent);flex-shrink:0;font-size:10px;font-weight:600;padding:2px 9px;white-space:nowrap}.bs-cta-url{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:4px;color:#7878a0;color:var(--text-muted);font-size:11px;padding:1px 7px}.bs-card-img-url,.bs-cta-url{font-family:monospace;white-space:nowrap}.bs-card-img-url{color:#4a4a6a;color:var(--text-dim);font-size:10px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.bs-card-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 16px}.bs-card-btns{display:flex;gap:6px}.bs-form-wrapper{background:#1a1a24;background:var(--surface2)}.bs-editing,.bs-form-wrapper{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}.bs-form-heading{color:#6c5ce7;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;padding:16px 24px 0;text-transform:uppercase}.bs-form-body{align-items:flex-start;display:flex;gap:24px;padding:16px 24px 20px}.bs-form-preview-col{display:flex;flex-direction:column;flex-shrink:0;gap:12px;min-width:220px;width:220px}.bs-form-color-row{display:flex;flex-direction:column;gap:6px}.bs-color-pick{align-items:center;display:flex;gap:10px}.bs-color-pick input[type=color]{height:36px;width:36px}.bs-color-pick input[type=color],.bs-inline-color{background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:2px}.bs-inline-color{height:38px;width:38px}.bs-color-val{color:#7878a0;color:var(--text-muted);font-family:monospace;font-size:12px}.bs-form-fields{flex:1 1;min-width:0}.bs-form-row{display:flex;gap:12px}.bs-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.bs-preview-label{color:#ffffff73;font-size:8px;font-weight:700;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.bs-img-picker{display:flex;flex-direction:column;gap:10px}.bs-img-tabs{background:#22222e;background:var(--surface3);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:2px;padding:3px;width:-webkit-fit-content;width:fit-content}.bs-img-tab{background:none;border:none;border-radius:6px;color:#7878a0;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.bs-img-tab.active{background:#111118;background:var(--surface);box-shadow:0 1px 4px #0000004d}.bs-img-tab.active,.bs-img-tab:hover:not(.active){color:#f0f0f5;color:var(--text)}.bs-img-upload-area{gap:8px}.bs-dropzone,.bs-img-upload-area{display:flex;flex-direction:column}.bs-dropzone{align-items:center;border:2px dashed #ffffff12;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;gap:6px;padding:24px 16px;text-align:center;transition:border-color .2s,background .2s}.bs-dropzone--active,.bs-dropzone:hover{background:#6c5ce740;background:var(--accent-glow);border-color:#6c5ce7;border-color:var(--accent)}.bs-dropzone-icon{color:#4a4a6a;color:var(--text-dim);transition:color .15s}.bs-dropzone--active .bs-dropzone-icon,.bs-dropzone:hover .bs-dropzone-icon{color:#6c5ce7;color:var(--accent)}.bs-dropzone-text{color:#7878a0;color:var(--text-muted);font-size:13px;font-weight:500}.bs-dropzone-hint{color:#4a4a6a;color:var(--text-dim);font-size:11px}.bs-img-selected{align-items:center;background:#22222e;background:var(--surface3);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:10px 12px}.bs-img-thumb{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:4px;flex-shrink:0;height:50px;object-fit:cover;width:80px}.bs-img-meta{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.bs-img-filename{color:#f0f0f5;color:var(--text);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-img-details{display:flex;flex-wrap:wrap;gap:6px}.bs-img-badge{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#7878a0;color:var(--text-muted);font-size:10px;font-weight:600;padding:1px 7px;white-space:nowrap}.bs-img-badge--dims{background:#74b9ff1f;background:var(--blue-bg);border-color:#0000;color:#74b9ff;color:var(--blue)}.bs-img-badge--warn{background:#fdcb6e1f;background:var(--yellow-bg);border-color:#0000;color:#fdcb6e;color:var(--yellow)}.bs-img-clear{align-items:center;background:none;border:none;border-radius:50%;color:#4a4a6a;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;line-height:1;transition:all .15s;width:30px}.bs-img-clear:hover{background:#e170551f;background:var(--red-bg);color:#e17055;color:var(--red)}.bs-img-spec-box{background:#22222e;background:var(--surface3);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:5px;padding:10px 12px}.bs-img-spec-box--sm{padding:8px 12px}.bs-img-spec-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.bs-img-spec-label{color:#4a4a6a;color:var(--text-dim);flex-shrink:0;font-size:11px}.bs-img-spec-val{color:#7878a0;color:var(--text-muted);font-size:11px;font-weight:600;text-align:right}.bs-img-url-area{display:flex;flex-direction:column;gap:8px}.bp-row{align-items:center;display:flex;gap:12px;padding:10px 16px}.bp-row-thumb{object-fit:cover}.bp-row-placeholder,.bp-row-thumb{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;flex-shrink:0;height:48px;width:72px}.bp-row-placeholder{background:#22222e;background:var(--surface3)}.bp-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bp-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.bp-cat-chip{background:#22222e;background:var(--surface3);border:1px solid #ffffff12;border:1px solid var(--border);color:#7878a0;color:var(--text-muted);font-weight:600}.bp-cat-chip,.bp-sponsored-chip{border-radius:20px;font-size:10px;padding:1px 7px;white-space:nowrap}.bp-sponsored-chip{background:#6c5ce740;background:var(--accent-glow);color:#6c5ce7;color:var(--accent);font-weight:700}.bp-row-title{color:#f0f0f5;color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-row-date{color:#4a4a6a;color:var(--text-dim);font-size:11px}.bp-form{background:#1a1a24;background:var(--surface2);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:16px 20px 14px}.bp-form-grid{align-items:flex-start;display:flex;gap:20px}.bp-form-image{display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:200px;width:200px}.bp-form-fields{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.bp-form-toggles{display:flex;gap:20px;margin-top:4px}.ps-editor{background:#1a1a24;background:var(--surface2);border-top:1px solid #ffffff12;border-top:1px solid var(--border)}.ps-editor-fields{padding:14px 20px 0}.ps-editor-body{display:flex;gap:0;min-height:0}.ps-preview-panel{background:#22222e;background:var(--surface3);border-right:1px solid #ffffff12;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;min-width:200px;padding:14px 16px;width:200px}.ps-preview-header{align-items:baseline;display:flex;gap:6px;justify-content:space-between}.ps-preview-title{color:#f0f0f5;color:var(--text);flex:1 1;font-size:12px;font-weight:700;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-preview-viewall{color:#6c5ce7;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:10px;font-weight:600;white-space:nowrap}.ps-preview-hint{color:#4a4a6a;color:var(--text-dim);font-size:10px;margin-top:-4px}.ps-card-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.ps-grid-cell{align-items:center;border-radius:6px;display:flex;flex-direction:column;gap:4px;justify-content:flex-end;min-height:64px;overflow:hidden;padding:6px 4px;position:relative}.ps-grid-img{border-radius:4px 4px 0 0;height:44px;left:0;object-fit:cover;position:absolute;top:0;width:100%}.ps-grid-placeholder{background:#0000001f;border-radius:6px;flex-shrink:0;height:32px;width:32px}.ps-grid-label{color:#000000a6;font-size:9px;font-weight:700;line-height:1.2;text-align:center;z-index:1}.ps-grid-empty{color:#4a4a6a;color:var(--text-dim);font-size:11px;font-style:italic;grid-column:1/-1;padding:18px 0;text-align:center}.ps-card-list{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding:14px 18px}.ps-card-list-hd{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.ps-card-list-label{color:#7878a0;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ps-card-form{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:4px;padding:12px}.ps-card-form-top{align-items:flex-end;display:flex;gap:10px}.ps-card-row{align-items:center;background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px 8px}.ps-card-swatch{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:18px;width:18px}.ps-card-num{color:#4a4a6a;color:var(--text-dim);flex-shrink:0;font-size:11px;text-align:right;width:14px}.ps-card-label{color:#f0f0f5;color:var(--text);flex:1 1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-card-thumb{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:3px;flex-shrink:0;height:22px;object-fit:cover;width:32px}.ps-swatch-strip{align-items:center;display:flex;flex-shrink:0;gap:3px}.ps-swatch-dot{border:1px solid #00000014;border-radius:3px;flex-shrink:0;height:12px;width:12px}.tn-item-label{color:#f0f0f5;color:var(--text);font-weight:600}.tn-url{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:4px;color:#7878a0;color:var(--text-muted);font-family:monospace;font-size:12px;padding:2px 8px;white-space:nowrap}.tn-url-sm{font-size:11px}.tn-newtab-chip{color:#6c5ce7;color:var(--accent);font-size:10px;font-weight:700;margin-left:5px}.tn-newtab-label{align-items:center;color:#7878a0;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tn-newtab-label input[type=checkbox]{accent-color:#6c5ce7;accent-color:var(--accent);cursor:pointer;height:13px;width:13px}.tn-sub-add-form{flex-wrap:wrap;gap:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.grid-2,.grid-2-1,.grid-3{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5bbda2b6.css.map*/