:root{--bg-dark:#080b0e;--bg-sidebar:#0e1217d9;--bg-card:#13171fb8;--bg-card-hover:#1a212cd9;--border:#ffffff14;--border-light:#ffffff24;--border-focus:#53fc1880;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--kick-green:#53fc18;--kick-green-hover:#45e012;--kick-green-dim:#53fc181f;--kick-green-glow:#53fc1859;--accent-blue:#38bdf8;--accent-purple:#a855f7;--accent-amber:#f59e0b;--accent-red:#ef4444;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#53fc180a 0,#0000 50%),radial-gradient(at 100% 0,#38bdf80a 0,#0000 40%),radial-gradient(at 50% 100%,#a855f708 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}.dashboard-layout{height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);width:260px;height:100vh;max-height:100vh;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:24px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--kick-green), #2db504);color:#000;border-radius:var(--radius-sm);width:38px;height:38px;box-shadow:0 0 16px var(--kick-green-glow);place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.brand-logo:hover{transform:rotate(6deg)scale(1.06)}.brand-title{letter-spacing:-.02em;color:var(--text-main);font-size:16px;font-weight:800;display:block}.brand-sub{color:var(--kick-green);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;display:block}.nav-menu{flex-direction:column;flex:1;gap:6px;padding:20px 16px;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex;position:relative}.nav-item:hover{color:var(--text-main);background:#ffffff0d;transform:translate(4px)}.nav-item.active{color:var(--text-main);background:#53fc181a;border-color:#53fc1840;box-shadow:0 0 16px #53fc181a}.nav-item.active svg{color:var(--kick-green);filter:drop-shadow(0 0 6px #53fc1866)}.sidebar-footer{border-top:1px solid var(--border);padding:20px}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.status-indicator{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.pulse-dot{background:#64748b;border-radius:50%;width:9px;height:9px;position:relative}.pulse-dot.online{background:var(--kick-green);box-shadow:0 0 10px var(--kick-green)}.btn-connect{text-align:center;color:var(--accent-blue);border-radius:var(--radius-sm);background:#38bdf814;padding:6px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.btn-connect:hover{background:#38bdf829}.main-content{flex:1;width:calc(100vw - 260px);min-width:0;height:100vh;padding:32px 48px;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--bg-dark)}.main-content::-webkit-scrollbar-thumb{background:#242e3d;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#334155}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}h1{letter-spacing:-.02em;color:var(--text-main);font-size:26px;font-weight:800}.subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.topbar-actions{align-items:center;gap:14px;display:flex}.mode-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700}.mode-badge.live{color:var(--kick-green);box-shadow:0 0 12px var(--kick-green-glow);background:#53fc1826;border-color:#53fc1866}.btn-primary{background:var(--kick-green);color:#030a01;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 16px var(--kick-green-glow);border:none;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.btn-primary:hover{box-shadow:0 0 22px var(--kick-green-glow);background:#4ae015;transform:translateY(-1px)}.btn-subtle{color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-subtle:hover{border-color:var(--border);background:#ffffff17}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:20px 22px;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#53fc1866,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:0 12px 30px #00000059}.stat-card:hover:before{opacity:1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.stat-icon{filter:drop-shadow(0 0 8px #ffffff26);font-size:18px}.stat-value{letter-spacing:-.03em;color:var(--text-main);text-shadow:0 2px 10px #0000004d;font-size:26px;font-weight:800}.stat-desc{color:var(--text-subtle);margin-top:6px;font-size:12px}.pattern-channel{border:1px solid var(--border);border-radius:var(--radius-sm);width:auto;min-width:110px;max-width:140px;color:var(--kick-green);cursor:pointer;background:#141a22;outline:none;padding:6px 8px;font-size:11px;font-weight:700;transition:border-color .2s}.pattern-channel:hover,.pattern-channel:focus{border-color:#53fc1880}.pattern-action{border:1px solid var(--border);border-radius:var(--radius-sm);width:auto;color:var(--text-main);cursor:pointer;background:#141a22;padding:6px 8px;font-size:11px;font-weight:700}.pattern-action option[value=ban]{color:var(--accent-red)}.pattern-action option[value=delete]{color:var(--accent-amber)}.pattern-type-badge{white-space:nowrap;letter-spacing:.02em;-webkit-user-select:none;user-select:none;cursor:help;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.pattern-type-badge.type-flexible{color:var(--kick-green);background:#53fc181f;border:1px solid #53fc1859}.pattern-type-badge.type-exact{color:#c084fc;background:#a855f71f;border:1px solid #a855f759}.pattern-type-badge.type-contains{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf859}.pattern-type-badge.type-raw{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.builder-action-selector{border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.action-radios{gap:12px;display:flex}.text-warning{color:#f59e0b!important}.pill-deleted{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.content-grid{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-smooth);overflow:hidden;box-shadow:0 10px 30px #00000040}.card:hover{border-color:#ffffff1f}.card-header{border-bottom:1px solid var(--border);background:#ffffff04;padding:18px 24px}.card-header h3{color:var(--text-main);letter-spacing:-.01em;font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.split{justify-content:space-between;align-items:center;display:flex}.card-body{padding:24px}.card-body.no-padding{padding:0}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}label{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field-hint{color:var(--text-subtle);margin-top:6px;font-size:12px;line-height:1.4;display:block}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-smooth);background:#0a0e14bf;padding:11px 14px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--kick-green);box-shadow:0 0 0 3px var(--kick-green-dim), 0 0 15px #53fc1826;background:#0c1118f2;outline:none}.input-with-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0d1015;align-items:center;display:flex;overflow:hidden}.input-with-icon:focus-within{border-color:var(--kick-green);box-shadow:0 0 0 3px var(--kick-green-dim)}.input-with-icon input{box-shadow:none;border:none}.input-prefix{font-size:13px;font-family:var(--font-mono);color:var(--text-subtle);border-right:1px solid var(--border);background:#ffffff05;padding:0 12px}.custom-mode-dropdown,.custom-select-dropdown{display:inline-block;position:relative}.custom-mode-dropdown{min-width:175px}.custom-mode-dropdown.open,.custom-select-dropdown.open{z-index:1000}tr:has(.custom-mode-menu.show){z-index:100;position:relative}.pattern-row{position:relative;overflow:visible}.pattern-row:has(.custom-select-menu.show){z-index:100}.custom-mode-trigger,.custom-select-trigger{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#0e1219f2;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.custom-mode-trigger:hover,.custom-mode-trigger.open,.custom-select-trigger:hover,.custom-select-trigger.open{border-color:var(--kick-green);background:#141a24}.custom-mode-trigger .mode-label,.custom-select-trigger .select-label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.custom-mode-trigger .mode-label.is-ban{color:var(--kick-green)}.custom-mode-trigger .mode-label.is-dry{color:var(--text-muted)}.custom-mode-menu,.custom-select-menu{border:1px solid var(--border-light);border-radius:var(--radius-sm);z-index:9999;background:#11161f;flex-direction:column;width:max-content;min-width:100%;max-width:260px;max-height:220px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px #000000d9}.custom-mode-menu.show,.custom-select-menu.show{display:flex}.custom-mode-option,.custom-select-option{color:var(--text-muted);cursor:pointer;text-align:left;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.custom-mode-option:hover,.custom-select-option:hover{color:var(--text-main);background:#53fc181a}.custom-mode-option.active,.custom-select-option.active{color:var(--kick-green);background:#53fc1826;font-weight:700}.system-summary-box{flex-direction:column;gap:12px;display:flex}.summary-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.summary-label{color:var(--text-muted);font-weight:500}.preset-packs-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:10px;margin-bottom:20px;padding:14px 18px;display:flex}.preset-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.preset-buttons{flex-wrap:wrap;gap:10px;display:flex}.btn-preset{color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:#141a23;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-preset:hover{border-color:var(--kick-green);color:var(--kick-green);background:#53fc181a;transform:translateY(-1px)}.live-chat-box{height:280px;font-family:var(--font-sans);background:#080b0eb3;flex-direction:column;gap:10px;padding:18px;display:flex;overflow-y:auto}.chat-message-row{border-radius:var(--radius-sm);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff08;align-items:baseline;gap:10px;padding:8px 12px;font-size:13px;animation:.25s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.chat-message-row:hover{background:#ffffff0a;border-color:#ffffff14}.chat-message-row.matched{background:#ef44441f;border:1px solid #ef444459;box-shadow:0 0 16px #ef444426}.chat-channel-tag{color:var(--accent-purple);background:#a855f71f;border:1px solid #a855f740;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.chat-user{color:var(--kick-green);text-shadow:0 0 10px #53fc1833;font-weight:700}.chat-text{color:var(--text-main);word-break:break-word;flex:1}.empty-chat{text-align:center;color:var(--text-subtle);margin-top:100px;font-size:13px}.btn-unban{color:var(--kick-green);cursor:pointer;transition:var(--transition-smooth);background:#53fc181a;border:1px solid #53fc184d;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700}.btn-unban:hover{background:var(--kick-green);color:#000;box-shadow:0 0 14px var(--kick-green-glow);transform:translateY(-1px)}.pill-timeout{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf84d}.pill-unbanned{color:#d8b4fe;background:#a855f726;border:1px solid #a855f74d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.rule-builder-box{border-radius:var(--radius-md);background:#0d1117;border:1px solid #53fc1840;margin-bottom:20px;padding:16px;box-shadow:0 4px 20px #0000004d}.builder-header{color:var(--kick-green);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.builder-header small{color:var(--text-subtle);font-size:11px;font-weight:500}.builder-inputs{flex-direction:column;gap:12px;display:flex}.builder-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.radio-label{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:#ffffff05;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.radio-label:hover{color:var(--text-main);background:#ffffff0a}.radio-label input[type=radio]{width:auto;accent-color:var(--kick-green);cursor:pointer}.builder-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.preview-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rule-tester{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.test-input-row{align-items:center;gap:10px;display:flex}.test-input-row input{padding:8px 12px;font-size:13px}.patterns-list{border:1px solid var(--border);border-radius:var(--radius-md);background:#00000040;flex-direction:column;gap:8px;min-height:60px;max-height:480px;padding:8px;display:flex;position:relative;overflow:visible auto}.patterns-list:has(.custom-select-menu.show){overflow:visible}.patterns-list:empty:after{content:"Henüz aktif bir kural eklenmedi. Yukarıdaki hazır paketleri veya Kural Sihirbazını kullanarak ekleyebilirsiniz.";text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px;font-style:italic;display:block}.pattern-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#11161d;align-items:center;gap:8px;padding:6px 10px;transition:border-color .2s,background .2s;display:flex}.pattern-row:hover{background:#151b24;border-color:#53fc1866}.pattern-tag{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--kick-green);background:#53fc181a;border-radius:4px;padding:4px 6px}.pattern-row input{font-family:var(--font-mono);color:var(--text-main);background:0 0;border:none;outline:none;padding:6px 8px;font-size:13px}.pattern-row input.pattern{color:#53fc18}.pattern-row input.pattern-reason{font-family:var(--font-sans);color:#94a3b8;font-size:12px}.pattern-row input:focus{box-shadow:none}.remove-btn{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.remove-btn:hover{color:var(--accent-red);background:#ef44441a}.tab-pane{display:none}.tab-pane.active{display:block}.filter-actions{align-items:center;gap:10px;display:flex}.input-search{width:200px;padding:6px 12px;font-size:12px}.table-container{max-height:480px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);z-index:1;background:#0e1217;padding:12px 18px;font-size:11px;font-weight:700;position:sticky;top:0}td{border-bottom:1px solid #ffffff08;padding:14px 18px;font-size:13px}tr:hover td{background:#ffffff04}td.empty{text-align:center;color:var(--text-subtle);padding:40px}.log-time{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.log-content{white-space:nowrap;text-overflow:ellipsis;max-width:280px;color:var(--text-main);overflow:hidden}code{font-family:var(--font-mono);color:var(--accent-blue);background:#38bdf814;border-radius:4px;padding:3px 6px;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.pill-banned{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.pill-dry{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.pill-error{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.toast{color:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-light);opacity:0;pointer-events:none;z-index:99;background:#1e293b;padding:12px 20px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 10px 25px #00000080}.toast.show{opacity:1;transform:translateY(0)}@media (width<=900px){.dashboard-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.content-grid{grid-template-columns:1fr}.main-content{padding:20px}}