:root{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #eff6ff;--primary-glow: rgba(59, 130, 246, .4);--bg-page: #f8fafc;--bg-sidebar: rgba(255, 255, 255, .8);--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-input: #f8fafc;--bg-input-focus: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--text-on-primary: #ffffff;--border-light: #f1f5f9;--border-medium: #e2e8f0;--border-input: #edf2f7;--border-premium: rgba(255, 255, 255, .2);--sidebar-width: 280px;--header-height: 64px;--z-base: 1;--z-dropdown: 50;--z-header: 90;--z-sidebar: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--vh: 1vh;--shadow-premium: 0 10px 40px -10px rgba(0, 0, 0, .05), 0 4px 12px -4px rgba(0, 0, 0, .02);--shadow-hover: 0 20px 50px -12px rgba(0, 0, 0, .08);--glass-blur: blur(12px);--glass-bg: rgba(255, 255, 255, .7)}[data-theme=dark]{--primary-light: rgba(59, 130, 246, .15);--bg-page: #0f172a;--bg-sidebar: rgba(30, 41, 59, .9);--bg-card: #1e293b;--bg-hover: #334155;--bg-input: #1e293b;--bg-input-focus: #334155;--text-main: #f1f5f9;--text-muted: #94a3b8;--border-light: #334155;--border-medium: #475569;--border-input: #475569;--border-premium: rgba(255, 255, 255, .1);--shadow-premium: 0 10px 40px -10px rgba(0, 0, 0, .3), 0 4px 12px -4px rgba(0, 0, 0, .2);--shadow-hover: 0 20px 50px -12px rgba(0, 0, 0, .4);--glass-bg: rgba(30, 41, 59, .7)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--text-main);height:calc(var(--vh, 1vh) * 100);width:100vw;overflow:hidden;font-size:14px}button{cursor:pointer;border:none;background:none;font-size:inherit;color:inherit;transition:all .2s ease}input,select,textarea{outline:none;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;background:var(--bg-input);color:var(--text-main);transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.app-container{height:calc(var(--vh, 1vh) * 100);width:100vw;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .3s ease-out forwards}.glass-premium{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-premium);box-shadow:var(--shadow-premium)}.premium-card{background:var(--bg-card);border-radius:20px;padding:32px;box-shadow:var(--shadow-premium);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.premium-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}input,select,textarea{background:var(--bg-input);border:1.5px solid var(--border-input);border-radius:12px;padding:10px 14px;color:var(--text-main);transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus{background:var(--bg-input-focus);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.hide-mobile{display:block}.show-mobile,.show-mobile-flex{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.settings-card{padding:16px}.settings-grid{grid-template-columns:1fr;gap:16px}.mode-selector-grid,.type-selector-grid{grid-template-columns:repeat(2,1fr)}.input-row{grid-template-columns:1fr}.checkbox-group{grid-template-columns:1fr;padding:12px}input,select,textarea{font-size:16px}}[data-streaming-mode=true] .sensitive-blur{filter:blur(8px);-webkit-user-select:none;user-select:none;transition:filter .3s ease}[data-streaming-mode=true] .sensitive-blur:hover{filter:blur(4px)}.streaming-mode-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-hover);border-radius:var(--radius-full, 9999px);font-size:13px;font-weight:500;color:var(--text-muted);margin-right:8px;cursor:pointer;transition:all .2s ease}.streaming-mode-toggle:hover{background:var(--bg-input)}.streaming-mode-toggle.active{background:#ef444426;color:#ef4444}.streaming-mode-toggle .toggle-switch{margin-left:4px}@media(max-width:768px){.streaming-mode-toggle span{display:none}.streaming-mode-toggle{padding:8px;margin-right:4px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#1e1e23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;pointer-events:auto;animation:toastSlideIn .3s ease-out;min-width:280px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-message{color:#fff;font-size:14px;font-weight:500;line-height:1.4;word-break:keep-all}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#ffffffe6}@media(max-width:480px){.toast-container{inset:auto 20px 20px;max-width:none}.toast-item{min-width:0}}.settings-panel{width:auto;animation:fadeIn .4s ease-out;position:relative}.chat-settings-container{display:flex;gap:24px;width:100%;position:relative;align-items:flex-start}.chat-settings-main{flex:1;min-width:0;position:relative}.sticky-tabs{position:sticky;top:-32px!important;z-index:1000;background-color:var(--bg-page);padding:12px 16px;margin-bottom:24px;border-bottom:1px solid var(--border-light);display:flex;gap:12px;overflow-x:auto;box-shadow:0 4px 10px #00000008;width:fit-content;max-width:100%;border-radius:12px}.premium-settings-header{margin-bottom:32px}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.title-area{display:flex;align-items:center;gap:12px}.title-text{font-size:24px;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.badge-wrapper{display:flex;gap:6px}.badge-new{background:#ff4d4f;color:#fff;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.badge-info{background:var(--primary);color:#fff;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.action-area{display:flex;gap:12px}.btn-setup-guide{display:flex;align-items:center;gap:8px;background:var(--bg-card);color:var(--primary);border:1.5px solid var(--primary);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;transition:all .2s}.btn-setup-guide:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-external-view{display:flex;align-items:center;gap:8px;background:var(--bg-hover);color:var(--text-muted);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600}.url-copy-section{padding:24px;border-radius:20px}.url-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.url-label-row .label{font-size:14px;font-weight:700;color:var(--text-muted)}.label-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%}.settings-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.card-header{margin-bottom:32px}.card-header h3{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:8px}.url-copy-box{display:flex;align-items:center;gap:16px;background:var(--bg-hover);padding:14px 24px;border-radius:16px;border:1px solid var(--border-medium);margin-top:16px;margin-bottom:24px;position:relative;transition:all .2s}.url-copy-box:focus-within{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.url-input-group{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.url-icon{color:var(--primary);flex-shrink:0;opacity:.8}.url-input-group input{flex:1;background:transparent;border:none;font-family:JetBrains Mono,monospace;font-size:13.5px;color:var(--text-main);outline:none;width:100%}.url-action-btn{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-muted);cursor:pointer}.url-action-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.settings-info-text{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:40px;padding:0 8px}.settings-tab-btn{white-space:nowrap;padding:10px 20px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-medium);cursor:pointer}.settings-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.scrolling-content-sections{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.settings-section{scroll-margin-top:120px}.flex-row-gap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.styled-select,.styled-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text-main)}.unit-value{font-size:12px;color:var(--text-muted);min-width:52px;text-align:right}.text-muted{color:var(--text-muted)}.url-actions{display:flex;flex-wrap:wrap;gap:8px}.url-box-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-card)}.url-box-wrap input{border:none;padding:0;font-size:12px;background:transparent;min-width:160px}.url-box-wrap button{font-size:11px;font-weight:700;color:var(--primary)}.checkbox-group.no-bg{background:transparent;padding:0;border-radius:0}.with-divider{border-left:1px solid var(--border-light);padding-left:12px}.tiny-label{font-size:12px;color:var(--text-muted)}.tiny-input{padding:6px 8px;font-size:12px;border-radius:6px}.color-settings-list-detailed{display:flex;flex-direction:column;gap:12px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.theme-card{background:var(--bg-hover);border:2px solid transparent;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .2s}.theme-card.active{border-color:var(--primary);background:var(--primary-light)}.theme-thumb{height:64px;border-radius:10px;background:#e2e8f0;margin-bottom:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffffffe6;font-weight:700}.theme-thumb-inner{position:absolute;inset:0;background:linear-gradient(135deg,var(--theme-color, #60a5fa),#1f2937)}.theme-name{font-size:12px;font-weight:600;color:var(--text-main)}.theme-name-tag{font-size:12px;font-weight:600;color:var(--text-muted);margin-top:6px}.theme-default{--theme-color: #3b82f6}.theme-tanmak{--theme-color: #f97316}.theme-cat{--theme-color: #f59e0b}.theme-newyear{--theme-color: #ef4444}.theme-lol{--theme-color: #22c55e}.theme-star{--theme-color: #fbbf24}.theme-pubg{--theme-color: #f59e0b}.theme-heart{--theme-color: #f43f5e}.theme-winter{--theme-color: #38bdf8}.theme-retro-pink{--theme-color: #fb7185}.theme-retro-blue{--theme-color: #60a5fa}.theme-rainbow{--theme-color: #a855f7}.theme-crayon{--theme-color: #f59e0b}.theme-gold{--theme-color: #d97706}.theme-dotted{--theme-color: #94a3b8}.theme-windows{--theme-color: #2563eb}.theme-kakao{--theme-color: #facc15}.theme-round{--theme-color: #0ea5e9}.theme-balloon{--theme-color: #fb7185}.theme-chalk{--theme-color: #e2e8f0}.theme-neon{--theme-color: #22d3ee}.theme-neon-bg{--theme-color: #22c55e}.theme-box-white{--theme-color: #f8fafc}.theme-box-black{--theme-color: #0f172a}.theme-leather{--theme-color: #a16207}.theme-postit{--theme-color: #fef08a}.theme-food{--theme-color: #f97316}.theme-overwatch{--theme-color: #f59e0b}.cursor-pointer{cursor:pointer}.save-controls{display:flex;gap:12px;align-items:center}.save-controls.vertical{flex-direction:column;align-items:stretch}.settings-row-pair{display:flex;margin-bottom:32px;align-items:flex-start;gap:32px;width:100%}.row-label{width:160px;flex-shrink:0;font-size:14px;font-weight:700;color:var(--text-main);padding-top:4px}.checkbox-group.wrap-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:16px;background:var(--bg-hover);border-radius:12px;flex:1}.checkbox-grid-refined{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;background:var(--bg-hover);padding:24px;border-radius:16px;border:1px solid var(--border-light);flex:1}.radio-group-refined{display:flex;flex-wrap:wrap;gap:24px;padding:12px 16px;background:var(--bg-hover);border-radius:12px;flex:1}input[type=checkbox],input[type=radio]{appearance:none;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:6px;background:var(--bg-card);cursor:pointer;position:relative;transition:all .2s;margin-right:12px;flex-shrink:0}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:12px 12px;background-position:center;background-repeat:no-repeat}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%)}label{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer}.segmented-label{display:flex;align-items:center;justify-content:center;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:60px;border:none}.segmented-item:hover .segmented-label:not(input:checked+.segmented-label){color:var(--text-main)}.toggle-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-hover);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border:1.5px solid transparent;-webkit-user-select:none;user-select:none}.toggle-button input{display:none}.toggle-button.active{background:var(--bg-card);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #3b82f61a}.toggle-button .check-icon{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-button.active .check-icon{background:var(--primary);border-color:var(--primary);color:#fff}.widget-item-refined{padding:24px 0}.widget-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.widget-title{font-weight:700;font-size:16px;color:var(--text-main)}.url-copy-bar-mini{display:flex;align-items:center;gap:12px}.bar-label{font-size:13px;color:var(--text-muted)}.widget-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.widget-preview-card{border:2px solid transparent;background:var(--bg-hover);border-radius:12px;padding:12px;cursor:pointer;text-align:center;transition:all .2s}.widget-preview-card.active{border-color:var(--primary);background:var(--primary-light)}.preview-thumb{height:80px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);font-weight:600}.preview-label{font-size:13px;font-weight:600;color:#475569}.theme-grid-mini{display:flex;flex-wrap:wrap;gap:8px;flex:1}.theme-card-mini{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:var(--bg-hover);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;color:var(--text-muted)}.theme-card-mini:hover{border-color:var(--border-medium);background:var(--bg-card)}.theme-card-mini.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.theme-card-mini .theme-preview-dot{width:16px;height:16px;border-radius:50%;margin-bottom:2px}.theme-preview-dot.default{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.theme-preview-dot.forest{background:linear-gradient(135deg,#22c55e,#15803d)}.theme-preview-dot.chzzk{background:linear-gradient(135deg,#00ffa3,#00cc82)}.theme-preview-dot.pink{background:linear-gradient(135deg,#f472b6,#db2777)}.theme-preview-dot.windows{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.theme-preview-dot.neon{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.theme-scroll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.theme-item-box{background:var(--bg-hover);border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;text-align:center;transition:all .2s}.theme-item-box.active{border-color:var(--primary);background:var(--primary-light)}.theme-visual{height:60px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.command-guide-box{margin-top:32px;background:var(--bg-hover);padding:32px;border-radius:16px;border:1px solid var(--border-medium)}.command-guide-box h4{display:flex;align-items:center;gap:12px;font-size:16px;margin-bottom:16px;color:var(--text-main)}.guide-intro{font-size:14px;color:var(--text-muted);margin-bottom:24px}.command-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cmd-item{background:var(--bg-card);padding:16px;border-radius:12px;border:1px solid var(--border-light)}.cmd-name{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--primary);font-weight:700;margin-bottom:8px}.cmd-desc{font-size:13px;color:#64748b;line-height:1.5}.info-box-blue{background:#eff6ff;border:1px solid #dbeafe;padding:16px 20px;border-radius:12px;margin-top:24px}.info-box-blue p{display:flex;align-items:center;gap:8px;font-size:13px;color:#1e40af;margin-bottom:8px}.info-box-blue p:last-child{margin-bottom:0}.text-red{color:#dc2626!important;font-weight:600}.color-row-detailed{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--bg-hover);border-radius:12px;margin-bottom:12px}.role-label{font-weight:700;font-size:13px;color:var(--text-main)}input[type=color]{width:48px;height:32px;border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;background:var(--bg-card);padding:2px}.color-bulk-action{display:flex;gap:8px;margin-bottom:20px}.btn-outline-small{padding:6px 12px;font-size:12px;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-muted);font-weight:600;cursor:pointer}.preview-box{background:#111827;border-radius:16px;overflow:hidden;height:500px;display:flex;flex-direction:column}.preview-header{padding:14px 20px;background:#1f2937;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.preview-content{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.chat-msg-mock{background:#ffffff0d;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:90%}.test-controls{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:16px;padding:24px}.test-controls h4{font-size:15px;font-weight:700;margin-bottom:16px}.test-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.test-form input,.test-form select{padding:10px;border:1.5px solid var(--border-medium);border-radius:8px;font-size:13px}.btn-test{width:100%;margin-top:16px;padding:12px;background:var(--bg-hover);border:none;font-weight:700;border-radius:8px;cursor:pointer;color:var(--text-main)}.large-action{width:100%;padding:16px;border-radius:12px;font-size:16px;justify-content:center}.btn-reset-large{width:100%;margin-top:12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.chat-settings-preview-aside{width:380px;flex-shrink:0;position:sticky;top:32px;display:flex;flex-direction:column;gap:20px;height:fit-content}.preview-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000a}.setup-preview-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000000d}.preview-status-dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.preview-title{font-size:13px;font-weight:700;color:var(--text-muted)}.setup_preview{height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.checkerboard-bg{position:absolute;inset:0;background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff;opacity:.6}.preview-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.preview-placeholder p{font-size:14px;font-weight:600}.alert-animation-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;animation:alertPopIn .6s cubic-bezier(.34,1.56,.64,1)}.alert-asset-3d{width:240px;height:240px;display:flex;align-items:center;justify-content:center;position:relative}.floating-asset{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));animation:float 3s ease-in-out infinite}.alert-text-content{margin-top:-10px;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:28px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-.02em;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,-3px 0px 0 #000,3px 0px 0 #000,0px -3px 0 #000,0px 3px 0 #000,0px 8px 15px rgba(0,0,0,.4)}.alert-text-content .amount{color:#f97316}@keyframes alertPopIn{0%{opacity:0;transform:scale(.5) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.section-title-with-badge{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-title-with-badge h4{margin-bottom:0}.styled-select-wrapper{position:relative;width:100%}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.platform-icon-mini{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}.icon-soop-mini{width:18px;height:18px;background:#00bef0;border-radius:4px}.icon-chzzk-mini{width:18px;height:18px;background:#00ffa3;border-radius:4px}.styled-select-wrapper .styled-select{padding-left:36px;cursor:pointer;appearance:none}.btn-test-primary{width:100%;height:52px;margin-top:20px;background:#3b82f6;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.btn-test-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.save-controls-wrapper{display:flex;flex-direction:column;gap:12px}.btn-reset-light{background:transparent;border:none;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-reset-light:hover{color:#64748b}@media(max-width:1280px){.chat-settings-container{flex-direction:column}.chat-settings-preview-aside{width:100%;position:static}}@media(max-width:768px){.chat-settings-preview-aside{max-height:280px;overflow:hidden;border-radius:var(--radius-md)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.theme-card{padding:10px}.theme-preview{height:50px}.theme-name{font-size:11px}.settings-section-header h3{font-size:15px}.settings-row-pair{flex-direction:column;gap:8px}.row-label,.signature-details .row-label{min-width:auto}.mode-selector-tabs{width:100%;flex-wrap:wrap}.mode-tab{flex:1;justify-content:center;padding:8px 12px;font-size:12px}}.divider-line{height:1px;background:var(--border-light);margin:32px 0}.badge-new{background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.badge-orange{background:#ffedd5;color:#f97316;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.mode-selector-tabs{display:flex;gap:8px;background:var(--bg-hover);padding:6px;border-radius:12px;width:fit-content}.mode-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .2s;cursor:pointer}.mode-tab:hover{color:var(--text-main)}.mode-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000000d}.preview-box-mini{position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000005}.info-box-premium{padding:20px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:16px}.info-header{display:flex;align-items:center;gap:8px;color:#0369a1;font-weight:700;font-size:13px;margin-bottom:8px}.info-box-premium p{font-size:12.5px;color:#075985;line-height:1.6}.color-input-item{display:flex;flex-direction:column;gap:4px}.color-input-item .tiny-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-left:2px}.bg-upload-zone{width:100%;height:100px;border:2px dashed var(--border-medium);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-hover);gap:8px;font-size:13px;color:var(--text-muted);transition:all .2s}.bg-upload-zone:hover{border-color:var(--primary);background:#eff6ff;color:var(--primary)}.settings-row-pair.vertical{flex-direction:column;gap:12px}.signature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.signature-item{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:12px;padding:16px;transition:all .2s}.signature-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.signature-item.dragging{opacity:.5;border-color:var(--primary);background:#eff6ff}.signature-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.drag-handle{cursor:grab;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.drag-handle:hover{background:#e2e8f0;color:#64748b}.drag-handle:active{cursor:grabbing}.signature-number{background:var(--primary);color:#fff;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.signature-range{display:flex;align-items:center;gap:8px;flex:1}.signature-range input.tiny-input{width:80px}.signature-range span{color:#64748b;font-size:14px}.btn-icon-small{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.btn-icon-small:hover{background:#e2e8f0;color:var(--primary)}.signature-text-format{margin-bottom:12px}.signature-text-format input{width:100%}.signature-details{border-top:1px solid var(--border-light);padding-top:16px;margin-top:8px;display:flex;flex-direction:column;gap:12px}.signature-details .settings-row-pair{margin-bottom:0}.signature-details .row-label{display:flex;align-items:center;gap:6px;min-width:140px}.btn-add-signature{width:100%;padding:12px;background:transparent;border:2px dashed var(--border-medium);border-radius:10px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-signature:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.import-section{margin-top:20px;padding:24px;border-radius:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.import-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.import-section-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-main);margin:0}.btn-icon-close{width:32px;height:32px;border:none;background:var(--bg-hover);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.btn-icon-close:hover{background:#fee2e2;color:#dc2626}.import-section-content{display:flex;flex-direction:column;gap:24px}.import-step{display:flex;flex-direction:column;gap:12px}.step-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-main)}.step-number{width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.platform-grid{grid-template-columns:repeat(2,1fr)}}.platform-card{background:var(--bg-hover);border:2px solid transparent;border-radius:12px;padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.platform-card:hover{border-color:var(--platform-color, var(--primary));background:var(--bg-card);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.platform-card.active{border-color:var(--platform-color, var(--primary));background:var(--bg-card);box-shadow:0 4px 16px #0000001a}.platform-icon{font-size:28px}.platform-name{font-size:13px;font-weight:700;color:var(--text-main)}.platform-format{font-size:11px;color:#94a3b8;background:var(--bg-hover);padding:2px 8px;border-radius:4px}.platform-card.active .platform-format{background:var(--platform-color, var(--primary));color:#fff}.import-upload-zone{width:100%;min-height:120px;border:2px dashed var(--border-medium);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-hover);gap:8px;color:#64748b;transition:all .2s}.import-upload-zone:hover{border-color:var(--primary);background:#eff6ff;color:var(--primary)}.import-upload-zone.uploaded{border-color:#22c55e;background:#f0fdf4;border-style:solid}.import-upload-zone.uploaded .text-success{color:#22c55e}.upload-text{font-size:14px;font-weight:600}.upload-hint{font-size:12px;opacity:.7}.import-url-section{margin-top:16px}.or-divider{display:block;text-align:center;font-size:12px;color:#94a3b8;margin-bottom:12px;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:var(--border-light)}.or-divider:before{left:0}.or-divider:after{right:0}.import-url-row{display:flex;gap:8px}.import-url-row .styled-input{flex:1}.btn-import-url{padding:0 20px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-import-url:hover{border-color:var(--primary);color:var(--primary)}.import-preview-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.preview-item .text-success{color:#22c55e;flex-shrink:0}.preview-label{color:#64748b;min-width:100px}.preview-value{color:var(--text-main);font-weight:600}.import-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;font-size:13px;color:#92400e}.import-warning svg{flex-shrink:0;color:#f59e0b}.btn-export-settings{padding:12px 20px;background:transparent;border:1px solid var(--border-medium);border-radius:10px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-export-settings:hover{border-color:var(--primary);color:var(--primary)}.btn-apply-import{padding:12px 24px;background:#111827;border:none;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-apply-import:hover:not(:disabled){background:#000;transform:translateY(-1px)}.btn-apply-import:disabled{background:#cbd5e1;cursor:not-allowed}.btn-setup-guide.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-setup-guide.active:hover{background:var(--primary-hover)}.account-settings{padding:10px 0;max-width:1000px}.account-settings-header{margin-bottom:32px}.account-settings-header h1{font-size:26px;font-weight:700;color:var(--text-main);margin-bottom:8px}.account-settings-header p{color:var(--text-muted);font-size:14px}.account-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border-light);padding-bottom:0}.account-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;border-radius:8px 8px 0 0}.account-tab:hover{color:var(--text-main);background:var(--bg-hover)}.account-tab.active{color:var(--primary);background:var(--primary-light)}.account-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.platform-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px}.platform-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border-light);transition:background .3s}.platform-card.connected:before{background:linear-gradient(90deg,#10b981,#34d399)}.platform-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.platform-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.platform-logo{width:48px;height:48px;border-radius:12px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--border-light)}.platform-logo img{width:100%;height:100%;object-fit:contain}.platform-name{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.status-badge.success{background:#10b9811a;color:#10b981}.status-badge.pending{background:var(--bg-hover);color:var(--text-muted)}.platform-profile{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-hover);border-radius:12px;margin:16px 0}.profile-avatar{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name{font-weight:600;color:var(--text-main);font-size:14px}.profile-date{font-size:12px;color:var(--text-muted)}.platform-actions{display:flex;gap:8px;margin-top:16px}.platform-extra{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.platform-extra .btn-full{width:100%}.platform-tip{margin-top:8px;font-size:11px;color:var(--text-muted);line-height:1.5}.platform-connect-prompt{padding:20px 12px;text-align:center;color:var(--text-muted);font-size:13px;margin:16px 0;background:var(--bg-hover);border-radius:10px}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex:1}.btn-primary-sm:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-outline-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:transparent;color:var(--text-muted);border:1px solid var(--border-medium);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline-sm:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-danger-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:transparent;color:var(--text-muted);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border-radius:8px}.btn-danger-ghost:hover{color:#ef4444;background:#ef444414}.btn-icon-ghost{padding:8px;background:transparent;border:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon-ghost:hover{background:var(--bg-hover);color:var(--primary)}.connection-tips{background:var(--bg-card);border:1px solid var(--border-medium);border-left:4px solid var(--primary);border-radius:12px;padding:20px 24px}.connection-tips .tips-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--primary);font-weight:700;font-size:15px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;gap:12px;font-size:13px;color:var(--text-muted);line-height:1.6}.tip-item .bullet{color:var(--primary);font-weight:700;flex-shrink:0}.tip-item strong{color:var(--primary);font-weight:600}.tip-chips{display:inline-flex;gap:6px;margin-left:4px}.tip-chip{padding:2px 8px;background:var(--primary-light);color:var(--primary);border-radius:20px;font-size:11px;font-weight:600}.tips-footer{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.tips-footer .btn-outline-sm{margin-bottom:12px}.tips-footer p{font-size:12px;color:var(--text-muted);margin:0}.member-id-section{margin-bottom:24px}.member-id-box{display:flex;align-items:center;gap:12px;background:var(--bg-hover);padding:16px 20px;border-radius:12px;margin-bottom:12px}.id-display{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.id-display svg{color:var(--text-muted);flex-shrink:0}.id-value{font-family:SF Mono,JetBrains Mono,monospace;font-size:14px;color:var(--text-main);letter-spacing:.5px}.btn-copy{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-copy:hover{background:var(--primary-hover);transform:translateY(-1px)}.warning-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#dc2626;font-size:13px;font-weight:500}.warning-box svg{flex-shrink:0}.manager-section{margin-top:32px}.manager-warning{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#dc2626;font-size:13px;font-weight:500;margin-bottom:20px;line-height:1.5}.manager-warning svg{flex-shrink:0;margin-top:2px}.manager-add-section{margin-bottom:24px}.input-with-button{display:flex;gap:12px}.input-with-button input{flex:1;padding:12px 16px;border:1.5px solid var(--border-medium);border-radius:10px;font-size:14px;background:var(--bg-input);color:var(--text-main);transition:all .2s}.input-with-button input::placeholder{color:var(--text-muted)}.input-with-button input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-with-button .btn-primary-sm{flex:0 0 auto}.manager-list{background:var(--bg-hover);border-radius:12px;overflow:hidden}.manager-list-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 80px;padding:14px 20px;background:var(--primary-light);font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.manager-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 80px;padding:16px 20px;align-items:center;border-bottom:1px solid var(--border-light);background:var(--bg-card)}.manager-row:last-child{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;background:var(--bg-card)}.security-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.security-option-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:14px;transition:all .2s}.security-option-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.option-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-content{flex:1;min-width:0}.option-content h4{font-size:15px;font-weight:700;color:var(--text-main);margin:0 0 4px}.option-content p{font-size:12px;color:var(--text-muted);margin:0}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:var(--border-medium);transition:.3s;border-radius:26px}.toggle-switch label:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+label{background-color:var(--primary)}.toggle-switch input:checked+label:before{transform:translate(22px)}.login-history-section{margin-top:32px}.login-history-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.login-history-section .section-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-main);margin:0}.login-history-table{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;overflow:hidden}.login-history-table table{width:100%;border-collapse:collapse}.login-history-table th{padding:14px 16px;text-align:left;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.login-history-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:13px;color:var(--text-main)}.login-history-table tr:last-child td{border-bottom:none}.login-history-table tr.current-session{background:#10b9810a}.current-badge{display:inline-block;background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-right:8px}.platform-badge{display:inline-flex;align-items:center;gap:8px}.platform-badge img{width:20px;height:20px;border-radius:4px;object-fit:contain}.device-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.ip-address{font-family:SF Mono,JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:transparent;border:none;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border-top:1px solid var(--border-light)}.load-more-btn:hover{background:var(--primary-light)}.settings-card .card-header{margin-bottom:20px}.settings-card .card-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-main);margin:0 0 6px}.settings-card .card-header p{font-size:13px;color:var(--text-muted);margin:0}@media(max-width:768px){.account-settings-header h1{font-size:22px}.account-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.account-tab{white-space:nowrap;padding:10px 16px;font-size:13px}.platform-cards-grid,.security-options-grid{grid-template-columns:1fr}.input-with-button{flex-direction:column}.input-with-button .btn-primary-sm{width:100%}.member-id-box{flex-direction:column;align-items:stretch;gap:16px}.id-display{justify-content:center}.btn-copy{width:100%;justify-content:center}.manager-list-header,.manager-row{grid-template-columns:1fr 1fr;gap:8px}.manager-list-header span:nth-child(3),.manager-row>*:nth-child(3){display:none}.login-history-table{overflow-x:auto}.login-history-table table{min-width:550px}.login-history-section .section-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.account-settings{padding:0}.account-settings-header{margin-bottom:20px}.account-settings-header h1{font-size:20px}.account-tabs{gap:4px;margin-bottom:20px}.account-tab{padding:8px 12px;font-size:12px;gap:6px}.account-tab svg{width:14px;height:14px}.platform-card{padding:18px}.platform-logo{width:42px;height:42px}.platform-name{font-size:15px}.platform-profile{padding:12px}.profile-avatar{width:36px;height:36px;font-size:14px}.platform-actions{flex-direction:column;gap:8px}.btn-primary-sm,.btn-outline-sm,.btn-danger-ghost{width:100%;justify-content:center;padding:12px 16px}.connection-tips{padding:16px}.connection-tips .tips-header{font-size:14px}.tip-item{font-size:12px;gap:8px}.tip-chips{display:flex;flex-wrap:wrap;gap:4px;margin-left:0;margin-top:6px}.settings-card{padding:18px}.settings-card .card-header h3{font-size:15px}.security-option-card{flex-direction:column;text-align:center;padding:18px;gap:12px}.option-icon{width:44px;height:44px}.login-history-table table{min-width:480px}.login-history-table th,.login-history-table td{padding:12px;font-size:12px}.current-badge{font-size:9px;padding:2px 6px}.warning-box{font-size:12px;padding:10px 14px;gap:8px}.manager-warning{font-size:12px;padding:12px 14px;gap:8px}.manager-list-header{font-size:11px;padding:12px 16px}.empty-state{padding:36px 20px}.empty-state svg{width:28px;height:28px}.empty-state p{font-size:13px}}.import-settings-card{padding:28px}.import-platform-section{margin-bottom:28px}.import-platform-section h4,.import-upload-section h4,.import-preview-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-main);margin:0 0 16px}.import-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.import-platform-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .2s ease}.import-platform-card:hover{border-color:var(--platform-color, var(--primary));transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.import-platform-card.selected{border-color:var(--platform-color, var(--primary));background:var(--primary-light)}.import-platform-card .platform-icon{font-size:28px}.import-platform-card .platform-name{font-size:14px;font-weight:700;color:var(--text-main)}.import-platform-card .platform-format{font-size:11px;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:10px}.import-platform-card .selected-check{position:absolute;top:10px;right:10px;color:var(--primary)}.import-upload-section{margin-bottom:28px}.import-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;border:2px dashed var(--border-medium);border-radius:14px;background:var(--bg-hover);cursor:pointer;transition:all .2s ease;text-align:center}.import-upload-zone:hover{border-color:var(--primary);background:var(--primary-light)}.import-upload-zone svg{color:var(--text-muted)}.import-upload-zone p{font-size:14px;color:var(--text-main);margin:0;font-weight:500}.import-upload-zone .upload-hint{font-size:12px;color:var(--text-muted)}.import-upload-zone.uploaded{border-color:#10b981;background:#10b9810f}.import-upload-zone.uploaded svg,.import-upload-zone .upload-success-icon{color:#10b981}.import-url-section{margin-top:20px}.import-url-section .divider-text{display:block;text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:12px;position:relative}.import-url-section .divider-text:before,.import-url-section .divider-text:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border-light)}.import-url-section .divider-text:before{left:0}.import-url-section .divider-text:after{right:0}.import-preview-section{margin-bottom:24px}.import-preview-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:20px;background:var(--bg-hover);border-radius:12px;margin-bottom:16px}.preview-item{display:flex;align-items:center;gap:8px;font-size:13px}.preview-item .preview-check{color:#10b981;flex-shrink:0}.preview-item .preview-label{color:var(--text-muted)}.preview-item .preview-value{color:var(--text-main);font-weight:600}.import-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;color:#d97706;font-size:13px;font-weight:500;margin-bottom:20px}.import-warning svg{flex-shrink:0}.import-actions{display:flex;gap:12px;justify-content:flex-end}.import-actions .btn-outline-sm,.import-actions .btn-primary-sm{flex:0 0 auto}.import-tips{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--primary-light);border-radius:12px;margin-top:24px}.import-tips svg{color:var(--primary);flex-shrink:0;margin-top:2px}.import-tips p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.6}.import-tips p:first-child{color:var(--text-main);margin-bottom:4px}@media(max-width:768px){.import-platform-grid{grid-template-columns:repeat(2,1fr)}.import-preview-box{grid-template-columns:1fr}.import-actions{flex-direction:column}.import-actions .btn-outline-sm,.import-actions .btn-primary-sm{width:100%;justify-content:center}}@media(max-width:480px){.import-settings-card{padding:20px}.import-platform-card{padding:16px 12px}.import-platform-card .platform-icon{font-size:24px}.import-platform-card .platform-name{font-size:13px}.import-upload-zone{padding:30px 16px}.import-tips{flex-direction:column;gap:10px;text-align:center}.import-tips svg{margin:0 auto}}.ad-settings{animation:fadeIn .4s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-sm)}.stat-card.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--text-muted);font-weight:500}.stat-content{display:flex;align-items:baseline;gap:8px}.stat-content .value{font-size:28px;font-weight:700;color:var(--text-main)}.stat-content .subtext{font-size:13px;color:var(--text-muted)}.tabs-container{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-hover);padding:6px;border-radius:12px;width:fit-content}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #00000014}.overlay-url-section{margin-bottom:24px;padding:24px}.url-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--primary)}.url-header h3{font-size:16px;font-weight:700;color:var(--text-main);margin:0}.url-description{font-size:14px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.url-input-row{display:flex;gap:10px;align-items:stretch}.url-input{flex:1;padding:12px 16px;background:var(--bg-hover);border:1.5px solid var(--border-medium);border-radius:10px;font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:var(--text-main);min-width:0}.url-input:focus{outline:none;border-color:var(--primary)}.btn-copy{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy:hover{background:#2563eb;transform:translateY(-1px)}.btn-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);color:var(--text-main);border:1.5px solid var(--border-medium);border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-preview:hover{border-color:var(--primary);color:var(--primary)}.slot-settings-container{display:flex;flex-direction:column;gap:24px}.slot-settings-main{display:flex;gap:24px;align-items:flex-start}.slot-settings-main>.slot-preview-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.slot-settings-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:32px}.slot-preview-wrapper{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.canvas-header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--bg-hover);border-bottom:1px solid var(--border-light);font-size:14px;font-weight:600;color:var(--text-main)}.canvas-resolution{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:500}.slot-preview-canvas{position:relative;width:100%;padding-top:56.25%;background:#1a1a2e;cursor:crosshair;overflow:hidden}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:10% 10%;pointer-events:none}.canvas-safe-zone{position:absolute;inset:5%;border:1px dashed rgba(255,255,255,.1);border-radius:4px;pointer-events:none}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6}.canvas-empty p{margin-top:12px;font-size:16px;font-weight:600}.canvas-empty span{margin-top:4px;font-size:13px;opacity:.7}.canvas-slot{position:absolute;background:#3b82f64d;border:2px solid rgba(59,130,246,.8);border-radius:6px;cursor:move;transition:box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.canvas-slot:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.canvas-slot.selected{border-color:#3b82f6;background:#3b82f666;box-shadow:0 0 0 3px #3b82f64d;z-index:10}.canvas-slot.disabled{opacity:.5;border-style:dashed}.canvas-slot.slot-type-banner{background:#3b82f64d;border-color:#3b82f6cc}.canvas-slot.slot-type-popup{background:#f59e0b4d;border-color:#f59e0bcc}.canvas-slot.slot-type-corner{background:#10b9814d;border-color:#10b981cc}.slot-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-align:center;padding:8px;overflow:hidden}.slot-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.slot-dimensions{font-size:10px;opacity:.8}.resize-handle{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;background:#3b82f6;border-radius:4px 0;cursor:se-resize;display:flex;align-items:center;justify-content:center;color:#fff}.resize-handle:hover{background:#2563eb}.slot-list-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.section-header h3{font-size:16px;font-weight:700;color:var(--text-main);margin:0}.btn-add-slot{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-slot:hover{background:#2563eb;transform:translateY(-1px)}.loading-state,.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.loading-state p,.empty-state p{margin-top:12px;font-size:14px}.empty-state h4{margin-top:16px;color:var(--text-main)}.slot-list{display:flex;flex-direction:column;gap:10px}.slot-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-hover);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.slot-item:hover{border-color:var(--border-medium)}.slot-item.selected{background:var(--primary-light);border-color:var(--primary)}.slot-item.disabled{opacity:.6}.slot-item-icon{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.slot-item-info{flex:1;min-width:0}.slot-item-name{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:4px}.slot-item-details{font-size:12px;color:var(--text-muted)}.slot-item-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--text-muted)}.slot-item-stats span:last-child{font-weight:600;color:#10b981}.slot-item-actions{display:flex;gap:8px}.btn-toggle{width:32px;height:32px;border:1px solid var(--border-medium);background:var(--bg-card);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.btn-toggle:hover{border-color:var(--primary);color:var(--primary)}.btn-toggle.active{background:#10b981;border-color:#10b981;color:#fff}.slot-editor-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-hover);border-bottom:1px solid var(--border-light)}.editor-header h4{font-size:15px;font-weight:700;color:var(--text-main);margin:0}.btn-icon-close{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.btn-icon-close:hover{background:var(--bg-hover);color:var(--text-main)}.editor-body{padding:20px;display:flex;flex-direction:column;gap:18px}.editor-field{display:flex;flex-direction:column;gap:8px}.editor-field label{font-size:13px;font-weight:600;color:var(--text-main)}.editor-field input[type=text],.editor-field input[type=number]{padding:10px 14px;border:1.5px solid var(--border-medium);border-radius:8px;font-size:14px;color:var(--text-main);transition:all .2s}.editor-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.editor-field-row{display:flex;gap:12px}.editor-field.half{flex:1}.type-selector{display:flex;gap:8px}.type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-hover);border:2px solid transparent;border-radius:10px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.type-btn:hover{border-color:var(--border-medium)}.type-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.toggle-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-main);cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px}.editor-footer{padding:16px 20px;border-top:1px solid var(--border-light);background:var(--bg-hover)}.btn-delete{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#fef2f2;border-color:#dc2626}.editor-placeholder{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:48px 24px;text-align:center;color:var(--text-muted);box-shadow:var(--shadow-sm)}.editor-placeholder h4{margin-top:16px;color:var(--text-main);font-size:15px}.editor-placeholder p{margin-top:8px;font-size:13px;line-height:1.6}.tips-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:16px 20px}.tips-card h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#92400e;margin-bottom:12px}.tips-card ul{margin:0;padding-left:18px;list-style-type:disc}.tips-card li{font-size:12px;color:#a16207;line-height:1.7}.revenue-section,.settlement-section{padding:24px}.revenue-section h3,.settlement-section h3{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:20px}.revenue-table{border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.revenue-header,.revenue-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:16px;padding:14px 20px;align-items:center}.revenue-header{background:var(--bg-hover);font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.revenue-row{border-top:1px solid var(--border-light);font-size:14px;color:var(--text-main)}.revenue-row.total{background:var(--bg-hover);font-weight:700}.revenue-row .slot-name{display:flex;align-items:center;gap:10px;font-weight:600}.revenue-amount{font-weight:600;color:#10b981}.settlement-list{display:flex;flex-direction:column;gap:12px}.settlement-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:18px 24px;background:var(--bg-hover);border-radius:12px;align-items:center}.settlement-period{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-main)}.settlement-amount{font-size:18px;font-weight:700;color:var(--text-main)}.settlement-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;width:fit-content}.settlement-status.paid{background:#dcfce7;color:#16a34a}.settlement-status.pending{background:#fef3c7;color:#d97706}.settlement-date{font-size:13px;color:var(--text-muted);text-align:right}@media(max-width:1200px){.slot-settings-container{flex-direction:column}.slot-settings-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap}.slot-editor-panel,.editor-placeholder,.tips-card{flex:1;min-width:300px}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.revenue-header,.revenue-row{grid-template-columns:2fr 1fr 1fr}.revenue-header span:nth-child(4),.revenue-row span:nth-child(4){display:none}.settlement-item{grid-template-columns:1fr 1fr;gap:12px}.slot-settings-sidebar{flex-direction:column}.slot-editor-panel,.editor-placeholder,.tips-card{min-width:100%}}[data-theme=dark] .stat-card.highlight{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-color:#3b82f64d}[data-theme=dark] .tips-card{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .tips-card h4{color:#fbbf24}[data-theme=dark] .tips-card li{color:#fcd34d}[data-theme=dark] .btn-delete{background:var(--bg-card);border-color:#ef44444d}[data-theme=dark] .btn-delete:hover{background:#ef44441a}[data-theme=dark] .settlement-status.paid{background:#10b98133;color:#34d399}[data-theme=dark] .settlement-status.pending{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .editor-field input[type=text],[data-theme=dark] .editor-field input[type=number]{background:var(--bg-input)}.loading-state .spin,.spin{animation:spin 1s linear infinite}.warning-banner{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#92400e;font-size:14px;font-weight:500;margin-bottom:20px}.segments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.segment-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:12px;transition:all .2s}.segment-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.segment-drag{cursor:grab;color:var(--text-muted);padding:4px}.segment-drag:active{cursor:grabbing}.segment-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:8px;font-size:13px;font-weight:700;flex-shrink:0}.segment-fields{display:flex;align-items:center;gap:12px;flex:1}.segment-text{flex:1;min-width:120px}.segment-color-wrap input[type=color]{width:40px;height:36px;border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;padding:2px}.segment-prob-wrap{display:flex;align-items:center;gap:6px}.segment-prob-wrap input{width:70px;text-align:center}.segment-prob-wrap span{color:var(--text-muted);font-size:14px}.btn-add-segment{width:100%;padding:14px;background:transparent;border:2px dashed var(--border-medium);border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-segment:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-add-segment:disabled{opacity:.5;cursor:not-allowed}.roulette-preview-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:var(--bg-hover);border-radius:16px}.roulette-preview{position:relative;width:220px;height:220px}.preview-wheel{width:100%;height:100%}.wheel-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.preview-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:24px;color:var(--text-main);text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-test-spin{display:flex;align-items:center;gap:10px;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.btn-test-spin:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.btn-test-spin:disabled{opacity:.6;cursor:not-allowed;transform:none}.url-action-btn.copied{background:#10b981!important;border-color:#10b981!important}@media(max-width:768px){.segment-fields{flex-wrap:wrap}.segment-text{min-width:100%}}.animation-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.animation-style-card{display:flex;align-items:flex-start;gap:14px;padding:18px;background:var(--bg-hover);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s}.animation-style-card:hover{border-color:var(--border-medium);background:var(--bg-card)}.animation-style-card.active{border-color:var(--primary);background:var(--primary-light)}.animation-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:10px;color:var(--primary);flex-shrink:0}.animation-style-card.active .animation-icon{background:var(--primary);color:#fff}.animation-info{display:flex;flex-direction:column;gap:4px}.animation-name{font-size:14px;font-weight:700;color:var(--text-main)}.animation-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.emoji-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.emoji-item{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:12px;transition:all .2s}.emoji-item:hover{border-color:var(--primary);transform:scale(1.05)}.emoji-display{font-size:28px}.emoji-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:all .2s}.emoji-item:hover .emoji-remove{opacity:1}.emoji-remove:disabled{opacity:0!important;cursor:not-allowed}.add-emoji-row{display:flex;gap:12px}.add-emoji-row input{flex:1}.btn-add-emoji{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-emoji:hover{background:#2563eb}.test-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-test{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s}.btn-test:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.btn-test.burst{background:#fef3c7;border-color:#fcd34d;color:#92400e}.btn-test.burst:hover{background:#fef08a}@media(max-width:768px){.animation-style-grid{grid-template-columns:1fr}.test-buttons{flex-direction:column}.btn-test{width:100%;justify-content:center}}.active-poll-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.active-poll-card .card-header{display:flex;justify-content:space-between;align-items:center}.btn-end-poll{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-end-poll:hover{background:#dc2626}.poll-title-display{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:20px}.poll-options-display{display:flex;flex-direction:column;gap:12px}.poll-option-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.poll-option-item:hover{border-color:var(--primary);transform:translate(4px)}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.option-text{font-size:15px;font-weight:600;color:var(--text-main)}.option-stats{font-size:13px;color:var(--text-muted)}.option-bar{height:8px;background:var(--border-medium);border-radius:4px;overflow:hidden}.option-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.simulate-hint{margin-top:16px;font-size:12px;color:var(--text-muted);text-align:center}.poll-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.poll-option-edit{display:flex;align-items:center;gap:12px}.poll-option-edit input[type=color]{width:40px;height:40px;border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;padding:2px}.poll-option-edit input[type=text]{flex:1}.btn-icon-small{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s}.btn-add-option{width:100%;padding:12px;background:transparent;border:2px dashed var(--border-medium);border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-bottom:20px}.btn-add-option:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-add-option:disabled{opacity:.5;cursor:not-allowed}.btn-start-poll{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.btn-start-poll:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}@media(max-width:768px){.poll-option-edit{flex-wrap:wrap}.poll-option-edit input[type=text]{min-width:100%;order:-1}.poll-title-display{font-size:18px}.btn-end-poll{padding:8px 14px;font-size:12px}.active-poll-card .card-header{flex-direction:column;gap:12px;align-items:flex-start}}.credits-sections-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.credits-section-item{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:14px;padding:20px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.drag-handle{color:var(--text-muted);cursor:grab}.section-title-input{flex:1;font-weight:700}.section-items{display:flex;flex-direction:column;gap:10px;padding-left:28px}.section-item-row{display:flex;align-items:center;gap:10px}.section-item-row input{flex:1}.btn-add-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px dashed var(--border-medium);border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:fit-content}.btn-add-item:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-add-section{width:100%;padding:14px;background:transparent;border:2px dashed var(--border-medium);border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-section:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-icon-small{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s;flex-shrink:0}.btn-icon-small:disabled{opacity:.3;cursor:not-allowed}.play-controls{display:flex;gap:12px}.btn-play-credits{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.btn-play-credits:hover{background:#2563eb;transform:translateY(-2px)}.btn-stop-credits{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#ef4444;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef444440}.btn-stop-credits:hover{background:#dc2626;transform:translateY(-2px)}.segmented-control{display:inline-flex;background:var(--bg-hover);padding:4px;border-radius:10px;gap:2px}.segmented-item{position:relative}.segmented-item input{position:absolute;opacity:0;pointer-events:none}.segmented-label{display:flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:all .2s;min-width:60px}.segmented-item input:checked+.segmented-label{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 6px #00000014}@media(max-width:768px){.section-items{padding-left:0}.section-item-row{flex-wrap:wrap}.section-item-row input{min-width:100%}.play-controls{flex-direction:column}.segmented-control{width:100%}.segmented-label{flex:1;text-align:center}}.btn-bot-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--border-medium);color:var(--text-muted);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-bot-toggle:hover{background:var(--border-light)}.btn-bot-toggle.active{background:#10b981;color:#fff}.btn-bot-toggle.active:hover{background:#059669}.bot-status-card{display:flex;align-items:center;gap:16px;padding:20px;margin-top:16px}.bot-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:16px}.bot-info{display:flex;flex-direction:column;gap:6px}.bot-name-input{font-size:20px;font-weight:700;color:var(--text-main);border:none;background:transparent;padding:4px 0;border-bottom:2px solid transparent;transition:border-color .2s}.bot-name-input:hover,.bot-name-input:focus{border-bottom-color:var(--primary);outline:none}.bot-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch.small{width:40px;height:22px}.toggle-switch.small .slider:before{height:16px;width:16px}.toggle-switch.small input:checked+.slider:before{transform:translate(18px)}.commands-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.command-item{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:14px;padding:16px;transition:all .2s}.command-item:hover{border-color:var(--border-medium)}.command-item.disabled{opacity:.6}.command-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.command-toggle{flex-shrink:0}.command-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--primary);background:var(--primary-light);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.command-name:hover{background:var(--primary-light);filter:brightness(.95)}.command-name svg{opacity:0;transition:opacity .2s}.command-name:hover svg{opacity:1}.command-input{font-size:16px;font-weight:700;color:var(--primary);background:var(--bg-card);border:2px solid var(--primary);padding:6px 12px;border-radius:8px;outline:none}.command-actions{margin-left:auto;display:flex;gap:4px}.command-body{display:flex;flex-direction:column;gap:12px;padding-left:52px}.command-response{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:10px;font-size:14px;resize:none;transition:border-color .2s}.command-response:focus{border-color:var(--primary);outline:none}.command-options{display:flex;align-items:center;gap:16px}.cooldown-setting{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.cooldown-setting input{width:60px;padding:6px 10px;border:1px solid var(--border-light);border-radius:6px;text-align:center}.btn-icon-small{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s}.btn-icon-small:hover{background:var(--bg-hover);color:var(--primary)}.btn-icon-small.danger:hover{background:#fef2f2;color:#ef4444}.btn-add-command{width:100%;padding:14px;background:transparent;border:2px dashed var(--border-medium);border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-bottom:16px}.btn-add-command:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.variable-hint{padding:12px 16px;background:var(--bg-hover);border-radius:10px;font-size:12px;color:var(--text-muted)}.variable-hint strong{color:var(--text-main)}.auto-messages-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.auto-message-item{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:14px;padding:16px;transition:all .2s}.auto-message-item:hover{border-color:var(--border-medium)}.auto-message-item.disabled{opacity:.6}.auto-message-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.auto-message-toggle{flex-shrink:0}.trigger-type-selector{display:flex;align-items:center;gap:12px;flex:1}.trigger-type-selector select{padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--bg-card)}.trigger-type-selector select:focus{border-color:var(--primary);outline:none}.interval-input,.donation-input{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.interval-input input,.donation-input input{width:60px;padding:6px 10px;border:1px solid var(--border-light);border-radius:6px;text-align:center}.auto-message-content{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:10px;font-size:14px;resize:none;margin-bottom:8px;transition:border-color .2s}.auto-message-content:focus{border-color:var(--primary);outline:none}.trigger-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.btn-add-auto-message{width:100%;padding:14px;background:transparent;border:2px dashed var(--border-medium);border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-auto-message:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.status-dot.gray{background:#94a3b8;box-shadow:0 0 8px #94a3b8}.status-dot.green{background:#10b981;box-shadow:0 0 8px #10b981}@media(max-width:768px){.command-body{padding-left:0}.trigger-type-selector{flex-wrap:wrap}.bot-status-card{flex-direction:column;text-align:center}.bot-name-input{text-align:center}}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--text-muted);font-size:14px}.badge-test{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.badge-test:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:900px){.platform-grid{grid-template-columns:1fr}}.platform-card{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:all .2s}.platform-card:hover{border-color:var(--border-medium)}.platform-card.enabled{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 1px var(--primary-light)}.platform-card-header{padding:20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border-light)}.platform-info{display:flex;align-items:center;gap:14px}.platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.platform-nexon .platform-icon{background:linear-gradient(135deg,#ff6b0026,#ff8c001a)}.platform-riot .platform-icon{background:linear-gradient(135deg,#d3293626,#ff46551a)}.platform-pubg .platform-icon{background:linear-gradient(135deg,#f2a90026,#ffc8321a)}.platform-steam .platform-icon{background:linear-gradient(135deg,#66c0f426,#1b28381a)}.platform-name h3{font-size:16px;font-weight:700;color:var(--text-main);margin:0 0 4px}.platform-name span{font-size:12px;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-medium);transition:.3s;border-radius:28px}.toggle-switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--bg-card);transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.platform-card-body{padding:20px}.input-group{margin-bottom:16px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.styled-input,.styled-select{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;color:var(--text-main);font-size:14px;transition:all .2s}.styled-input:focus,.styled-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.styled-input:disabled,.styled-select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover)}.game-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.game-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px;color:var(--text-main)}.game-checkbox:hover{border-color:var(--border-medium);background:var(--bg-hover)}.game-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.game-checkbox.disabled{opacity:.5;cursor:not-allowed}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:16px;padding:10px 14px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);white-space:nowrap}.connection-status.connected{color:#10b981;border-color:#10b9814d;background:#10b9810d}.connection-status.disconnected{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-status.connected .status-dot{box-shadow:0 0 8px #10b981}.game-selector-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.game-tab{padding:10px 16px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.game-tab:hover{border-color:var(--border-medium);color:var(--text-main)}.game-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.overlay-type-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-hover);padding:6px;border-radius:12px}.overlay-type-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.overlay-type-tab:hover{color:var(--text-main)}.overlay-type-tab.active{background:var(--bg-card);color:var(--text-main);box-shadow:0 2px 8px #00000014}.game-overlay-preview{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;padding:32px;min-height:220px;display:flex;align-items:center;justify-content:center}.overlay-preview-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;min-width:300px;border:1px solid rgba(255,255,255,.1)}.overlay-preview-card .player-name{font-size:20px;font-weight:800;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px}.overlay-preview-card .rank-info{font-size:14px;color:#ffffffb3;margin-bottom:16px;display:flex;align-items:center;gap:8px}.overlay-preview-card .stats-row{display:flex;gap:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.overlay-preview-card .stat-item{text-align:center}.overlay-preview-card .stat-value{font-size:18px;font-weight:700;color:#fff}.overlay-preview-card .stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;margin-top:4px}.recent-games{display:flex;gap:4px;margin-top:12px}.game-result{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.game-result.win{background:#22c55e33;color:#22c55e}.game-result.loss{background:#ef444433;color:#ef4444}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.tier-badge.challenger{background:linear-gradient(135deg,#00d4ff,#09f);color:#fff}.tier-badge.grandmaster{background:linear-gradient(135deg,#f44,red);color:#fff}.tier-badge.master{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff}.tier-badge.radiant{background:linear-gradient(135deg,#ffe066,#fa0);color:#1a1a1a}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.obs-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.obs-step{display:flex;gap:14px;padding:16px;background:var(--bg-hover);border-radius:12px;align-items:flex-start}.step-number{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.step-content{font-size:14px;color:var(--text-main);line-height:1.6}.step-content strong{color:var(--primary)}.overlay-url-list{display:flex;flex-direction:column;gap:12px}.overlay-url-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-hover);border-radius:14px;border:1px solid var(--border-light)}.url-game-info{display:flex;align-items:center;gap:10px;min-width:140px}.url-game-info .game-icon{font-size:20px}.url-game-info .game-name{font-size:14px;font-weight:600;color:var(--text-main)}.url-input-wrapper{flex:1;display:flex;gap:10px}.url-input-wrapper input{flex:1;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;color:var(--text-main);font-size:12px;font-family:SF Mono,Monaco,Menlo,monospace}.btn-copy{padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-copy:hover{background:#2563eb}.btn-copy.copied{background:#10b981}.url-size-info{font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:70px;text-align:right}.save-controls-wrapper{margin-top:24px}.btn-save-full{width:100%;height:56px;background:#111827;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s}.btn-save-full:hover{background:#000;transform:translateY(-2px)}.btn-save-full:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.game-checkboxes{grid-template-columns:1fr}.overlay-url-item{flex-direction:column;align-items:stretch;gap:12px}.url-game-info{min-width:auto}.url-input-wrapper{flex-direction:column}.url-size-info{text-align:left}.overlay-type-tabs{flex-direction:column}.game-selector-tabs{flex-wrap:nowrap}}.game-catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:100px 20px;color:var(--text-muted);font-size:14px}.spinning{animation:spin 1s linear infinite}.game-catalog-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:100px 20px;color:var(--text-muted);font-size:14px;text-align:center}.game-catalog-error svg{color:#ef4444}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.game-catalog{max-width:1400px;margin:0 auto;padding:24px}.game-catalog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.game-catalog-header__title{display:flex;align-items:flex-start;gap:16px}.refresh-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-muted)}.refresh-button:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.game-catalog-header__title svg{color:var(--primary);flex-shrink:0;margin-top:4px}.game-catalog-header__title h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.game-catalog-header__title p{font-size:14px;color:var(--text-muted);margin:0}.game-catalog-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.game-catalog-stat{display:flex;align-items:center;gap:14px;padding:20px;border-radius:16px;border:1px solid var(--border-light)}.game-catalog-stat svg{color:var(--primary);flex-shrink:0}.game-catalog-stat__content{display:flex;flex-direction:column;gap:2px}.game-catalog-stat__value{font-size:18px;font-weight:700;color:var(--text-primary)}.game-catalog-stat__label{font-size:12px;color:var(--text-muted)}.game-catalog-platforms{display:flex;gap:12px;margin-bottom:24px}.platform-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;font-size:13px;color:var(--text-secondary)}.platform-badge img{width:20px;height:20px;object-fit:contain}.platform-badge.soop{border-color:#0066ff4d}.platform-badge.chzzk{border-color:#00c8534d}.game-catalog-search{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;border:1px solid var(--border-light);margin-bottom:24px;transition:border-color .2s}.game-catalog-search:focus-within{border-color:var(--primary)}.game-catalog-search svg{color:var(--text-muted);flex-shrink:0}.game-catalog-search input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary)}.game-catalog-search input::placeholder{color:var(--text-muted)}.game-catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game-catalog-card{border-radius:16px;border:1px solid var(--border-light);overflow:hidden;cursor:pointer;transition:all .2s}.game-catalog-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.game-catalog-card__image{position:relative;aspect-ratio:285 / 380;overflow:hidden}.game-catalog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-catalog-card:hover .game-catalog-card__image img{transform:scale(1.05)}.game-catalog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-card) 100%);color:var(--text-muted)}.game-catalog-card__genre{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-catalog-card__info{padding:16px}.game-catalog-card__title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-catalog-card__subtitle{font-size:12px;color:var(--text-muted);margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-catalog-card__stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.game-catalog-card__stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.game-catalog-card__stat svg{color:var(--text-muted)}.game-catalog-card__platforms{display:flex;align-items:center;gap:4px;margin-left:auto}.game-catalog-card__platforms img{width:18px;height:18px;object-fit:contain;opacity:.7;transition:opacity .2s}.game-catalog-card:hover .game-catalog-card__platforms img{opacity:1}.game-catalog-card__growth{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;margin-left:auto}.game-catalog-card__growth.positive{color:#10b981;background:#10b9811a}.game-catalog-card__growth.negative{color:#ef4444;background:#ef44441a}.game-catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center}.game-catalog-empty svg{color:var(--text-muted);opacity:.5}.game-catalog-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.game-catalog-empty p{font-size:14px;color:var(--text-muted);margin:0}.game-detail{max-width:1200px;margin:0 auto;padding:24px}.game-detail-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:10px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-bottom:24px}.game-detail-back:hover{background:var(--bg-card);border-color:var(--border-medium);color:var(--text-primary)}.game-detail-header{display:flex;gap:24px;padding:24px;border-radius:20px;border:1px solid var(--border-light);margin-bottom:24px}.game-detail-header__image{flex-shrink:0;width:180px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0003}.game-detail-header__image img{width:100%;height:auto;display:block}.game-detail-header__info{flex:1;display:flex;flex-direction:column;gap:12px}.game-detail-header__info h1{font-size:28px;font-weight:800;color:var(--text-primary);margin:0}.game-detail-header__name{font-size:16px;color:var(--text-muted);margin:0}.game-detail-header__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.game-detail-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-light);color:var(--primary);border-radius:8px;font-size:12px;font-weight:600}.game-detail-header__meta{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-light)}.game-detail-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.game-detail-meta svg{color:var(--text-muted)}.game-detail-genre{padding:4px 12px;background:var(--bg-hover);border-radius:6px;font-weight:600}.game-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.game-detail-stat{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;border:1px solid var(--border-light)}.game-detail-stat__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-light);border-radius:12px}.game-detail-stat__icon svg{color:var(--primary)}.game-detail-stat__content{display:flex;flex-direction:column;gap:4px;flex:1}.game-detail-stat__value{font-size:22px;font-weight:700;color:var(--text-primary)}.game-detail-stat__label{font-size:13px;color:var(--text-muted)}.game-detail-stat__change{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600}.game-detail-stat__change.positive{color:#10b981;background:#10b9811a}.game-detail-stat__change.negative{color:#ef4444;background:#ef44441a}.game-detail-description{padding:24px;border-radius:16px;border:1px solid var(--border-light);margin-bottom:24px}.game-detail-description h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.game-detail-description h2 svg{color:var(--primary)}.game-detail-description p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0 0 20px}.game-detail-platforms{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border-light)}.game-detail-platforms__label{font-size:13px;color:var(--text-muted)}.game-detail-platforms__list{display:flex;gap:8px}.game-detail-platform{padding:6px 12px;background:var(--platform-color);color:#fff;border-radius:6px;font-size:11px;font-weight:700}.game-detail-streamers{padding:24px;border-radius:16px;border:1px solid var(--border-light)}.game-detail-streamers h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.game-detail-streamers h2 svg{color:#f59e0b}.game-streamers-table{border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.game-streamers-table__header{display:grid;grid-template-columns:60px 1fr 100px 100px 100px 140px;gap:12px;padding:14px 20px;background:var(--bg-hover);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.game-streamers-table__body{display:flex;flex-direction:column}.game-streamers-table__row{display:grid;grid-template-columns:60px 1fr 100px 100px 100px 140px;gap:12px;padding:16px 20px;align-items:center;border-top:1px solid var(--border-light);transition:background .2s}.game-streamers-table__row:hover{background:var(--bg-hover)}.game-streamers-table__col{font-size:14px;color:var(--text-secondary)}.game-streamers-table__col.name{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary)}.platform-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:13px;font-weight:700}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-badge.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.rank-badge.rank-4,.rank-badge.rank-5{background:var(--bg-hover);color:var(--text-secondary)}.influence-bar{position:relative;height:24px;background:var(--bg-hover);border-radius:6px;overflow:hidden}.influence-bar__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary) 0%,#8b5cf6 100%);border-radius:6px;transition:width .3s ease}.influence-bar__value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--text-primary)}@media(max-width:1200px){.game-catalog-grid{grid-template-columns:repeat(3,1fr)}.game-catalog-stats,.game-detail-stats{grid-template-columns:repeat(2,1fr)}.game-streamers-table__header,.game-streamers-table__row{grid-template-columns:50px 1fr 80px 80px 80px 120px}}@media(max-width:1024px){.game-detail-header{flex-direction:column;align-items:center;text-align:center}.game-detail-header__image{width:140px}.game-detail-header__info{align-items:center}.game-detail-header__tags{justify-content:center}.game-detail-header__meta{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.game-catalog,.game-detail{padding:16px}.game-catalog-stats{grid-template-columns:repeat(2,1fr)}.game-catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-detail-stats{grid-template-columns:1fr}.game-streamers-table__header,.game-streamers-table__row{grid-template-columns:40px 1fr 70px 100px}.game-streamers-table__col.avg,.game-streamers-table__col.followers{display:none}.game-catalog-card__title{font-size:14px}.game-catalog-card__stats{flex-direction:column;align-items:flex-start;gap:6px}.game-catalog-card__growth{margin-left:0}}@media(max-width:480px){.game-catalog-grid,.game-catalog-stats{grid-template-columns:1fr}}.marketplace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-card, #f8fafc);border:1px solid var(--border-light, #e2e8f0);border-radius:10px;flex:1;max-width:400px}.search-box input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-main, #1e293b)}.search-box input::placeholder{color:var(--text-muted, #94a3b8)}.search-box svg{color:var(--text-muted, #64748b)}.toolbar-actions{display:flex;align-items:center;gap:12px}.category-chips{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.category-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card, #f1f5f9);border:1px solid var(--border-light, #e2e8f0);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s}.category-chip:hover{background:var(--bg-hover, #e2e8f0)}.category-chip.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.marketplace-grid{display:grid;gap:20px}.marketplace-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.marketplace-grid.list{grid-template-columns:1fr}.marketplace-grid.list .design-card{flex-direction:row}.marketplace-grid.list .design-thumbnail{width:180px;min-height:140px}.marketplace-container{min-height:100vh;background:#f8fafc}.marketplace-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:#fff;border-bottom:1px solid #e2e8f0}.marketplace-header-left{flex:1}.marketplace-header-center{text-align:center}.marketplace-header-right{flex:1;display:flex;justify-content:flex-end}.back-button{display:inline-flex;align-items:center;gap:4px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.back-button:hover{color:#3b82f6}.marketplace-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.marketplace-subtitle{font-size:14px;color:#64748b}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}.upload-button:hover{background:#2563eb}.marketplace-filters{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#fff;border-bottom:1px solid #e2e8f0}.search-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f1f5f9;border-radius:8px;width:320px}.search-bar input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.search-bar input::placeholder{color:#94a3b8}.search-bar svg{color:#64748b}.filter-group{display:flex;align-items:center;gap:12px}.sort-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;outline:none}.view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px}.view-toggle button{padding:8px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.view-toggle button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.category-tabs{display:flex;gap:8px;padding:16px 40px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto}.category-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;border:none;border-radius:20px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s}.category-tab:hover{background:#e2e8f0}.category-tab.active{background:#3b82f6;color:#fff}.designs-grid{padding:32px 40px;display:grid;gap:24px}.designs-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.designs-grid.list{grid-template-columns:1fr}.designs-grid.list .design-card{flex-direction:row}.designs-grid.list .design-thumbnail{width:200px;min-height:150px}.design-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;transition:all .2s}.design-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.design-thumbnail{position:relative;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.design-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:64px;height:64px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.thumbnail-placeholder svg{width:32px;height:32px}.design-category-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:#0009;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.design-info{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.design-name{font-size:16px;font-weight:600;color:#1e293b;margin:0}.design-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}.design-creator{display:flex;align-items:center;gap:8px}.creator-name{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#3b82f6;color:#fff;border-radius:50%;font-size:10px}.design-stats{display:flex;align-items:center;gap:16px}.stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}.rating-count{color:#94a3b8;font-size:12px}.install-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:auto}.install-button:hover{background:#2563eb}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#64748b}.loading-state svg,.empty-state svg{margin-bottom:16px;color:#94a3b8}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-state p{font-size:14px;color:#64748b}@media(max-width:768px){.marketplace-header{flex-direction:column;gap:16px;padding:20px}.marketplace-header-left,.marketplace-header-right{width:100%;justify-content:center}.marketplace-filters{flex-direction:column;gap:16px;padding:16px 20px}.search-bar{width:100%}.category-tabs{padding:12px 20px}.designs-grid{padding:20px}}.analytics-page{animation:fadeIn .3s ease}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.analytics-card{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.analytics-card.clickable{cursor:pointer}.analytics-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.analytics-card-title{font-size:13px;color:var(--text-muted);font-weight:500}.analytics-card-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;color:var(--primary)}.analytics-card-content{display:flex;align-items:baseline;gap:12px}.analytics-card-value{font-size:28px;font-weight:700;color:var(--text-main);line-height:1}.analytics-card-change{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:2px 8px;border-radius:4px}.analytics-card-change.positive{background:#10b9811a;color:#10b981}.analytics-card-change.negative{background:#ef44441a;color:#ef4444}.analytics-card-change.neutral{background:#64748b1a;color:#64748b}.analytics-card-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:8px}.time-range-selector{display:flex;background:var(--bg-sidebar);border-radius:var(--radius-sm);padding:4px}.time-range-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.time-range-btn:hover{color:var(--text-main)}.time-range-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.chart-container{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chart-title-section{display:flex;flex-direction:column;gap:4px}.chart-title{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.chart-subtitle{font-size:13px;color:var(--text-muted);margin:0}.chart-actions{display:flex;gap:8px}.chart-body{width:100%}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.charts-grid .chart-container{margin-bottom:0}.trend-indicator{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:2px 8px;border-radius:4px}.trend-indicator.positive{background:#10b9811a;color:#10b981}.trend-indicator.negative{background:#ef44441a;color:#ef4444}.trend-indicator.neutral{background:#64748b1a;color:#64748b}.analytics-table-container{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px}.analytics-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-light)}.analytics-table-header h3{font-size:16px;font-weight:600;margin:0}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-sidebar);border-bottom:1px solid var(--border-medium)}.analytics-table td{padding:14px 16px;font-size:14px;color:var(--text-main);border-bottom:1px solid var(--border-light)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover td{background:var(--bg-hover)}.top-donors-list{display:flex;flex-direction:column;gap:12px}.top-donor-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-sidebar);border-radius:var(--radius-sm)}.top-donor-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.top-donor-rank.gold{background:linear-gradient(135deg,gold,#ffb700);color:#fff}.top-donor-rank.silver{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.top-donor-rank.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.top-donor-rank.default{background:var(--bg-page);color:var(--text-muted)}.top-donor-info{flex:1}.top-donor-name{font-weight:600;color:var(--text-main)}.top-donor-count{font-size:12px;color:var(--text-muted)}.top-donor-amount{font-weight:700;color:var(--primary)}.platform-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.platform-badge.soop{background:#5c3cff1a;color:#5c3cff}.platform-badge.chzzk{background:#00ffa31a;color:#00c896}.platform-badge.youtube{background:#ff00001a;color:red}.platform-badge.twitch{background:#9146ff1a;color:#9146ff}@media(max-width:1200px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.analytics-metrics-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;gap:12px}.analytics-card-value{font-size:24px}}.viewership-dashboard{padding:0}.viewership-header-section{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}.viewership-total-card{background:var(--bg-card);border-radius:16px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border-subtle)}.viewership-total-label{font-size:14px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}.viewership-total-value{font-size:3.5rem;font-weight:700;color:var(--text-main);line-height:1}.viewership-total-unit{font-size:14px;color:var(--text-muted);margin-top:8px}.viewership-update-time{font-size:12px;color:var(--text-muted);margin-top:16px}.platform-ranking-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-subtle)}.platform-ranking-title{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:20px;display:flex;align-items:center;gap:8px}.platform-ranking-list{display:flex;flex-direction:column;gap:12px}.platform-ranking-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-hover);border-radius:12px;transition:all .2s ease}.platform-ranking-item:hover{background:var(--bg-input);transform:translate(4px)}.platform-rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.platform-rank.rank-1{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a1a}.platform-rank.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#1a1a1a}.platform-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.platform-info{flex:1}.platform-name{font-size:15px;font-weight:600;color:var(--text-main)}.platform-channels{font-size:12px;color:var(--text-muted);margin-top:2px}.platform-viewers{text-align:right}.platform-viewers-value{font-size:18px;font-weight:700;color:var(--primary)}.platform-viewers-unit{font-size:12px;color:var(--text-muted);margin-left:2px}.platform-peak{font-size:11px;color:var(--text-muted);margin-top:2px}.yesterday-summary-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:8px}.yesterday-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border-subtle)}.summary-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.summary-card-icon.time{background:#3b82f61a;color:#3b82f6}.summary-card-icon.viewers{background:#10b9811a;color:#10b981}.summary-card-icon.peak{background:#f59e0b1a;color:#f59e0b}.summary-card-icon.donation{background:#ef44441a;color:#ef4444}.summary-card-label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.summary-card-value{font-size:24px;font-weight:700;color:var(--text-main)}.summary-card-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.trend-chart-section{margin-bottom:24px}.trend-chart-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-subtle)}.trend-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trend-chart-title{font-size:16px;font-weight:600;color:var(--text-main)}.trend-chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.chzzk{background:#00ffa3}.legend-dot.soop{background:#3b82f6}.activity-feed-section{margin-bottom:24px}.activity-feed-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-subtle)}.activity-feed-list{display:flex;flex-direction:column;gap:12px}.activity-feed-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-hover);border-radius:12px;border-left:4px solid var(--primary);transition:all .2s ease}.activity-feed-item:hover{background:var(--bg-input)}.activity-feed-item.donation{border-left-color:#ef4444}.activity-feed-item.subscribe{border-left-color:#f59e0b}.activity-feed-item.follow{border-left-color:#10b981}.activity-platform-logo{width:24px;height:24px;border-radius:6px;object-fit:contain}.activity-content{flex:1}.activity-user{font-size:14px;font-weight:600;color:var(--text-main)}.activity-message{font-size:13px;color:var(--text-muted);margin-top:2px}.activity-time{font-size:12px;color:var(--text-muted)}.activity-amount{font-size:16px;font-weight:700;color:#ef4444}@media(max-width:1024px){.viewership-header-section{grid-template-columns:1fr}.yesterday-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.viewership-total-value{font-size:2.5rem}.yesterday-summary-grid{grid-template-columns:1fr}.trend-chart-header{flex-direction:column;align-items:flex-start;gap:12px}}.dashboard-layout{display:flex;height:100vh;width:100vw;background-color:var(--bg-page)}.chatgpt-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-medium);padding:16px 0;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;overflow:hidden;position:relative;z-index:10}.sidebar-top{padding:0 16px 12px}.app-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--text-main);margin-bottom:8px}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.logo-text{font-weight:700;font-size:17px;color:var(--text-main)}.sidebar-nav{flex:1;overflow-y:auto;padding:0 16px}.nav-group{margin-bottom:16px}.group-label-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease}.group-label-btn:hover{background:var(--bg-hover)}.group-label-btn.has-active{background:#3b82f60a}.group-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:0}.group-chevron{color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.group-chevron.collapsed{transform:rotate(-90deg)}.nav-group-items{display:flex;flex-direction:column;overflow:hidden;max-height:1000px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .25s ease;opacity:1;padding-top:4px}.nav-group-items.collapsed{max-height:0;opacity:0;padding-top:0}.nav-item{width:100%;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;color:var(--text-muted);font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;margin-bottom:4px;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-main);transform:translate(4px)}.nav-item.active{background:var(--primary-light);color:var(--primary);box-shadow:0 4px 12px #3b82f614}.nav-item.active:before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:4px;background:var(--primary);border-radius:0 4px 4px 0}.sidebar-user{padding:8px 12px;border-top:1px solid var(--border-medium)}.user-profile{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.user-profile:hover{background:var(--bg-hover)}.avatar{width:36px;height:36px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600}.user-info{display:flex;flex-direction:column;gap:2px}.username{font-weight:600}.user-plan{font-size:12px;color:var(--text-muted)}.logout-btn{margin-left:auto;padding:8px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-hover);color:#ef4444}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn:hover{background:var(--primary-hover)}.chatgpt-main{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-nav{height:var(--header-height);border-bottom:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--bg-card)}.search-container{flex:1;max-width:320px;position:relative}.search-container input{width:100%;padding-left:40px;background:var(--bg-sidebar);border:none;font-size:14px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.top-actions{display:flex;align-items:center;gap:16px}.action-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.action-icon-btn:hover{background:var(--bg-hover);color:var(--text-main)}.content-body{flex:1;overflow-y:auto;padding:32px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-title h1{font-size:28px;font-weight:700;margin-bottom:4px}.page-title p{color:var(--text-muted)}.header-buttons{display:flex;gap:12px}.btn-primary{background:var(--primary);color:#fff;padding:10px 18px;border-radius:var(--radius-sm);font-weight:500;display:flex;align-items:center;gap:8px}.btn-outline{border:1px solid var(--border-medium);padding:10px 18px;border-radius:var(--radius-sm);font-weight:500;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.stat-header{display:flex;justify-content:space-between;color:var(--text-muted);margin-bottom:12px}.stat-header span{font-size:14px;font-weight:500}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-content .value{font-size:36px;font-weight:700;line-height:1.1;color:var(--text-main)}.stat-content .subtext{font-size:13px;color:var(--text-muted);margin-top:4px}.stat-card.clickable{cursor:pointer;transition:all .2s ease}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.stat-link{display:flex;align-items:center;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light);font-size:13px;color:var(--primary);font-weight:500}.stat-card.clickable:hover .stat-link{color:var(--primary-hover)}.section-link{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--primary);background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .2s ease}.section-link:hover{background:var(--bg-hover);color:var(--primary-hover)}.insights-section{margin-bottom:40px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px}.insights-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:10px}.section-title h2{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.insights-section .timestamp{font-size:12px;color:var(--text-muted)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{display:flex;gap:16px;padding:16px;border-radius:var(--radius-md);background:var(--bg-sidebar);border-left:4px solid;transition:all .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--bg-card)}.insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-content{display:flex;flex-direction:column;gap:4px}.insight-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.insight-message{font-size:13px;line-height:1.5;color:var(--text-main);margin:0;font-weight:500}@media(max-width:1200px){.insights-grid{grid-template-columns:1fr}}.categories-section{margin-bottom:32px}.categories-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.category-card{position:relative;flex-shrink:0;width:160px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.category-rank{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;z-index:1;box-shadow:0 2px 8px #0003}.category-image{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(135deg,var(--bg-sidebar) 0%,var(--bg-card-hover) 100%);display:flex;align-items:center;justify-content:center}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-card:hover .category-image img{transform:scale(1.08)}.category-info{padding:14px}.category-name{display:block;font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.category-stats{display:flex;flex-direction:column;gap:6px;margin-top:10px}.category-stat{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.category-stat .stat-label{font-size:11px;color:var(--text-muted);font-weight:500}.category-stat .stat-value{font-size:12px;font-weight:600;color:var(--text-main)}.category-growth{display:inline-block;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;margin-top:4px}.category-growth.positive{background:#10b9811a;color:#10b981}.category-growth.negative{background:#ef44441a;color:#ef4444}.category-genre{display:block;font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-placeholder-icon{color:var(--text-muted);opacity:.5}.platform-logos{display:flex;align-items:center;gap:4px}.platform-logo{width:16px;height:16px;object-fit:contain;border-radius:3px}.categories-wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.categories-wrapper .categories-section{margin-bottom:0}.recommend-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;z-index:1;letter-spacing:.02em}.recommend-badge.trending{background:#ef4444e6;color:#fff}.recommend-badge.revenue{background:#10b981e6;color:#fff}.recommend-badge.viewers{background:#3b82f6e6;color:#fff}.recommend-reason{font-size:11px;color:var(--text-muted);margin-bottom:6px;font-style:italic}.category-growth.revenue{background:#10b9811a;color:#10b981}.category-growth.viewers{background:#3b82f61a;color:#3b82f6}@media(max-width:1200px){.categories-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.categories-wrapper{gap:16px}}.tabs-container{display:flex;gap:32px;border-bottom:1px solid var(--border-medium);margin-bottom:24px;flex-wrap:wrap}.tab-btn{padding:12px 4px;font-weight:500;color:var(--text-muted);position:relative}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.table-container{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow-x:auto;overflow-y:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr;padding:16px 24px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-medium);font-size:12px;font-weight:600;color:var(--text-muted);min-width:720px}.table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr;padding:16px 24px;align-items:center;border-bottom:1px solid var(--border-light);transition:background .2s;min-width:720px}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.empty-state{padding:32px;text-align:center;color:var(--text-muted)}.recipient-cell{display:flex;align-items:center;gap:12px}.recipient-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-badge.donation{background:#fef3c7;color:#92400e}.status-badge.chat{background:#dcfce7;color:#166534}[data-theme=dark] .status-badge.donation{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .status-badge.chat{background:#10b98133;color:#34d399}.amount-cell{font-weight:600}.time-cell{color:var(--text-muted);text-align:right}.simulator-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-top:32px}.simulator-form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.full-width{grid-column:span 2}.card-title{font-size:18px;font-weight:700;margin-bottom:8px}.card-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;font-weight:600;color:var(--text-main)}.input-group input,.input-group select{width:100%}.placeholder-view{background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:80px 24px;text-align:center;color:var(--text-muted)}.settings-panel{padding:10px 0;max-width:1200px}.settings-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.glass-premium{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-premium)}.card-header{margin-bottom:24px}.card-header h3{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:4px}.card-header p{font-size:14px;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr}}.form-group-list{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-main)}.helper-text,.helper-text-alert{font-size:12px;margin-top:6px;color:var(--text-muted)}.helper-text-alert{background:#fee2e2;color:#b91c1c;padding:6px 10px;border-radius:8px;display:inline-block}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;background:var(--bg-sidebar);padding:16px;border-radius:var(--radius-sm)}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.mode-selector-grid,.type-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:8px}.mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-weight:600;color:var(--text-muted);transition:all .2s}.mode-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.mt-20{margin-top:20px}.url-copy-box{display:flex;gap:8px;background:var(--bg-sidebar);padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border-medium)}.url-copy-box input{flex:1;background:transparent;border:none;font-family:monospace;font-size:13px;color:var(--text-muted)}.copy-btn,.refresh-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.copy-btn{background:var(--primary);color:#fff}.refresh-btn{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-muted)}.action-bar{position:sticky;bottom:24px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-top:none;display:flex;justify-content:flex-end;margin-top:40px;z-index:100;pointer-events:none}.save-btn{pointer-events:auto;background:var(--primary);color:#fff;padding:14px 28px;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 10px 15px -3px #2563eb4d,0 4px 6px -2px #2563eb0d;transition:all .2s cubic-bezier(.4,0,.2,1)}.save-btn:hover{background:var(--primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #2563eb66,0 10px 10px -5px #2563eb0a}.save-btn:active{transform:translateY(0) scale(.98)}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{padding:4px 12px;background:var(--primary-light);color:var(--primary);border-radius:50px;font-size:12px;font-weight:600}@media(max-width:1024px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.top-nav{padding:16px 20px;height:auto;flex-wrap:wrap;gap:12px}.search-container{max-width:none;width:100%}.top-actions{width:100%;justify-content:space-between}}@media(max-width:768px){.content-body{padding:20px}.stats-grid,.simulator-form{grid-template-columns:1fr}.full-width{grid-column:1 / -1}}@media(max-width:1200px){.chatgpt-sidebar{width:72px}.chatgpt-sidebar .logo-text,.chatgpt-sidebar .group-label,.chatgpt-sidebar .group-chevron,.chatgpt-sidebar .nav-label,.chatgpt-sidebar .user-info,.chatgpt-sidebar .logout-btn,.chatgpt-sidebar .login-text,.chatgpt-sidebar .group-label-btn{display:none}.chatgpt-sidebar .nav-group-items{max-height:none!important;opacity:1!important;padding-top:0!important}.chatgpt-sidebar .sidebar-top{padding:0 8px 12px}.chatgpt-sidebar .app-logo{justify-content:center}.chatgpt-sidebar .sidebar-nav{padding:0 8px}.chatgpt-sidebar .nav-item{justify-content:center;padding:12px 0}.chatgpt-sidebar .nav-item:before{left:-8px!important}.chatgpt-sidebar .sidebar-user{padding:8px}.chatgpt-sidebar .user-profile{justify-content:center;padding:10px 0}.chatgpt-sidebar .user-profile .avatar{width:32px;height:32px;font-size:12px}.chatgpt-sidebar .login-btn{padding:12px;justify-content:center}}.mobile-menu-btn{display:none;padding:8px;background:transparent;border-radius:8px;color:var(--text-main);align-items:center;justify-content:center}.mobile-menu-btn:hover{background:var(--bg-hover)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .2s ease}.mobile-close-btn{display:none;position:absolute;top:16px;right:16px;padding:8px;z-index:202;background:transparent;border-radius:8px;color:var(--text-muted)}.mobile-close-btn:hover{background:var(--bg-hover);color:var(--text-main)}@media(max-width:768px){.chatgpt-sidebar{position:fixed;left:0;top:0;width:280px;height:100%;transform:translate(-100%);z-index:201;transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--bg-card)}.chatgpt-sidebar.mobile-open{transform:translate(0)}.chatgpt-sidebar.mobile-open .logo-text,.chatgpt-sidebar.mobile-open .group-label,.chatgpt-sidebar.mobile-open .group-chevron,.chatgpt-sidebar.mobile-open .nav-label,.chatgpt-sidebar.mobile-open .user-info,.chatgpt-sidebar.mobile-open .logout-btn,.chatgpt-sidebar.mobile-open .login-text{display:block}.chatgpt-sidebar.mobile-open .group-label-btn{display:flex}.chatgpt-sidebar.mobile-open .nav-group-items.collapsed{max-height:0;opacity:0}.chatgpt-sidebar.mobile-open .sidebar-top{padding:0 16px 12px}.chatgpt-sidebar.mobile-open .app-logo{justify-content:flex-start}.chatgpt-sidebar.mobile-open .sidebar-nav{padding:0 16px}.chatgpt-sidebar.mobile-open .nav-item{justify-content:flex-start;padding:12px 16px}.chatgpt-sidebar.mobile-open .user-profile{justify-content:flex-start;padding:10px 12px}.chatgpt-sidebar.mobile-open .login-btn{justify-content:center;padding:12px 16px}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.mobile-close-btn{display:flex}.top-nav{padding:12px 16px;gap:12px;flex-wrap:nowrap}.top-actions{width:auto;flex:1;justify-content:flex-end}.content-body{padding:16px}.page-title h1{font-size:22px}.page-title p{font-size:13px}.header-buttons{flex-direction:column;width:100%;gap:8px}.header-buttons .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-content .value{font-size:26px}.insights-grid{grid-template-columns:1fr}.simulator-form{grid-template-columns:1fr;gap:16px}.full-width{grid-column:1 / -1}.tabs-container{gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;flex-shrink:0}.table-header,.table-row{min-width:600px}.categories-grid{overflow-x:hidden;flex-wrap:wrap}.category-card{flex:1 1 calc(50% - 8px);min-width:120px;width:auto}.action-bar{bottom:16px}.save-btn{padding:12px 20px;font-size:14px}}@media(max-width:480px){.category-card{flex:1 1 100%}}.dev-mode-toggle-dashboard{position:relative;border:2px dashed var(--border-light)!important;background:#94a3b81a!important}.dev-mode-toggle-dashboard:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid var(--bg-card)}.dev-mode-toggle-dashboard:hover{border-color:#f59e0b!important;color:#f59e0b!important;background:#f59e0b1a!important}.dev-mode-toggle-dashboard.active{border-color:#f59e0b!important;background:#f59e0b26!important;color:#f59e0b!important}.dashboard-layout .dev-mode-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.dashboard-layout .dev-mode-panel{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:90%;animation:slideUp .3s ease}.dashboard-layout .dev-mode-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#f59e0b}.dashboard-layout .dev-mode-header h3{margin:0;font-size:20px;font-weight:700;color:var(--text-main)}.dashboard-layout .dev-mode-description{color:var(--text-muted);font-size:14px;margin-bottom:24px;line-height:1.6}.dashboard-layout .dev-mode-form{display:flex;flex-direction:column;gap:16px}.dashboard-layout .dev-mode-form .form-group{display:flex;flex-direction:column;gap:8px}.dashboard-layout .dev-mode-form .form-label{font-size:13px;font-weight:600;color:var(--text-main)}.dashboard-layout .dev-mode-form .form-input{padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-main);font-size:14px;transition:all .2s ease}.dashboard-layout .dev-mode-form .form-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.dashboard-layout .auth-button.dev-login-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.dashboard-layout .auth-button.dev-login-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.dashboard-layout .auth-button.dev-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-layout .dev-mode-close{width:100%;margin-top:12px;padding:12px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s ease}.dashboard-layout .dev-mode-close:hover{background:var(--bg-hover);color:var(--text-main)}.dashboard-layout .auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:var(--radius-md);font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-onboarding{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-full);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d;white-space:nowrap}.btn-onboarding:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-onboarding:active{transform:translateY(0)}@media(max-width:768px){.btn-onboarding span{display:none}.btn-onboarding{padding:8px;border-radius:50%}}.channel-page{display:flex;min-height:100vh;background:var(--bg-main)}.channel-loading,.channel-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:var(--text-muted)}.channel-not-found h2{color:var(--text-main);margin:0}.channel-sidebar{width:280px;min-width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-light)}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:14px}.back-btn:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-profile{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;border-bottom:1px solid var(--border-light)}.sidebar-profile .profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;position:relative}.sidebar-profile .profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.live-ring{position:absolute;inset:-4px;border-radius:50%;border:3px solid #ef4444;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.sidebar-profile .profile-info{text-align:center}.sidebar-profile .profile-name{display:block;font-size:16px;font-weight:600;color:var(--text-main)}.sidebar-profile .profile-username{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1;padding:16px 8px}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.sidebar-nav .nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-nav .nav-item.active{background:var(--primary-light);color:var(--primary-color)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-light)}.quick-links{display:flex;justify-content:center;gap:12px}.quick-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-card);color:var(--text-muted);transition:all .2s ease}.quick-links a:hover{background:var(--primary-light);color:var(--primary-color)}.channel-main{flex:1;padding:24px 32px;overflow-y:auto;max-width:1200px}.channel-section{margin-bottom:32px}.channel-section h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--text-main);margin-bottom:24px}.profile-header-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);overflow:hidden;margin-bottom:24px}.profile-banner{height:120px;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);position:relative}.live-indicator{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.profile-content{display:flex;gap:24px;padding:0 24px 24px;position:relative}.profile-avatar-wrapper{margin-top:-48px;position:relative}.profile-avatar.large{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;border:4px solid var(--bg-card)}.profile-avatar.large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.verified-badge{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--bg-card)}.profile-info{flex:1;padding-top:12px}.profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-name-row h1{font-size:24px;font-weight:700;color:var(--text-main);margin:0}.profile-badges{display:flex;gap:8px}.profile-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.profile-username{font-size:14px;color:var(--text-muted);margin-top:4px}.profile-bio{color:var(--text-main);font-size:14px;line-height:1.6;margin:12px 0}.profile-meta{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.profile-meta span{display:flex;align-items:center;gap:6px}.profile-actions{display:flex;flex-direction:column;gap:8px;padding-top:12px}.live-status-card{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:20px;margin-bottom:24px}.live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.live-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ef4444;border-radius:20px;color:#fff;font-size:13px;font-weight:600}.live-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.live-stats{margin-bottom:16px}.live-stat{display:flex;align-items:center;gap:10px;color:var(--text-main)}.live-stat-value{font-size:24px;font-weight:700}.live-stat-label{font-size:14px;color:var(--text-muted)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.quick-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.quick-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-stat-content{display:flex;flex-direction:column}.quick-stat-value{font-size:24px;font-weight:700;color:var(--text-main)}.quick-stat-label{font-size:13px;color:var(--text-muted)}.section-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);padding:24px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-main);margin:0}.section-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--primary-color);background:transparent;border:none;cursor:pointer}.section-link:hover{text-decoration:underline}.platforms-list{display:flex;flex-direction:column;gap:12px}.platform-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-main);border-radius:10px}.platform-info{display:flex;align-items:center;gap:12px}.platform-logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.platform-details{display:flex;flex-direction:column}.platform-name{font-size:14px;font-weight:600;color:var(--text-main)}.platform-followers{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.platform-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-card);color:var(--text-muted);transition:all .2s ease}.platform-link:hover{background:var(--primary-light);color:var(--primary-color)}.recent-streams-list{display:flex;flex-direction:column;gap:12px}.stream-item{display:flex;gap:16px;padding:16px;background:var(--bg-main);border-radius:10px;transition:all .2s ease}.stream-item:hover{background:var(--bg-hover)}.stream-thumbnail{width:80px;height:60px;border-radius:8px;background:linear-gradient(135deg,var(--primary-light),var(--bg-card));display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.stream-thumbnail.large{width:160px;height:90px}.stream-info{flex:1;min-width:0}.stream-title{font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:8px}.stream-meta span{display:flex;align-items:center;gap:4px}.stream-category{display:inline-block;padding:4px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:12px;font-size:11px;font-weight:500}.stats-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.stat-card.large{grid-column:span 2}.stat-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:13px;color:var(--text-muted)}.stat-value{font-size:20px;font-weight:700;color:var(--text-main)}.stats-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);color:var(--text-muted)}.streams-filter{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.streams-list{display:flex;flex-direction:column;gap:16px}.stream-card{display:flex;gap:20px;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.stream-content{flex:1}.stream-content h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 8px}.stream-category-tag{display:inline-block;padding:4px 12px;background:var(--bg-main);border-radius:12px;font-size:12px;color:var(--text-muted)}.stream-actions{display:flex;align-items:center}.connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.connection-card{padding:24px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.connection-card.connected{border-color:#10b9814d}.connection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.connection-logo{width:40px;height:40px;border-radius:8px;object-fit:contain}.connection-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;background:var(--bg-main);color:var(--text-muted)}.connection-status.active{background:#10b9811a;color:#10b981}.connection-card h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 12px}.connection-stats{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-bottom:16px}.connection-actions{display:flex;gap:8px}.settings-group{margin-bottom:32px}.settings-group h3{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:16px}.setting-item{margin-bottom:16px}.setting-item label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:8px}.setting-item input,.setting-item textarea{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-size:14px}.setting-item input:focus,.setting-item textarea:focus{outline:none;border-color:var(--primary-color)}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);margin-bottom:12px}.setting-info span{display:block;font-size:14px;font-weight:500;color:var(--text-main)}.setting-info p{font-size:12px;color:var(--text-muted);margin:4px 0 0}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background:var(--border-medium);border-radius:12px;transition:.3s}.toggle-switch label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+label{background:var(--primary-color)}.toggle-switch input:checked+label:before{transform:translate(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main)}.btn-outline:hover{background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:13px}.btn-full{width:100%}.btn-danger-ghost{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger-ghost:hover{background:#ef44441a}.animate-fade{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.channel-sidebar{width:240px;min-width:240px}.channel-main{padding:20px}}@media(max-width:768px){.channel-page{flex-direction:column}.channel-sidebar{width:100%;min-width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-light)}.sidebar-profile{flex-direction:row;padding:16px}.sidebar-profile .profile-avatar{width:48px;height:48px;font-size:20px}.sidebar-profile .profile-info{text-align:left}.sidebar-nav{display:flex;overflow-x:auto;padding:8px;gap:4px}.sidebar-nav .nav-item{flex-shrink:0;padding:10px 16px;margin-bottom:0}.sidebar-nav .nav-item span,.sidebar-footer{display:none}.profile-content{flex-direction:column;align-items:center;text-align:center}.profile-actions{flex-direction:row;width:100%}.profile-actions .btn{flex:1}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card.large{grid-column:span 1}}.overlay-hover-panel{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.4),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-overlay:hover .overlay-hover-panel{opacity:1;pointer-events:auto}.hover-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px}.hover-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;padding:8px 14px;cursor:pointer;transition:all .2s ease;font-size:16px;min-width:44px;height:36px;display:flex;align-items:center;justify-content:center}.hover-btn:hover{background:#fff3;transform:scale(1.05);border-color:#fff6}.hover-btn.active{background:#3b82f680;border-color:#3b82f6b3}.hover-btn.small{padding:6px 10px;font-size:13px;min-width:36px;height:32px;font-weight:600}.hover-select{background:#0009;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;cursor:pointer;min-width:120px;height:36px}.hover-select:hover{border-color:#fff6}.hover-select option{background:#1f2937;color:#fff}.hover-divider{width:1px;height:24px;background:#fff3;margin:0 4px}.font-size-controls{display:flex;align-items:center;gap:6px}.font-size-display{color:#fff;font-size:13px;min-width:45px;text-align:center;font-weight:500}.paused-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:16px 32px;border-radius:12px;font-size:20px;font-weight:600;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;pointer-events:none}.chat-overlay.paused .messages-container{opacity:.5}.chat-message-item.sample{opacity:.75;border:1px dashed rgba(255,255,255,.3)}.chat-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;background:transparent;pointer-events:auto;overflow:hidden}.messages-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:800px}.chat-message-item{padding:10px 18px;border-radius:12px;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0003;pointer-events:auto;min-height:48px}.platform-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.platform-badge.twitch{background:#9146ff;color:#fff}.platform-badge.youtube{background:red;color:#fff}.platform-badge.chzzk{background:#00ffa3;color:#000}.platform-badge.soop{background:#007bff;color:#fff}.sender{font-weight:700;white-space:nowrap}.message-text{color:inherit;word-break:break-all}.alert-overlay{position:absolute;top:15%;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center}.alert-card{padding:40px;text-align:center;min-width:450px;background:#000000b3;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px}.alert-header{font-size:28px;font-weight:900;margin-bottom:15px;letter-spacing:2px}.gradient-text{background:linear-gradient(90deg,#f59e0b,#f43f5e,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.alert-sender{font-size:38px;font-weight:800;color:#fff}.alert-amount{font-size:34px;color:#fbbf24;margin:15px 0;font-weight:700}.alert-message{font-size:20px;color:#e2e8f0}.animate-fade-up{animation:fadeUp .4s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in,.animate-fadeIn{animation:fadeInOverlay .35s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.animate-fadeOut{animation:fadeOutOverlay .35s ease-in forwards}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.animate-slide-right,.animate-slide-in,.animate-slideInRight{animation:slideRight .4s ease-out forwards}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-bounceIn,.animate-bounce-in{animation:bounceIn .7s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-zoomIn,.animate-zoom-in{animation:zoomIn .4s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-flipInX{animation:flipInX .6s ease-out forwards}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}.animate-tada{animation:tada 1s infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.animate-flash{animation:flash .9s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.2}}.animate-wobble{animation:wobble .8s ease-in-out}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-8px) rotate(-2deg)}30%{transform:translate(6px) rotate(2deg)}45%{transform:translate(-4px) rotate(-1deg)}60%{transform:translate(3px) rotate(1deg)}75%{transform:translate(-2px) rotate(-1deg)}to{transform:translate(0)}}.animate-bounce{animation:bounceText .9s ease}@keyframes bounceText{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-6px)}}.animate-rotate{animation:rotateText .8s ease-in-out}@keyframes rotateText{0%{transform:rotate(-6deg)}to{transform:rotate(0)}}.animate-rollIn{animation:rollIn .6s ease-out}@keyframes rollIn{0%{opacity:0;transform:translate(-20px) rotate(-120deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.subtitle-overlay{position:absolute;bottom:80px;width:100%;text-align:center;display:flex;justify-content:center}.subtitle-container{background:#0009;color:#fff;padding:10px 20px;border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600;border:1px solid rgba(255,255,255,.1)}.ranking-list{display:flex;gap:15px}.ranking-item{display:flex;align-items:center;gap:6px}.medal-1{color:gold}.medal-2{color:silver}.medal-3{color:#cd7f32}.goal-overlay{position:absolute;top:20px;right:20px}.goal-card{background:#000c;padding:15px;border-radius:12px;min-width:300px;color:#fff;border:1px solid rgba(255,255,255,.1)}.goal-bar-container{display:flex;flex-direction:column;gap:10px}.goal-title{font-weight:700}.goal-values{font-size:12px;color:#ffffffb3}.goal-percent{color:#fff}.progress-ring{display:block}.goal-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600}.goal-bar-bg{width:100%;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.goal-bar-fill{height:100%;border-radius:10px;transition:width .5s ease-out;position:relative}.shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.goal-circle,.goal-shape{position:relative;display:flex;justify-content:center}.progress-ring__circle{transition:stroke-dashoffset .5s ease-in-out;transform:rotate(-90deg);transform-origin:50% 50%}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:24px}.goal-shape-fill{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.goal-icon-bg{color:#ffffff1a}.goal-icon-fill{color:inherit}.text-stroke{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.ticker-overlay{position:absolute;top:0;left:0;width:100%;background:#000c;overflow:hidden;height:50px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.ticker-track{width:100%;overflow:hidden;white-space:nowrap}.ticker-content{display:inline-block;white-space:nowrap;animation:ticker linear infinite;color:#fff;font-weight:500}.ticker-item{display:inline-block;padding:0 20px}.separator{color:var(--primary);margin-left:10px;opacity:.7}@keyframes ticker{0%{transform:translate3d(100%,0,0)}to{transform:translate3d(-100%,0,0)}}.ad-overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:1000}.ad-slot{pointer-events:auto;cursor:pointer;overflow:hidden;border-radius:4px;animation:adFadeIn .3s ease-out;transition:transform .2s ease,box-shadow .2s ease}.ad-slot:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000004d}.ad-content-image,.ad-content-video{width:100%;height:100%;object-fit:cover;display:block}.ad-content-iframe{width:100%;height:100%;border:none;display:block}.ad-type-image .ad-content-image,.ad-type-video .ad-content-video{border-radius:4px}@keyframes adFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes adSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes adPulse{0%,to{opacity:1}50%{opacity:.9}}.ad-slot[style*=bottom]{animation:adSlideIn .4s ease-out}.ad-slot[style*="width: 10%"][style*="height: 18%"]{border-radius:8px}.ad-debug-indicator{position:fixed;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;font-family:monospace;display:flex;align-items:center;gap:8px;z-index:9999;pointer-events:none}.connection-status{width:8px;height:8px;border-radius:50%}.connection-status.connected{background:#10b981;box-shadow:0 0 6px #10b981}.connection-status.disconnected{background:#ef4444;box-shadow:0 0 6px #ef4444}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ad-content-image{image-rendering:-webkit-optimize-contrast}}@media(prefers-reduced-motion:reduce){.ad-slot{animation:none}.ad-slot:hover{transform:none}}.landing-container{min-height:100vh;width:100%;overflow-x:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8)}.header-logo{font-size:24px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:12px}.header-login-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.header-login-btn:hover{background:#2563eb;transform:translateY(-1px)}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px 80px;text-align:center;position:relative;background:linear-gradient(180deg,#fff,#f8fafc)}.hero-content{max-width:800px;z-index:1}.hero-badge{display:inline-block;background:#3b82f61a;color:#3b82f6;padding:8px 20px;border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;font-weight:800;color:#1e293b;line-height:1.2;margin-bottom:24px;letter-spacing:-.02em}.hero-highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;color:#64748b;line-height:1.6;margin-bottom:40px}.hero-cta{background:#3b82f6;color:#fff;padding:16px 40px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 10px 30px #3b82f64d}.hero-cta:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 15px 40px #3b82f666}.landing-features{padding:80px 40px;background:#fff}.features-header{text-align:center;margin-bottom:60px}.features-header h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:12px}.features-header p{font-size:18px;color:#64748b}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid #e2e8f0;position:relative}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#3b82f6}.feature-icon-wrapper{width:64px;height:64px;background:#3b82f61a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#3b82f6}.feature-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.feature-description{font-size:14px;color:#64748b;margin-bottom:16px}.feature-badge{display:inline-block;background:#f0fdf4;color:#16a34a;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600}.landing-login{padding:80px 40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f1f5f9);min-height:100vh}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:48px;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:32px;font-weight:700;color:#3b82f6;margin-bottom:8px}.auth-title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px}.auth-subtitle{font-size:14px;color:#64748b}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:#374151}.form-input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s;outline:none}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#94a3b8}.auth-button{padding:14px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button:hover{background:#2563eb}.auth-button:disabled{background:#94a3b8;cursor:not-allowed}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:#64748b}.auth-link{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:4px}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:12px;color:#94a3b8;text-transform:uppercase}.guest-button{width:100%;padding:12px 24px;background:#fff;color:#374151;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.guest-button:hover{background:#f8fafc;border-color:#cbd5e1}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#374151}.oauth-button:hover{background:#f8fafc;border-color:#cbd5e1}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-button img,.oauth-button svg{width:20px;height:20px}.oauth-button.soop{background:#06f;color:#fff;border-color:#06f}.oauth-button.soop:hover{background:#0052cc;border-color:#0052cc}.oauth-button.naver{background:#03c75a;color:#fff;border-color:#03c75a}.oauth-button.naver:hover{background:#02b351;border-color:#02b351}.oauth-button.google{background:#fff;color:#374151;border-color:#e2e8f0}.oauth-button.google:hover{background:#f8fafc;border-color:#cbd5e1}.oauth-button.twitch{background:#9146ff;color:#fff;border-color:#9146ff}.oauth-button.twitch:hover{background:#7c3aed;border-color:#7c3aed}.oauth-button.email{background:#64748b;color:#fff;border-color:#64748b}.oauth-button.email:hover{background:#475569;border-color:#475569}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr);gap:20px}.hero-title{font-size:48px}}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:40px}.hero-description{font-size:18px}.landing-hero,.landing-features{padding:60px 24px}}@media(max-width:768px){.landing-header{padding:12px 20px}.header-logo{font-size:20px}.header-login-btn{padding:8px 16px;font-size:13px}.landing-hero{min-height:auto;padding:100px 20px 60px}.hero-title{font-size:32px}.hero-description{font-size:16px}.hero-cta{width:100%;padding:14px 24px;font-size:16px}.landing-features{padding:40px 20px}.features-header h2{font-size:28px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px;display:flex;flex-direction:column;align-items:center}.auth-container{padding:16px}.auth-card{padding:32px 24px}.auth-title{font-size:20px}.auth-logo{font-size:28px}.form-input{font-size:16px}}.dev-mode-toggle{width:40px;height:40px;border-radius:10px;border:2px dashed #94a3b8;background:#94a3b81a;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.dev-mode-toggle:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid white}.dev-mode-toggle:hover{border-color:#f59e0b;border-style:solid;color:#f59e0b;background:#f59e0b1a}.dev-mode-toggle.active{background:#f59e0b;border-color:#f59e0b;border-style:solid;color:#fff}.dev-mode-toggle.active:after{display:none}.dev-mode-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dev-mode-panel{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003;margin:20px}.dev-mode-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#1e293b}.dev-mode-header h3{margin:0;font-size:20px;font-weight:700}.dev-mode-header svg{color:#f59e0b}.dev-mode-description{font-size:14px;color:#64748b;margin-bottom:24px;line-height:1.5}.dev-mode-form{display:flex;flex-direction:column;gap:16px}.dev-login-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.dev-login-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important}.dev-mode-close{width:100%;margin-top:12px;padding:12px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.dev-mode-close:hover{background:#f8fafc;border-color:#cbd5e1}@media(max-width:768px){.dev-mode-toggle{width:36px;height:36px}.dev-mode-panel{padding:24px;margin:16px}.dev-mode-header h3{font-size:18px}}[data-theme=dark] .landing-container{background:linear-gradient(135deg,var(--bg-page) 0%,#1e293b 100%)}[data-theme=dark] .landing-header{background:var(--glass-bg);border-bottom-color:var(--border-medium)}[data-theme=dark] .landing-hero{background:linear-gradient(180deg,var(--bg-page) 0%,#1e293b 100%)}[data-theme=dark] .hero-title{color:var(--text-main)}[data-theme=dark] .hero-description{color:var(--text-muted)}[data-theme=dark] .landing-features{background:var(--bg-page)}[data-theme=dark] .features-header h2{color:var(--text-main)}[data-theme=dark] .features-header p{color:var(--text-muted)}[data-theme=dark] .feature-card{background:var(--bg-card);border-color:var(--border-medium)}[data-theme=dark] .feature-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #0000004d}[data-theme=dark] .feature-title{color:var(--text-main)}[data-theme=dark] .feature-description{color:var(--text-muted)}[data-theme=dark] .landing-login{background:linear-gradient(180deg,var(--bg-page) 0%,#1e293b 100%)}[data-theme=dark] .auth-container{background:linear-gradient(135deg,var(--bg-page) 0%,#1e293b 100%)}[data-theme=dark] .auth-card{background:var(--bg-card);box-shadow:0 4px 24px #0000004d}[data-theme=dark] .auth-title{color:var(--text-main)}[data-theme=dark] .auth-subtitle{color:var(--text-muted)}[data-theme=dark] .form-label{color:var(--text-main)}[data-theme=dark] .form-input{background:var(--bg-input);border-color:var(--border-medium);color:var(--text-main)}[data-theme=dark] .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-input::placeholder{color:var(--text-muted)}[data-theme=dark] .auth-footer{color:var(--text-muted)}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:var(--border-medium)}[data-theme=dark] .auth-divider span{color:var(--text-muted)}[data-theme=dark] .guest-button{background:var(--bg-card);color:var(--text-main);border-color:var(--border-medium)}[data-theme=dark] .guest-button:hover{background:var(--bg-hover);border-color:var(--border-light)}[data-theme=dark] .oauth-button{background:var(--bg-card);color:var(--text-main);border-color:var(--border-medium)}[data-theme=dark] .oauth-button:hover{background:var(--bg-hover);border-color:var(--border-light)}[data-theme=dark] .oauth-button.google{background:var(--bg-card);color:var(--text-main);border-color:var(--border-medium)}[data-theme=dark] .oauth-button.google:hover{background:var(--bg-hover);border-color:var(--border-light)}[data-theme=dark] .dev-mode-panel{background:var(--bg-card);box-shadow:0 20px 60px #0006}[data-theme=dark] .dev-mode-header{color:var(--text-main)}[data-theme=dark] .dev-mode-description{color:var(--text-muted)}[data-theme=dark] .dev-mode-close{border-color:var(--border-medium);color:var(--text-muted)}[data-theme=dark] .dev-mode-close:hover{background:var(--bg-hover);border-color:var(--border-light)}.advertiser-layout{display:flex;height:100vh;width:100vw;background-color:var(--bg-page)}.advertiser-main{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden}.advertiser-content{flex:1;overflow-y:auto;padding:32px;width:100%}.campaign-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.campaign-stat-card{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.campaign-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.campaign-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.campaign-stat-header span{font-size:13px;color:var(--text-muted);font-weight:500}.campaign-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.campaign-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.campaign-stat-icon.green{background:#10b9811a;color:#10b981}.campaign-stat-icon.orange{background:#f973161a;color:#f97316}.campaign-stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.campaign-stat-value{font-size:28px;font-weight:700;color:var(--text-main);display:block;margin-bottom:4px}.campaign-stat-change{font-size:12px;font-weight:500}.campaign-stat-change.positive{color:#10b981}.campaign-stat-change.negative{color:#ef4444}.campaigns-section{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden}.campaigns-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-medium)}.campaigns-header h2{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.campaigns-filters{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;background:#fff;color:var(--text-main)}.campaigns-table{width:100%}.campaigns-table-header{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr 1fr 120px;padding:14px 24px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-medium);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.campaigns-table-row{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr 1fr 120px;padding:16px 24px;border-bottom:1px solid var(--border-light);align-items:center;transition:background .2s}.campaigns-table-row:hover{background:var(--bg-hover)}.campaigns-table-row:last-child{border-bottom:none}.campaign-name-cell{display:flex;align-items:center;gap:12px}.campaign-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--bg-sidebar)}.campaign-thumbnail-placeholder{width:48px;height:48px;border-radius:8px;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.campaign-name-info{display:flex;flex-direction:column;gap:2px}.campaign-name{font-weight:600;color:var(--text-main);font-size:14px}.campaign-type{font-size:12px;color:var(--text-muted)}.campaign-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:500}.campaign-status-badge.active{background:#10b9811a;color:#10b981}.campaign-status-badge.pending{background:#f973161a;color:#f97316}.campaign-status-badge.paused{background:#6b72801a;color:#6b7280}.campaign-status-badge.completed{background:#3b82f61a;color:#3b82f6}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.campaign-metric{font-weight:500;color:var(--text-main);font-size:14px}.campaign-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-medium);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--text-muted)}.action-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.campaigns-empty{padding:60px 24px;text-align:center}.campaigns-empty-icon{width:64px;height:64px;border-radius:16px;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--text-muted)}.campaigns-empty h3{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:8px}.campaigns-empty p{font-size:14px;color:var(--text-muted);margin-bottom:20px}.campaign-form-container{max-width:800px}.campaign-form-card{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.campaign-form-card h3{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:600;color:var(--text-main)}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:14px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{min-height:100px;resize:vertical}.form-field .hint{font-size:12px;color:var(--text-muted)}.file-upload-area{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-sidebar)}.file-upload-area:hover{border-color:var(--primary);background:#3b82f605}.file-upload-area.has-file{border-style:solid;border-color:var(--primary)}.file-upload-icon{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--primary)}.file-upload-area h4{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:4px}.file-upload-area p{font-size:13px;color:var(--text-muted)}.file-preview{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px}.file-preview img,.file-preview video{max-width:200px;max-height:120px;border-radius:8px;object-fit:cover}.file-preview-name{font-size:13px;color:var(--text-main);font-weight:500}.targeting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.targeting-option{padding:12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:center}.targeting-option:hover{border-color:var(--text-muted)}.targeting-option.selected{border-color:var(--primary);background:var(--primary-light)}.targeting-option span{font-size:13px;font-weight:500;color:var(--text-main)}.streamer-search{position:relative;margin-bottom:12px}.streamer-search input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:14px}.streamer-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.streamer-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:#fff}.streamer-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .2s}.streamer-item:hover{background:var(--bg-hover)}.streamer-item.selected{background:var(--primary-light)}.streamer-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:600;font-size:12px}.streamer-info{flex:1}.streamer-name{font-size:14px;font-weight:500;color:var(--text-main)}.streamer-stats{font-size:12px;color:var(--text-muted)}.streamer-check{color:var(--primary)}.selected-streamers{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-streamer-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--primary-light);color:var(--primary);border-radius:50px;font-size:12px;font-weight:500}.selected-streamer-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center}.budget-input-wrapper{position:relative}.budget-input-wrapper input{padding-left:28px}.budget-currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;font-weight:500}.campaign-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-cancel{padding:12px 24px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-weight:500;color:var(--text-main);background:#fff;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--bg-hover)}.btn-submit{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-submit:hover{background:var(--primary-hover)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.campaign-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.campaign-detail-title{display:flex;align-items:center;gap:16px}.campaign-detail-title h1{font-size:24px;font-weight:700;color:var(--text-main);margin:0}.campaign-detail-actions{display:flex;gap:12px}.campaign-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.campaign-detail-card{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:24px}.campaign-detail-card h3{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:20px}.campaign-preview{background:var(--bg-sidebar);border-radius:var(--radius-sm);padding:20px;text-align:center}.campaign-preview img,.campaign-preview video{max-width:100%;max-height:300px;border-radius:8px}.campaign-info-list{display:flex;flex-direction:column;gap:16px}.campaign-info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.campaign-info-item:last-child{border-bottom:none;padding-bottom:0}.campaign-info-label{font-size:13px;color:var(--text-muted)}.campaign-info-value{font-size:14px;font-weight:500;color:var(--text-main)}.chart-placeholder{height:200px;background:var(--bg-sidebar);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}@media(max-width:1200px){.campaign-stats-grid{grid-template-columns:repeat(2,1fr)}.campaigns-table-header,.campaigns-table-row{grid-template-columns:2fr 1fr 1fr 1fr 100px}.campaigns-table-header>span:nth-child(5),.campaigns-table-row>div:nth-child(5){display:none}.campaign-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.advertiser-content{padding:20px}.campaign-stats-grid{grid-template-columns:1fr}.campaigns-header{flex-direction:column;align-items:flex-start;gap:16px}.campaigns-filters{width:100%;flex-wrap:wrap}.campaigns-table-header,.campaigns-table-row{grid-template-columns:1fr auto auto}.campaigns-table-header>span:nth-child(3),.campaigns-table-header>span:nth-child(4),.campaigns-table-row>div:nth-child(3),.campaigns-table-row>div:nth-child(4){display:none}.form-row,.targeting-grid{grid-template-columns:1fr}.campaign-form-actions{flex-direction:column}.campaign-form-actions button{width:100%;justify-content:center}}.admin-monitor{padding:0}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.monitor-header-left{display:flex;align-items:center;gap:12px}.monitor-header-left h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0}.monitor-header-left svg{color:var(--primary)}.monitor-header-right{display:flex;align-items:center;gap:16px}.monitor-last-updated{font-size:13px;color:var(--text-muted)}.monitor-refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-size:13px;cursor:pointer;transition:all .2s}.monitor-refresh-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.monitor-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.monitor-refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.monitor-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.monitor-stats-grid.secondary{margin-top:12px}.monitor-stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:help;transition:all .2s}.monitor-stat-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.monitor-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px}.monitor-stat-icon.red{background:#ff475726;color:#ff4757}.monitor-stat-icon.green{background:#2ed57326;color:#2ed573}.monitor-stat-icon.yellow{background:#ffa50226;color:#ffa502}.monitor-stat-icon.purple{background:#9b59b626;color:#9b59b6}.monitor-stat-icon.cyan{background:#1abc9c26;color:#1abc9c}.monitor-stat-icon.blue{background:#3742fa26;color:#3742fa}.monitor-stat-content h3{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.monitor-stat-content .value{font-size:22px;font-weight:700;color:var(--text-main)}.monitor-stat-content .stat-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.monitor-charts-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.monitor-chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:20px}.monitor-chart-card h3{font-size:14px;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:600}.monitor-chart-card h3 svg{color:var(--primary)}.monitor-chart-container{position:relative;height:200px}.monitor-tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.monitor-tab-btn{background:transparent;border:none;color:var(--text-muted);padding:10px 18px;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s;font-weight:500}.monitor-tab-btn:hover{background:var(--bg-hover);color:var(--text-main)}.monitor-tab-btn.active{background:var(--primary);color:#fff}.monitor-table-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.monitor-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.monitor-table-title{font-size:16px;font-weight:600;color:var(--text-main)}.monitor-filter-group{display:flex;align-items:center;gap:16px}.monitor-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer}.monitor-checkbox-label input{cursor:pointer}.monitor-filter{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);padding:8px 12px;border-radius:6px;font-size:13px}.monitor-table-wrapper{overflow-x:auto}.monitor-table{width:100%;border-collapse:collapse}.monitor-table th,.monitor-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-light)}.monitor-table th{background:var(--bg-hover);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.monitor-table tbody tr:hover{background:#ffffff05}.monitor-table td{font-size:13px;color:var(--text-main)}.monitor-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-number{font-variant-numeric:tabular-nums}.monitor-clickable{cursor:pointer;color:var(--text-main);transition:color .2s}.monitor-clickable:hover{color:var(--primary);text-decoration:underline}.monitor-empty{text-align:center;padding:40px;color:var(--text-muted)}.monitor-platform-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.monitor-platform-badge.soop{background:#1a4bcc;color:#fff}.monitor-platform-badge.chzzk{background:#00d67e;color:#000}.monitor-platform-badge.twitch{background:#9146ff;color:#fff}.monitor-platform-badge.youtube{background:red;color:#fff}.monitor-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.monitor-status-badge.live{background:#ff475726;color:#ff4757}.monitor-status-badge.offline{background:#a0a0a026;color:var(--text-muted)}.monitor-type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.monitor-type-badge.broadcaster{background:#9b59b626;color:#9b59b6}.monitor-type-badge.viewer{background:#1abc9c26;color:#1abc9c}.monitor-type-badge.chat{background:#3742fa26;color:#3742fa}.monitor-type-badge.donation{background:#ffa50226;color:#ffa502}.monitor-type-badge.subscribe{background:#9b59b626;color:#9b59b6}.monitor-type-badge.follow{background:#2ed57326;color:#2ed573}.monitor-category-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:var(--bg-hover)}.monitor-category-initial{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#9b59b6);border-radius:6px;color:#fff;font-size:16px;font-weight:700}.monitor-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--border-light)}.monitor-pagination-info{font-size:13px;color:var(--text-muted)}.monitor-pagination-buttons{display:flex;gap:8px}.monitor-page-btn{background:var(--bg-hover);border:1px solid var(--border-light);color:var(--text-main);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.monitor-page-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.monitor-page-btn:disabled{opacity:.4;cursor:not-allowed}.monitor-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.monitor-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.monitor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-hover)}.monitor-modal-profile{display:flex;align-items:center;gap:16px}.monitor-modal-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#9b59b6);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;overflow:hidden}.monitor-modal-avatar img{width:100%;height:100%;object-fit:cover}.monitor-modal-info h2{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 6px}.monitor-modal-meta{display:flex;gap:8px}.monitor-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.monitor-modal-close:hover{background:var(--bg-card);color:var(--text-main)}.monitor-modal-loading{display:flex;justify-content:center;align-items:center;gap:12px;padding:60px;color:var(--text-muted)}.monitor-modal-body{padding:24px;overflow-y:auto}.monitor-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.monitor-modal-stat{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:10px;padding:16px;text-align:center}.monitor-modal-stat h4{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.monitor-modal-stat .value{font-size:18px;font-weight:700;color:var(--text-main)}.monitor-modal-section h3{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:12px}.monitor-modal-section p{font-size:13px;color:var(--text-muted);margin:8px 0}@media(max-width:1024px){.monitor-charts-section{grid-template-columns:1fr}.monitor-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.monitor-header{flex-direction:column;align-items:flex-start;gap:12px}.monitor-stats-grid{grid-template-columns:repeat(2,1fr)}.monitor-table-header{flex-direction:column;align-items:flex-start;gap:12px}.monitor-filter-group{width:100%;justify-content:space-between}.monitor-modal-stats{grid-template-columns:repeat(2,1fr)}.monitor-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.monitor-tab-btn{flex-shrink:0;padding:8px 14px;font-size:13px}}.admin-layout{display:flex;min-height:100vh;width:100%;background:var(--bg-page, #f8fafc)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted, #64748b)}.admin-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-medium, #e2e8f0);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light, #f1f5f9);font-weight:700;font-size:16px;color:var(--text-main, #1e293b)}.admin-shield-icon{color:#f59e0b}.admin-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.admin-nav-item:hover{background:var(--bg-hover, #f8fafc);color:var(--text-main, #1e293b)}.admin-nav-item.active{background:#f59e0b1a;color:#f59e0b}.admin-sidebar-footer{padding:16px;border-top:1px solid var(--border-light, #f1f5f9)}.admin-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border-medium, #e2e8f0);background:transparent;color:var(--text-muted, #64748b);font-size:14px;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.admin-streamer-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--primary, #3b82f6);background:#3b82f61a;color:var(--primary, #3b82f6);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-streamer-mode-btn:hover{background:var(--primary, #3b82f6);color:#fff}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-header{padding:20px 32px;background:var(--bg-card);border-bottom:1px solid var(--border-medium, #e2e8f0);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-header h1{font-size:24px;font-weight:700;margin:0;color:var(--text-main, #1e293b)}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f59e0b1a;color:#f59e0b;border-radius:20px;font-size:13px;font-weight:600}.admin-content{flex:1;padding:24px 32px;overflow-y:auto}.admin-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:24px;margin-bottom:24px}.admin-card h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-main, #1e293b)}.admin-loading-section{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted, #64748b)}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-full-width{grid-column:1 / -1}.admin-overview{width:100%}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.admin-metric-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:4px;min-width:0}.metric-title{font-size:13px;color:var(--text-muted, #64748b)}.metric-value{font-size:22px;font-weight:700;color:var(--text-main, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.admin-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.admin-summary-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.summary-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #f1f5f9)}.summary-header svg{color:var(--primary, #3b82f6)}.summary-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main, #1e293b)}.summary-content{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:14px;color:var(--text-muted, #64748b)}.summary-value{font-size:14px;font-weight:600;color:var(--text-main, #1e293b)}.admin-activity-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.activity-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #f1f5f9)}.activity-header svg{color:var(--primary, #3b82f6)}.activity-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main, #1e293b)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:2px}.activity-text{font-size:14px;color:var(--text-main, #1e293b)}.activity-time{font-size:12px;color:var(--text-muted, #94a3b8)}.admin-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.admin-summary-list{display:flex;flex-direction:column;gap:16px}.admin-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light, #f1f5f9)}.admin-summary-item:last-child{border-bottom:none}.admin-summary-item .label{color:var(--text-muted, #64748b);font-size:14px}.admin-summary-item .value{font-weight:600;color:var(--text-main, #1e293b)}.admin-quick-stats{display:flex;flex-direction:column;gap:16px}.quick-stat{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-sidebar, #f8fafc);border-radius:10px}.quick-stat svg{color:var(--primary, #3b82f6)}.quick-stat .stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-main, #1e293b)}.quick-stat .stat-label{font-size:13px;color:var(--text-muted, #64748b)}.admin-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-search-form{display:flex;align-items:center;gap:12px;flex:1;max-width:400px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:10px}.admin-search-form input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-main, #1e293b);background:transparent}.admin-search-form input::placeholder{color:var(--text-muted, #94a3b8)}.admin-search-form button{padding:6px 16px;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.admin-search-form button:hover{background:#2563eb}.admin-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:10px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .2s}.admin-refresh-btn:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.admin-table-container{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;overflow:hidden;margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);background:var(--bg-sidebar, #f8fafc);border-bottom:1px solid var(--border-medium, #e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.admin-table th:hover{background:var(--bg-hover, #f1f5f9)}.admin-table td{padding:14px 16px;font-size:14px;color:var(--text-main, #1e293b);border-bottom:1px solid var(--border-light, #f1f5f9)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-hover, #f8fafc)}.admin-table-loading,.admin-table-empty{text-align:center;padding:40px!important;color:var(--text-muted, #64748b)}.streamer-name-cell{display:flex;align-items:center;gap:10px}.streamer-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.admin-action-btn{padding:6px;background:transparent;border:1px solid var(--border-medium, #e2e8f0);border-radius:6px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .2s}.admin-action-btn:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.admin-pagination button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:8px;cursor:pointer;color:var(--text-main, #1e293b);transition:all .2s}.admin-pagination button:hover:not(:disabled){border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-pagination span{font-size:14px;color:var(--text-muted, #64748b)}.platform-stat-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.platform-stat-card .platform-header{margin-bottom:16px}.platform-stat-card .platform-header img{height:24px;object-fit:contain}.platform-stat-card .platform-name{font-weight:600;color:var(--text-main, #1e293b);text-transform:capitalize}.platform-stat-card .platform-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-stat-card .stat{display:flex;flex-direction:column;gap:4px}.platform-stat-card .stat .label{font-size:12px;color:var(--text-muted, #64748b)}.platform-stat-card .stat .value{font-size:16px;font-weight:600;color:var(--text-main, #1e293b)}.viewership-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.viewership-platform-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px;text-align:center}.viewership-platform-card .platform-header{margin-bottom:12px}.viewership-platform-card .platform-header img{height:28px;object-fit:contain}.viewership-platform-card .platform-viewers{margin-bottom:16px}.viewership-platform-card .platform-viewers .current{display:block;font-size:28px;font-weight:700;color:var(--text-main, #1e293b)}.viewership-platform-card .platform-viewers .label{font-size:12px;color:var(--text-muted, #64748b)}.viewership-platform-card .platform-meta{display:flex;justify-content:center;gap:24px}.viewership-platform-card .platform-meta div{display:flex;flex-direction:column;gap:2px}.viewership-platform-card .platform-meta .value{font-weight:600;font-size:14px;color:var(--text-main, #1e293b)}.viewership-platform-card .platform-meta .label{font-size:11px;color:var(--text-muted, #64748b)}.admin-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px 16px;margin-bottom:24px;font-size:13px;color:#b45309}.admin-top-list{display:flex;flex-direction:column;gap:12px}.admin-top-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-sidebar, #f8fafc);border-radius:10px}.admin-top-item .rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--bg-page, #e2e8f0);color:var(--text-muted, #64748b);flex-shrink:0}.admin-top-item .rank.rank-1{background:linear-gradient(135deg,gold,#ffb700);color:#fff}.admin-top-item .rank.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.admin-top-item .rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.admin-top-item .name{flex:1;font-weight:500;color:var(--text-main, #1e293b)}.admin-top-item .value{font-weight:700;color:var(--primary, #3b82f6)}.chart-container{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:24px}.chart-container-header{margin-bottom:20px}.chart-container-header h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-main, #1e293b)}.chart-container-header p{font-size:13px;color:var(--text-muted, #64748b);margin:0}.time-range-selector{display:flex;gap:8px;background:var(--bg-sidebar, #f8fafc);padding:4px;border-radius:8px}.time-range-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s}.time-range-btn:hover{color:var(--text-main, #1e293b)}.time-range-btn.active{background:var(--bg-card);color:var(--primary, #3b82f6);box-shadow:0 1px 3px #0000001a}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.admin-metrics-grid,.platform-cards-grid,.viewership-platform-grid,.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-grid,.admin-summary-grid,.admin-charts-grid,.charts-grid{grid-template-columns:1fr}.revenue-summary-grid{grid-template-columns:repeat(2,1fr)}}.admin-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-medium);cursor:pointer;transition:all .2s;flex-shrink:0}.admin-mobile-menu-btn:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.admin-mobile-close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;margin-left:auto;transition:all .2s}.admin-mobile-close-btn:hover{background:var(--bg-hover);color:var(--text-main)}.admin-mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay, 200);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.admin-mobile-overlay.active{opacity:1;visibility:visible}@media(max-width:1024px){.admin-content{padding:20px 24px}.admin-header{padding:16px 24px}}@media(max-width:768px){.admin-mobile-menu-btn,.admin-mobile-close-btn{display:flex}.admin-mobile-overlay{display:block}.admin-sidebar{position:fixed;top:0;left:0;height:100%;height:calc(var(--vh, 1vh) * 100);z-index:var(--z-sidebar, 100);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}.admin-content{padding:16px}.admin-header{padding:16px;gap:12px}.admin-header h1{font-size:18px;flex:1}.admin-header-actions{flex-wrap:wrap;gap:8px}.admin-streamer-mode-btn span{display:none}.admin-metrics-grid,.platform-cards-grid,.viewership-platform-grid,.analytics-metrics-grid,.revenue-summary-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search-form{max-width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}}.influence-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-medium, #e2e8f0)}.influence-header{margin-bottom:24px}.influence-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.influence-title svg{color:#f59e0b}.influence-title h2{margin:0;font-size:22px;font-weight:700;color:var(--text-main, #1e293b)}.influence-description{font-size:14px;color:var(--text-muted, #64748b);margin:0}.game-category-tabs{display:flex;gap:8px;padding:8px;background:var(--bg-sidebar, #f8fafc);border-radius:12px;margin-bottom:24px;overflow-x:auto}.game-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s;white-space:nowrap}.game-tab:hover{background:var(--bg-card);color:var(--text-main, #1e293b)}.game-tab.active{background:var(--bg-card);color:var(--primary, #3b82f6);box-shadow:0 2px 8px #00000014}.influence-table-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;overflow:hidden;margin-bottom:24px}.influence-table{width:100%}.influence-table .rank-col{width:60px;text-align:center}.rank-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:600;font-size:14px;background:var(--bg-sidebar, #f8fafc);color:var(--text-muted, #64748b)}.rank-number.rank-1,.rank-number.rank-2,.rank-number.rank-3{background:transparent}.streamer-row.clickable{cursor:pointer;transition:background .2s}.streamer-row.clickable:hover{background:var(--bg-sidebar, #f8fafc)}.streamer-info{display:flex;align-items:center;gap:12px}.streamer-avatar-lg{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;overflow:hidden}.streamer-avatar-lg img{width:100%;height:100%;object-fit:cover}.streamer-details{display:flex;flex-direction:column;gap:2px}.streamer-name{font-weight:600;font-size:14px;color:var(--text-main, #1e293b)}.streamer-platform{font-size:12px;color:var(--text-muted, #64748b);text-transform:capitalize}.influence-score{display:flex;align-items:center;gap:8px}.influence-badge{padding:4px 10px;border-radius:6px;font-weight:700;font-size:12px}.influence-value{font-weight:600;font-size:14px;color:var(--text-main, #1e293b)}.stat-cell{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-main, #1e293b)}.stat-cell svg{color:var(--text-muted, #64748b)}.efficiency-cell{display:flex;align-items:center;gap:10px}.efficiency-bar{width:80px;height:6px;background:var(--bg-page, #e2e8f0);border-radius:3px;overflow:hidden}.efficiency-fill{height:100%;border-radius:3px;transition:width .3s}.efficiency-cell span{font-size:13px;font-weight:500;color:var(--text-main, #1e293b);min-width:36px}.trend-badge{font-size:12px;font-weight:500}.view-detail-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted, #64748b);cursor:pointer;border-radius:6px;transition:all .2s}.view-detail-btn:hover{background:var(--bg-sidebar, #f8fafc);color:var(--primary, #3b82f6)}.ad-effectiveness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ad-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.ad-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ad-card-header svg{color:var(--primary, #3b82f6)}.ad-card-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-main, #1e293b)}.ad-card-list{display:flex;flex-direction:column;gap:12px}.ad-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-sidebar, #f8fafc);border-radius:8px}.ad-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--bg-page, #e2e8f0);color:var(--text-muted, #64748b);border-radius:6px}.ad-rank.hot{background:transparent;font-size:16px}.ad-name{flex:1;font-size:13px;font-weight:500;color:var(--text-main, #1e293b)}.ad-value{font-size:13px;font-weight:700;color:var(--primary, #3b82f6)}.ad-growth{font-size:13px;font-weight:700;color:#10b981}.mock-data-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;margin-bottom:24px;font-size:13px;color:#b45309}.notice-icon{font-size:16px}.viewership-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.viewership-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.viewership-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.viewership-card-content{display:flex;flex-direction:column;gap:2px}.viewership-card-label{font-size:12px;color:var(--text-muted, #64748b)}.viewership-card-value{font-size:22px;font-weight:700;color:var(--text-main, #1e293b)}.viewership-card-change{font-size:12px;font-weight:500}.viewership-card-change.positive{color:#10b981}.viewership-card-change.negative{color:#ef4444}.device-icons{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light, #f1f5f9)}.device-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #64748b)}.region-flag{margin-right:8px;font-size:16px}.share-bar{display:flex;align-items:center;gap:8px}.share-fill{height:8px;border-radius:4px;transition:width .3s}.share-bar span{font-size:12px;font-weight:500;color:var(--text-main, #1e293b);min-width:36px}.admin-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.admin-chart-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;overflow:hidden}.admin-chart-card.large{grid-column:1 / -1}.chart-header{padding:16px 20px;border-bottom:1px solid var(--border-light, #f1f5f9)}.chart-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-main, #1e293b)}.chart-body{padding:20px}.chart-tooltip{background:#1e293b;padding:10px 14px;border-radius:8px;border:1px solid #334155}.chart-tooltip .tooltip-label{font-weight:600;margin-bottom:4px;color:#fff}.admin-revenue{width:100%}.revenue-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.revenue-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px}.revenue-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.revenue-card-content{display:flex;flex-direction:column;gap:4px}.revenue-card-label{font-size:13px;color:var(--text-muted, #64748b)}.revenue-card-value{font-size:20px;font-weight:700;color:var(--text-main, #1e293b)}.time-select{padding:8px 12px;border:1px solid var(--border-medium, #e2e8f0);border-radius:8px;background:var(--bg-card);font-size:14px;color:var(--text-main, #1e293b);cursor:pointer}.admin-top-list-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;overflow:hidden}.top-list-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-light, #f1f5f9)}.top-list-header svg{color:#f59e0b}.top-list-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-main, #1e293b)}.top-list-body{padding:0}.top-list-table{width:100%;border-collapse:collapse}.top-list-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted, #64748b);background:var(--bg-sidebar, #f8fafc);border-bottom:1px solid var(--border-medium, #e2e8f0)}.top-list-table td{padding:12px 16px;font-size:14px;color:var(--text-main, #1e293b);border-bottom:1px solid var(--border-light, #f1f5f9)}.top-list-table tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:700;background:var(--bg-sidebar, #f8fafc);color:var(--text-muted, #64748b)}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffb700);color:#fff}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.streamer-cell{display:flex;align-items:center;gap:10px}.admin-platforms{width:100%}.platform-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.platform-card{background:var(--bg-card);border:2px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px;transition:border-color .2s}.platform-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.platform-logo{width:28px;height:28px;object-fit:contain}.platform-card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main, #1e293b)}.platform-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.platform-stat{display:flex;align-items:center;gap:8px}.platform-stat svg{color:var(--text-muted, #64748b)}.stat-label{flex:1;font-size:13px;color:var(--text-muted, #64748b)}.stat-value{font-size:14px;font-weight:600;color:var(--text-main, #1e293b)}.platform-card-growth{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border-light, #f1f5f9)}.growth-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.growth-badge.positive{background:#10b9811a;color:#10b981}.growth-badge.negative{background:#ef44441a;color:#ef4444}.growth-label{font-size:12px;color:var(--text-muted, #94a3b8)}.admin-table-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;overflow:hidden}.table-header{padding:16px 20px;border-bottom:1px solid var(--border-light, #f1f5f9)}.table-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-main, #1e293b)}.comparison-table td.positive{color:#10b981}.comparison-table td.negative{color:#ef4444}.admin-streamers{width:100%}.search-input-wrapper{display:flex;align-items:center;gap:8px;flex:1}.search-icon{color:var(--text-muted, #94a3b8)}.admin-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--text-main, #1e293b)}.admin-search-btn{padding:8px 16px;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.admin-toolbar-info{font-size:14px;color:var(--text-muted, #64748b)}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.role-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background:var(--bg-hover, #f1f5f9)}.admin-table tbody tr.clickable{cursor:pointer;transition:background-color .15s}.admin-table tbody tr.clickable:hover{background:var(--bg-hover, #f1f5f9)}.table-loading,.table-empty{text-align:center;padding:40px!important;color:var(--text-muted, #64748b)}.table-loading{display:flex;align-items:center;justify-content:center;gap:10px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:8px;font-size:13px;color:var(--text-main, #1e293b);cursor:pointer}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-muted, #64748b)}.admin-chart-card.full-width{grid-column:1 / -1}@media(max-width:1200px){.ad-effectiveness-grid{grid-template-columns:1fr}.viewership-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.game-category-tabs{padding:4px}.game-tab{padding:8px 12px;font-size:12px}.influence-table{min-width:800px}.viewership-summary-grid{grid-template-columns:1fr}.influence-title h2{font-size:18px}}.streamer-detail-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-medium, #e2e8f0);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s;margin-bottom:24px}.streamer-detail-back:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.streamer-profile-header{display:flex;align-items:center;gap:24px;padding:24px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:16px;margin-bottom:24px}.streamer-profile-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;overflow:hidden}.streamer-profile-avatar img{width:100%;height:100%;object-fit:cover}.streamer-profile-info{flex:1}.streamer-profile-info h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-main, #1e293b)}.streamer-profile-info .platform-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-sidebar, #f8fafc);border-radius:20px;font-size:13px;color:var(--text-muted, #64748b);text-transform:capitalize}.streamer-profile-stats{display:flex;gap:32px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-stat .stat-value{font-size:24px;font-weight:700;color:var(--text-main, #1e293b)}.profile-stat .stat-label{font-size:12px;color:var(--text-muted, #64748b)}.game-performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.game-performance-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.game-performance-card .game-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #f1f5f9)}.game-performance-card .game-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-sidebar, #f8fafc);display:flex;align-items:center;justify-content:center;color:var(--primary, #3b82f6)}.game-performance-card .game-name{font-weight:600;font-size:15px;color:var(--text-main, #1e293b)}.game-performance-card .game-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game-performance-card .game-stat{display:flex;flex-direction:column;gap:4px}.game-performance-card .game-stat .label{font-size:11px;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px}.game-performance-card .game-stat .value{font-size:18px;font-weight:700;color:var(--text-main, #1e293b)}.game-performance-card .game-stat .change{font-size:11px;font-weight:500}.game-performance-card .game-stat .change.positive{color:#10b981}.game-performance-card .game-stat .change.negative{color:#ef4444}@media(max-width:1024px){.game-performance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.streamer-profile-header{flex-direction:column;text-align:center}.streamer-profile-stats{justify-content:center}.game-performance-grid{grid-template-columns:1fr}}.admin-game-analytics{width:100%}.game-cell{display:flex;align-items:center;gap:10px}.game-color{width:12px;height:12px;border-radius:4px;flex-shrink:0}.game-select{margin-left:auto;padding:8px 12px;border:1px solid var(--border-medium, #e2e8f0);border-radius:8px;background:var(--bg-card);font-size:14px;color:var(--text-main, #1e293b);cursor:pointer}.game-select:focus{outline:none;border-color:var(--primary, #3b82f6)}.influence-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:150px}.influence-fill{height:8px;border-radius:4px;transition:width .3s}.influence-bar span{font-size:13px;font-weight:600;color:var(--text-main, #1e293b);min-width:28px}.admin-game-analytics .revenue-summary-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.admin-game-analytics .revenue-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-game-analytics .revenue-summary-grid{grid-template-columns:1fr}.game-select{width:100%;margin-left:0;margin-top:12px}.top-list-header{flex-wrap:wrap}}.admin-nav-category{padding:12px 20px 8px;font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.8px;margin-top:20px}.admin-nav-category.first{margin-top:0}.admin-nexon-discovery,.admin-nexon-campaign{width:100%}.nexon-ip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.nexon-ip-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .2s ease}.nexon-ip-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.nexon-ip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.nexon-ip-card.blue-archive:before{background:#08f}.nexon-ip-card.fc-online:before{background:#0a4}.nexon-ip-card.maplestory:before{background:#f80}.nexon-ip-card.the-first-descendant:before{background:#93f}.nexon-ip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nexon-ip-name{font-size:15px;font-weight:700;color:var(--text-main, #1e293b)}.nexon-ip-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700}.nexon-ip-trend.rising{background:#10b9811a;color:#10b981}.nexon-ip-trend.stable{background:#6366f11a;color:#6366f1}.nexon-ip-trend.declining{background:#ef44441a;color:#ef4444}.nexon-ip-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.nexon-ip-stat{display:flex;flex-direction:column;gap:4px}.nexon-ip-stat .label{font-size:11px;color:var(--text-muted, #64748b);font-weight:500}.nexon-ip-stat .value{font-size:20px;font-weight:800;color:var(--text-main, #1e293b)}.nexon-ip-insight{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light, #f1f5f9);font-size:12px;color:var(--text-muted, #64748b);line-height:1.5;font-style:italic}.sentiment-gauge{height:6px;background:var(--bg-page, #e2e8f0);border-radius:3px;overflow:hidden;margin-top:4px}.sentiment-fill{height:100%;border-radius:3px;transition:width .3s}.sentiment-fill.high{background:#10b981}.sentiment-fill.medium{background:#f59e0b}.sentiment-fill.low{background:#ef4444}.affinity-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.affinity-badge.high{background:#10b9811a;color:#10b981}.affinity-badge.medium{background:#f59e0b1a;color:#f59e0b}.affinity-badge.low{background:#ef44441a;color:#ef4444}.chat-velocity-cell{display:flex;flex-direction:column;gap:4px}.chat-velocity-bar{height:6px;background:var(--bg-page, #e2e8f0);border-radius:3px;overflow:hidden;width:80px}.chat-velocity-fill{height:100%;background:var(--primary, #6366f1);border-radius:3px;transition:width .3s}.chat-velocity-value{font-size:13px;font-weight:600;color:var(--text-main, #1e293b)}.discovery-table{width:100%}.discovery-table .streamer-info{display:flex;align-items:center;gap:12px}.discovery-table .streamer-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.discovery-table .platform-badge{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;background:#6366f11a;color:#6366f1}.campaign-status{display:inline-flex;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.campaign-status.active{background:#10b9811a;color:#10b981}.campaign-status.completed{background:#6366f11a;color:#6366f1}.campaign-status.scheduled{background:#f59e0b1a;color:#f59e0b}.campaign-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.campaign-metric-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:16px;padding:20px}.campaign-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.campaign-metric-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.campaign-metric-change{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700}.campaign-metric-change.positive{background:#10b9811a;color:#10b981}.campaign-metric-change.negative{background:#ef44441a;color:#ef4444}.campaign-metric-label{font-size:12px;color:var(--text-muted, #64748b);margin-bottom:4px}.campaign-metric-value{font-size:24px;font-weight:800;color:var(--text-main, #1e293b)}.campaign-roi-summary{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:28px;color:#fff}.campaign-roi-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.campaign-roi-header h3{font-size:18px;font-weight:700;color:#fff}.campaign-roi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.campaign-roi-stat{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.campaign-roi-stat .label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.campaign-roi-stat .value{font-size:28px;font-weight:800}.campaign-roi-stat .value.highlight{color:#10b981}.interest-radar-container{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:24px;color:#fff}.interest-radar-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.interest-radar-header h3{font-size:16px;font-weight:700;color:#fff}.business-insight-banner{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:28px;color:#fff;margin-top:28px;position:relative;overflow:hidden}.business-insight-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent);border-radius:50%}.business-insight-content{position:relative;z-index:1}.business-insight-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#6366f133;border-radius:8px;font-size:11px;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.business-insight-text{font-size:16px;line-height:1.6;color:#ffffffe6}.business-insight-text strong{color:#10b981;font-weight:700}@media(max-width:1200px){.nexon-ip-grid,.campaign-metrics-grid,.campaign-roi-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nexon-ip-grid,.campaign-metrics-grid,.campaign-roi-stats{grid-template-columns:1fr}.campaign-roi-stat .value{font-size:22px}}.nexon-contribution-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-medium, #e2e8f0)}.nexon-contribution-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.nexon-contribution-header h3{font-size:18px;font-weight:700;color:var(--text-main, #1e293b);margin:0}.nexon-contribution-header p{font-size:13px;color:var(--text-muted, #64748b);margin:0 0 24px}.nexon-contribution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.nexon-contribution-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px;transition:all .2s}.nexon-contribution-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.nexon-contribution-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nexon-contribution-content{display:flex;flex-direction:column;gap:2px;min-width:0}.nexon-contribution-label{font-size:12px;color:var(--text-muted, #64748b);font-weight:500}.nexon-contribution-value{font-size:22px;font-weight:700;color:var(--text-main, #1e293b)}.nexon-contribution-change{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.nexon-contribution-change.positive{color:#10b981}.nexon-contribution-change.negative{color:#ef4444}.nexon-contribution-charts{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:28px}.nexon-contribution-chart-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.nexon-contribution-chart-card h4{font-size:14px;font-weight:600;color:var(--text-main, #1e293b);margin:0 0 16px}.nexon-contribution-table-card{background:var(--bg-card);border:1px solid var(--border-medium, #e2e8f0);border-radius:12px;padding:20px}.nexon-contribution-table-card h4{font-size:14px;font-weight:600;color:var(--text-main, #1e293b);margin:0 0 16px;display:flex;align-items:center;gap:8px}.nexon-contribution-table{width:100%;border-collapse:collapse}.nexon-contribution-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--border-light, #f1f5f9);white-space:nowrap}.nexon-contribution-table td{padding:12px;font-size:13px;color:var(--text-main, #1e293b);border-bottom:1px solid var(--border-light, #f1f5f9)}.nexon-contribution-table tr:last-child td{border-bottom:none}.nexon-contribution-table .campaign-name{font-weight:600}.nexon-contribution-table .campaign-period{font-size:11px;color:var(--text-muted, #64748b)}@media(max-width:1200px){.nexon-contribution-grid{grid-template-columns:repeat(2,1fr)}.nexon-contribution-charts{grid-template-columns:1fr}}@media(max-width:768px){.nexon-contribution-grid{grid-template-columns:1fr}.nexon-contribution-value{font-size:18px}.nexon-contribution-table{display:block;overflow-x:auto}}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}