:root { --gold:#e8ae31; --gold-soft:#9e7420; --bg:#07090b; --panel:#111417; --panel-2:#15191d; --line:#282d32; --text:#f2f3f4; --muted:#8b9299; --green:#2bd46f; --red:#e43e45; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
button { font:inherit; }
.app-shell { display:flex; min-height:100vh; background:radial-gradient(circle at 75% 0%,#15130d 0,transparent 28%),var(--bg); }
.sidebar { width:238px; min-width:238px; border-right:1px solid var(--line); background:linear-gradient(180deg,#0a0c0e,#07090a); padding:22px 12px 16px; display:flex; flex-direction:column; }
.brand { display:flex; align-items:center; gap:12px; padding:0 10px 25px; border-bottom:1px solid #191d20; }
.brand img { width:72px; height:72px; object-fit:cover; border-radius:50%; filter:drop-shadow(0 4px 18px #000); }
.brand div { display:flex; flex-direction:column; }
.brand strong { font-size:19px; letter-spacing:2px; }
.brand span { color:var(--gold); font-size:11px; letter-spacing:4px; margin-top:4px; }
nav { display:flex; flex-direction:column; gap:7px; padding-top:26px; }
nav button { border:0; color:#c8cdd1; background:transparent; display:flex; align-items:center; gap:14px; padding:13px 15px; border-radius:7px; cursor:pointer; text-align:left; }
nav button span { width:22px; color:#a7adb3; font-size:20px; text-align:center; }
nav button:hover { background:#141619; color:white; }
nav button.active { color:var(--gold); background:linear-gradient(90deg,#382b12,#211b11); box-shadow:inset 3px 0 var(--gold); }
nav button.active span { color:var(--gold); }
.protection-card { margin-top:auto; border:1px solid var(--line); background:#0d1012; border-radius:8px; padding:13px; display:flex; align-items:center; gap:10px; }
.protection-card .shield { color:var(--gold); font-size:26px; }.protection-card div { display:flex; flex-direction:column; flex:1; gap:3px; }.protection-card small { color:var(--muted); }.protection-card strong { font-size:12px; }.protection-card i { width:8px; height:8px; background:var(--green); border-radius:50%; box-shadow:0 0 10px #2bd46f99; }
.workspace { min-width:0; flex:1; }
.topbar { height:68px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 26px; background:#0b0d0fda; backdrop-filter:blur(14px); }
.topbar>div { display:flex; align-items:center; gap:16px; font-size:13px; letter-spacing:.4px; }.menu-button { border:0; background:transparent; color:#aaa; font-size:22px; }.top-actions { color:var(--green); font-weight:700; }.online-dot { width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 12px #2bd46f88; }.divider { height:24px; width:1px; background:var(--line); margin:0 8px; }.gold { color:var(--gold); }
.content { padding:18px; max-width:1500px; margin:auto; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.metric-card,.panel { background:linear-gradient(155deg,var(--panel-2),#0e1113); border:1px solid var(--line); border-radius:10px; box-shadow:0 12px 34px #0004; }
.metric-card { min-height:124px; padding:22px; display:flex; align-items:center; gap:17px; }
.metric-icon { width:58px; height:58px; border:1px solid var(--gold); border-radius:50%; display:grid; place-items:center; color:var(--gold); font-size:26px; background:#e8ae3108; }
.metric-card div { min-width:0; }.metric-card small { display:block; color:#c9cdd0; margin-bottom:4px; }.metric-card strong { display:block; font-size:31px; line-height:1.05; }.metric-card strong.status { color:var(--green); font-size:25px; }.metric-card p { margin:7px 0 0; color:var(--muted); font-size:11px; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:14px; }.main-column,.right-column { display:flex; flex-direction:column; gap:14px; min-width:0; }
.panel { padding:16px; }.panel-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; }.panel-title h2 { margin:0; color:var(--gold); font-size:15px; display:flex; align-items:center; gap:10px; }.panel-title h2 span { color:#e6e7e8; }.panel-title button,.wide-button { border:1px solid #30363b; background:#111417; color:#b8bdc1; padding:8px 12px; border-radius:6px; font-size:11px; }.panel-title button.quiet { background:transparent; color:var(--gold); }.panel-title small { color:var(--muted); }
.chart-panel { min-height:315px; }.chart { position:relative; height:246px; padding:12px 8px 25px; overflow:hidden; }.grid-lines { position:absolute; inset:10px 8px 30px; background:repeating-linear-gradient(to bottom,#292d3222 0,#292d3222 1px,transparent 1px,transparent 41px); border-bottom:1px solid #383d42; }.bars { position:absolute; inset:20px 14px 31px; display:flex; gap:5px; align-items:flex-end; }.bars i { flex:1; min-width:4px; border-radius:4px 4px 0 0; background:linear-gradient(#f1bd45,#7a5714); opacity:.78; box-shadow:0 0 8px #e8ae3124; }.chart-labels { position:absolute; bottom:5px; left:8px; right:8px; display:flex; justify-content:space-between; color:#747b81; font-size:10px; }
.table-wrap { overflow:auto; border:1px solid #252a2e; border-radius:7px; }table { width:100%; border-collapse:collapse; min-width:760px; font-size:11px; }th { color:#8e959b; text-align:left; font-weight:500; background:#13171a; padding:11px 12px; }td { padding:13px 12px; border-top:1px solid #23282c; color:#c7cbce; }td b { color:#f0f1f2; }.severity { padding:5px 9px; border-radius:5px; border:1px solid; font-size:9px; font-weight:800; }.severity.yüksek { color:#ffbd36; border-color:#805b16; background:#5b3c0d55; }.severity.kritik { color:#ff6469; border-color:#76272b; background:#68161a44; }.severity.incele { color:#65aeff; border-color:#2c5b8f; background:#153b6744; }.actions { white-space:nowrap; }.actions button { border:1px solid #444; background:#262a2e; color:#eee; padding:6px 8px; border-radius:4px; font-size:9px; margin-right:5px; }.actions button:first-child { border-color:#9f711e; background:#5c441c; }.actions button.danger { background:#a52429; border-color:#df4a50; }
.players-panel { flex:1; }.player-list { display:flex; flex-direction:column; }.player { display:flex; align-items:center; gap:10px; padding:10px 2px; border-top:1px solid #252a2e; }.player:first-child { border-top:0; }.avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(145deg,#62522f,#1a1e21); border:1px solid #555; color:#fff; font-size:11px; }.player div { display:flex; flex-direction:column; gap:3px; flex:1; }.player b { font-size:12px; }.player small { color:#81888e; font-size:9px; }.player em { color:var(--green); font-style:normal; font-size:9px; }.wide-button { width:100%; background:transparent; margin-top:10px; }
.server-panel dl { margin:0; border:1px solid #252a2e; border-radius:6px; overflow:hidden; }.server-panel dl div { display:flex; justify-content:space-between; padding:9px 10px; border-top:1px solid #252a2e; font-size:10px; }.server-panel dl div:first-child { border:0; }.server-panel dt { color:#8c9399; }.server-panel dd { margin:0; color:#d4d6d8; }.server-panel dd.online { color:var(--green); }
@media (max-width:1100px) { .sidebar { width:84px; min-width:84px; }.brand { padding:0 0 20px; justify-content:center; }.brand img { width:58px; height:58px; }.brand div,nav button { font-size:0; }.brand+nav button span,nav button span { font-size:20px; margin:auto; }.protection-card div { display:none; }.metrics { grid-template-columns:repeat(2,1fr); }.dashboard-grid { grid-template-columns:1fr; }.right-column { display:grid; grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .sidebar { display:none; }.topbar { padding:0 14px; }.top-actions .divider,.top-actions .gold { display:none; }.content { padding:10px; }.metrics { grid-template-columns:1fr 1fr; gap:8px; }.metric-card { padding:14px; min-height:100px; }.metric-icon { width:44px; height:44px; }.metric-card strong { font-size:24px; }.dashboard-grid { display:block; }.main-column,.right-column { margin-bottom:10px; }.right-column { display:flex; margin-top:10px; }.chart-panel { min-height:270px; }.chart { height:205px; } }

.is-hidden { display:none !important; }
.login-screen { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 10%,#33250f 0,transparent 34%),linear-gradient(145deg,#060708,#0e1113); }
.login-card { width:min(420px,100%); border:1px solid #383027; background:linear-gradient(160deg,#17191bfa,#090b0df5); padding:34px; border-radius:16px; box-shadow:0 30px 90px #000b,0 0 55px #d79c2114; text-align:center; }
.login-card>img { width:126px; height:126px; border-radius:50%; object-fit:cover; filter:drop-shadow(0 10px 26px #000); }.eyebrow { color:var(--gold); font-size:10px; letter-spacing:3px; font-weight:800; }.login-card h1 { margin:5px 0 10px; font-size:28px; }.login-copy { color:var(--muted); font-size:13px; line-height:1.6; margin:0 auto 24px; max-width:320px; }
.login-card form { display:flex; flex-direction:column; gap:14px; text-align:left; }.login-card label,.action-dialog label { color:#b9bec2; font-size:11px; display:flex; flex-direction:column; gap:7px; }.login-card input,.filter-row input,.action-dialog textarea { width:100%; border:1px solid #353b40; background:#0b0e10; color:white; padding:12px 13px; border-radius:7px; outline:none; }.login-card input:focus,.filter-row input:focus,.action-dialog textarea:focus { border-color:var(--gold); box-shadow:0 0 0 3px #e8ae3115; }.login-card form>button { border:1px solid #f1bd4d; background:linear-gradient(135deg,#d79819,#7f5812); color:white; padding:12px; border-radius:7px; font-weight:800; cursor:pointer; }.login-card>small { display:block; margin-top:18px; color:#666e74; font-size:9px; }.form-error { color:#ff6c72; min-height:15px; margin:0; font-size:11px; text-align:center; }
.password-field { position:relative; display:block; }
.login-card .password-field input { padding-right:50px; }
.password-toggle { position:absolute; top:50%; right:7px; width:38px; height:38px; padding:0; transform:translateY(-50%); display:grid; place-items:center; border:0; border-radius:6px; background:transparent; color:#90979d; cursor:pointer; }
.password-toggle:hover,.password-toggle:focus-visible { color:var(--gold); background:#e8ae3110; outline:none; }
.password-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.password-toggle .eye-slash { opacity:0; }
.password-toggle.is-visible .eye-slash { opacity:1; }
.logout-button { border:1px solid #3a3f43; color:#b8bec3; background:#131619; border-radius:5px; padding:7px 10px; cursor:pointer; }.logout-button:hover { color:white; border-color:#6a5a3a; }
.view { display:none; }.view.active-view { display:block; }.page-heading { margin:7px 0 22px; }.page-heading h1 { font-size:27px; margin:4px 0 6px; }.page-copy { margin:0; color:var(--muted); font-size:12px; }.list-page { min-height:480px; }.filter-row { display:flex; gap:10px; margin-bottom:15px; }.filter-row input { flex:1; }.filter-row button { border:1px solid #8e681f; background:#4b3818; color:#f7c861; border-radius:7px; padding:0 16px; }.card-list { display:flex; flex-direction:column; gap:8px; }.record-card { display:grid; grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) auto; align-items:center; gap:14px; padding:13px 15px; border:1px solid #282e32; border-radius:8px; background:#0d1012; }.record-card:hover { border-color:#4a4333; }.record-main { min-width:0; }.record-main b { display:block; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.record-main small,.record-meta { color:#848c92; font-size:10px; }.record-meta { display:flex; flex-direction:column; gap:4px; }.record-actions { display:flex; gap:6px; justify-content:flex-end; }.record-actions button { border:1px solid #484e53; background:#24282c; color:#eee; border-radius:5px; padding:7px 10px; font-size:10px; }.record-actions .danger { border-color:#a53238; background:#7e2025; }.record-actions .gold-action { border-color:#9d721f; background:#594117; color:#ffd06e; }.record-actions .safe { border-color:#267548; background:#153e29; color:#78e7a6; }.empty-card { text-align:center; padding:48px 20px; color:#777f85; }.empty-state { min-height:390px; display:grid; place-items:center; align-content:center; text-align:center; }.empty-state>span { color:var(--gold); font-size:58px; }.empty-state h3 { margin:14px 0 5px; }.empty-state p { color:var(--muted); max-width:420px; line-height:1.6; font-size:12px; }.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.setting-card h3 { font-size:13px; color:#b9bec2; margin:0 0 13px; }.setting-card strong { font-size:20px; color:var(--gold); }.setting-card p { color:var(--muted); font-size:11px; line-height:1.6; }
.action-dialog { width:min(470px,calc(100% - 24px)); border:1px solid #4a4030; background:linear-gradient(155deg,#171a1d,#0b0d0f); color:white; border-radius:13px; padding:0; box-shadow:0 28px 90px #000; }.action-dialog::backdrop { background:#000b; backdrop-filter:blur(6px); }.action-dialog form { padding:27px; position:relative; }.action-dialog h2 { margin:4px 0 8px; }.dialog-player { color:#b7bdc1; margin:0 0 18px; }.action-dialog textarea { min-height:100px; resize:vertical; }.dialog-close { position:absolute; right:17px; top:15px; border:0; background:transparent; color:#999; font-size:25px; }.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }.dialog-actions button { border:1px solid #3c4247; background:#1b1e21; color:#ccc; padding:9px 14px; border-radius:6px; }.dialog-actions .confirm-action { border-color:#bd8722; background:#725015; color:#ffd579; }
.toast { position:fixed; right:22px; bottom:22px; z-index:50; background:#13171a; border:1px solid #765820; color:#f4d18a; padding:12px 16px; border-radius:8px; box-shadow:0 15px 45px #0008; font-size:11px; }.toast.error { color:#ff9094; border-color:#7a2d31; }
.metric-card strong.status.offline { color:#f0aa3b; font-size:18px; }.online-dot.offline-dot { background:#d68c22; box-shadow:0 0 12px #d68c2288; }.actions button:disabled,.record-actions button:disabled { opacity:.35; cursor:not-allowed; }
@media (max-width:700px) { .metrics { grid-template-columns:1fr; }.metric-card { min-height:86px; }.top-actions { font-size:9px; }.logout-button { padding:6px; }.record-card { grid-template-columns:1fr; }.record-actions { justify-content:flex-start; flex-wrap:wrap; }.settings-grid { grid-template-columns:1fr; }.login-card { padding:25px 20px; }.login-card>img { width:104px; height:104px; } }
@media (max-width:700px) { .sidebar.mobile-open { display:flex; position:fixed; z-index:40; inset:0 auto 0 0; width:238px; box-shadow:20px 0 70px #000d; } }

/* Epinfix Shield 1.1 — Epinfix güvenlik çalışma alanı */
:root { --gold:#f2b632; --gold-bright:#ffd56a; --panel:#101317; --panel-2:#161a1f; --line:#292f36; --deep:#050709; }
body { background:#050709; }
.app-shell { background:radial-gradient(circle at 65% -20%,#60400c22 0,transparent 35%),linear-gradient(135deg,#07090b,#0b0e11 55%,#080a0c); }
.sidebar { width:258px; min-width:258px; padding:22px 15px 18px; background:linear-gradient(180deg,#0c0f12 0%,#07090b 70%); box-shadow:18px 0 60px #0005; }
.brand { padding:0 9px 20px; border-color:#272017; }
.brand img { width:62px; height:62px; border:1px solid #5e4518; box-shadow:0 0 0 5px #0a0c0e,0 12px 30px #000; }
.brand strong { font-size:17px; }.brand span { font-size:9px; letter-spacing:3.2px; }
nav { gap:5px; padding-top:22px; }
nav::before { content:"YÖNETİM MERKEZİ"; color:#555e66; font-size:8px; letter-spacing:2px; padding:0 14px 10px; font-weight:800; }
nav button { position:relative; min-height:44px; border:1px solid transparent; font-size:12px; letter-spacing:.25px; }
nav button span { width:25px; font-size:18px; }
nav button:hover { background:#14181c; border-color:#242a2f; }
nav button.active { color:#fff; border-color:#5e451b; background:linear-gradient(90deg,#422f11cc,#171713 85%); box-shadow:inset 3px 0 var(--gold),0 8px 25px #0003; }
nav button.active::after { content:""; position:absolute; right:12px; width:5px; height:5px; background:var(--gold); border-radius:50%; box-shadow:0 0 9px var(--gold); }
.protection-card { border-color:#4e3d20; background:linear-gradient(145deg,#18150f,#0c0f11); box-shadow:inset 0 1px #f2b63214; }
.protection-card .shield { width:36px; height:36px; display:grid; place-items:center; border-radius:9px; background:#f2b63212; border:1px solid #6f521e; }
.topbar { height:72px; padding:0 30px; background:#090c0ee8; border-color:#272d32; box-shadow:0 8px 30px #0003; }
.topbar #page-title { letter-spacing:1.5px; font-size:12px; }.top-actions { border:1px solid #282e33; background:#101418; padding:8px 10px 8px 13px; border-radius:9px; }
.content { padding:22px; max-width:1600px; }
.security-hero { position:relative; min-height:220px; margin-bottom:16px; padding:32px 38px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; border:1px solid #4b3b22; border-radius:14px; background:radial-gradient(circle at 83% 45%,#edac292b,transparent 26%),linear-gradient(115deg,#171b1f 0%,#0d1013 62%,#17130b 100%); box-shadow:0 18px 55px #0005,inset 0 1px #f8cf7618; }
.security-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(#e7b24112 1px,transparent 1px),linear-gradient(90deg,#e7b24112 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,transparent,#000); }
.security-hero::after { content:"EF"; position:absolute; right:205px; top:-50px; color:#f2b63208; font-size:230px; line-height:1; font-weight:900; letter-spacing:-25px; }
.hero-copy { position:relative; z-index:1; max-width:670px; }.hero-kicker { color:var(--gold); font-size:9px; letter-spacing:2.5px; font-weight:900; display:flex; align-items:center; gap:9px; }.pulse-dot { width:8px; height:8px; border-radius:50%; background:#35dc7a; box-shadow:0 0 0 5px #35dc7a12,0 0 15px #35dc7a; animation:pulse 2s infinite; }
@keyframes pulse { 50% { opacity:.55; box-shadow:0 0 0 8px #35dc7a05,0 0 8px #35dc7a; } }
.hero-copy h1 { margin:16px 0 10px; font-size:34px; letter-spacing:-1.1px; }.hero-copy p { margin:0; max-width:580px; color:#99a1a8; line-height:1.65; font-size:13px; }.hero-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }.hero-tags span { border:1px solid #343a3f; background:#0a0d0f99; color:#bbc1c6; border-radius:99px; padding:7px 11px; font-size:9px; }.hero-tags span::first-letter { color:#37d878; }
.shield-score { position:relative; z-index:1; min-width:180px; text-align:center; }.score-ring { width:132px; height:132px; margin:auto; padding:7px; border-radius:50%; background:conic-gradient(var(--gold) 0 98%,#272c31 98%); box-shadow:0 0 45px #e8ae3122; }.score-ring>div { width:100%; height:100%; display:grid; place-content:center; border-radius:50%; background:#0b0e10; border:1px solid #6c5120; }.score-ring strong { display:block; font-size:36px; line-height:1; color:#fff; }.score-ring small { display:block; margin-top:5px; color:var(--gold); letter-spacing:2px; font-size:7px; }.shield-score p { color:#a9afb4; font-size:9px; }.shield-score p span { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#35dc7a; box-shadow:0 0 8px #35dc7a; }
.metrics { gap:12px; }.metric-card { position:relative; overflow:hidden; min-height:116px; padding:19px; border-color:#292f34; border-radius:11px; background:linear-gradient(145deg,#15191d,#0c0f12); }.metric-card::after { content:""; position:absolute; width:80px; height:80px; right:-35px; top:-35px; border:18px solid #e8ae3108; border-radius:50%; }.metric-icon { width:48px; height:48px; border-radius:11px; font-size:20px; background:linear-gradient(145deg,#332710,#17150f); box-shadow:inset 0 1px #f7ce7130; }.metric-card small { text-transform:uppercase; letter-spacing:1.2px; font-size:8px; }.metric-card strong { font-size:28px; }.metric-card p { font-size:9px; }
.metric-card,.panel { transition:border-color .2s,transform .2s,box-shadow .2s; }.metric-card:hover,.panel:hover { border-color:#4a3b23; box-shadow:0 17px 45px #0005; }.metric-card:hover { transform:translateY(-2px); }
.dashboard-grid { grid-template-columns:minmax(0,1fr) 370px; gap:12px; }.main-column,.right-column { gap:12px; }.panel { border-color:#292f34; border-radius:11px; background:linear-gradient(155deg,#14181c,#0c0f12); }.panel-title { padding-bottom:11px; border-bottom:1px solid #242a2f; }.panel-title h2 { font-size:11px; letter-spacing:1.1px; }.panel-title button,.wide-button { border-radius:7px; }
.chart-panel { min-height:330px; }.bars i { background:linear-gradient(#ffd569,#a56e0e); box-shadow:0 0 12px #f2b6322b; }.table-wrap { border-color:#292f34; }th { text-transform:uppercase; letter-spacing:1px; font-size:8px; }
.player { padding:11px 3px; }.avatar { background:linear-gradient(145deg,#8d6721,#1a1e21); border-color:#725624; box-shadow:0 0 0 3px #e8ae3108; }
.page-heading { margin:9px 0 23px; }.page-heading h1 { font-size:30px; }.record-card { background:linear-gradient(100deg,#111519,#0b0e10); }.module-panel { margin-top:14px; }.module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.module-grid article { display:flex; align-items:center; gap:12px; min-height:82px; padding:14px; border:1px solid #2b3136; background:#0b0e11; border-radius:9px; }.module-grid article>span,.setting-symbol { width:38px; height:38px; display:grid; place-items:center; flex:none; color:var(--gold); border:1px solid #5a451f; background:#33260f55; border-radius:9px; font-size:18px; }.module-grid article div { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }.module-grid b { font-size:11px; }.module-grid small { color:#737c83; font-size:8px; }.module-grid i,.module-state { color:#4ee188; border:1px solid #24603c; background:#173a2755; padding:5px 7px; border-radius:5px; font-size:7px; font-style:normal; font-weight:800; letter-spacing:.6px; }.setting-head { display:flex; align-items:center; gap:12px; }.setting-head>div { flex:1; }.setting-head h3 { margin:0 0 5px; }.setting-head strong { font-size:17px; }.featured-setting { border-color:#4d3d22; }
@media (max-width:1100px) { .sidebar { width:84px; min-width:84px; }.security-hero { padding:28px; }.module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .security-hero { min-height:0; padding:24px 20px; }.hero-copy h1 { font-size:27px; }.hero-tags { display:none; }.shield-score { display:none; }.module-grid { grid-template-columns:1fr; }.topbar { height:62px; }.dashboard-grid { grid-template-columns:1fr; }.content { padding:10px; } }

/* Epinfix 1.2 — müşteri paneli düzeni */
:root { --panel-blue:#07111e; --blue-line:#15344d; --accent:#f4bd27; }
body { background:#02060c; }
.sidebar { width:300px; min-width:300px; background:linear-gradient(180deg,#061321 0%,#04101c 100%); border:1px solid #12324a; margin:12px; height:calc(100vh - 24px); border-radius:11px; padding:18px 14px; }
.brand { padding:0 7px 17px; border-bottom:0; }.brand img{width:48px;height:48px}.brand strong{color:#fff}.brand span{color:var(--accent)}
.nav-label { color:#6f8799; font-size:11px; font-weight:800; margin:14px 10px 8px; letter-spacing:.6px; }
.server-picker { display:flex; align-items:center; gap:10px; padding:11px; margin-bottom:7px; color:#d7e8f5; border-radius:8px; background:#091b2b; border:1px solid #123650; }
.server-picker>span{font-size:19px;color:var(--accent)}.server-picker div{display:flex;flex-direction:column;min-width:0;flex:1}.server-picker b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-picker small{font-size:9px;color:#48d58c;margin-top:4px}.server-picker i{font-style:normal;color:#8198aa}
#main-nav { overflow:auto; padding-right:3px; }#main-nav button{border-radius:7px;padding:10px 11px;color:#b9ccda;font-size:12px}#main-nav button:hover{background:#0b2235;color:#fff}#main-nav button.active{background:linear-gradient(90deg,#9b6d0e,#61430d);color:#fff;border-color:#d6a52d}#main-nav button span{color:#cbdbe7;width:25px}.protection-card{margin-top:auto}
.workspace { background:#020711; }.topbar { background:#030914;border-bottom:1px solid #102b40;height:72px}.content{padding:28px 30px}.panel{background:#030b18;border-color:#12324a;box-shadow:none}.page-heading h1{font-size:30px}.breadcrumb{display:inline-block;border:1px solid #16364d;background:#061522;padding:10px 14px;border-radius:7px;color:#8faac0;font-size:11px;margin:0 0 28px}.ban-heading{display:inline-block}.ban-actions{float:right;display:flex;gap:10px;margin-top:74px}.ban-actions button{padding:12px 17px;border-radius:7px;font-weight:800}.outline-action{background:#061422;color:#d9ebf8;border:1px solid #173a55}.primary-action{background:var(--accent);color:#111;border:1px solid #ffd862}.filter-panel{clear:both;padding:24px 28px;margin:12px 0 24px}.filter-panel h3,.ban-table-title h3{margin:0 0 8px;font-size:16px}.filter-panel>p,.ban-table-title p{color:#65a8d7;margin:0 0 22px;font-size:12px}.filter-panel input,.filter-panel select{height:46px;background:#051321;border:1px solid #153b58;color:#cde0ee;border-radius:7px;padding:0 14px}.filter-panel select{min-width:220px}.ban-table-panel{padding:26px}.ban-table{width:100%;border-collapse:collapse;border:1px solid #153650}.ban-table th{font-size:11px;text-align:left;color:#d2e8f6;background:#061424;padding:14px 11px;border-bottom:1px solid #19425f}.ban-table td{padding:13px 11px;border-bottom:1px solid #12324a;color:#c8dbe8;font-size:11px}.ban-table tr:hover td{background:#071522}.ban-active,.ban-removed{font-weight:800}.ban-active{color:#ffc7d0!important}.ban-active::before{content:'◈ ';color:#e44c66}.ban-removed{color:#70dba0!important}.ban-row-actions{white-space:nowrap}.ban-row-actions button{background:transparent;border:0;color:#8cc5e8;font-size:16px;padding:5px 8px}.ban-row-actions button.danger{color:#ff5268}.feature-placeholder,.console-placeholder{min-height:480px;display:grid;place-items:center;align-content:center;text-align:center}.feature-placeholder>span{font-size:60px;color:var(--accent)}.feature-placeholder h3{margin:16px 0 4px}.feature-placeholder p{color:#7691a4}.console-placeholder{display:block;text-align:left;background:#010509;padding:28px}.console-placeholder code{color:#65e49b;line-height:2;font-size:13px}
@media(max-width:1100px){.sidebar{width:86px;min-width:86px;margin:8px;height:calc(100vh - 16px)}.server-picker div,.server-picker i,.nav-label{display:none}.server-picker{justify-content:center}.ban-actions{float:none;margin:0 0 14px}.filter-row{flex-direction:column}.filter-panel select{min-width:0}}

/* Epinfix gösterge paneli */
.dashboard-breadcrumb{margin:0 0 12px}.epinfix-banner{height:155px;border:1px solid #3e3012;border-radius:10px;margin-bottom:22px;overflow:hidden;background:linear-gradient(90deg,#05080d88,#05080d22),url('/og.png') center 47%/cover no-repeat;display:flex;align-items:center;padding:0 35px;box-shadow:inset 0 -60px 80px #020711aa}.epinfix-banner div{display:flex;flex-direction:column;text-shadow:0 3px 16px #000}.epinfix-banner span{font-size:12px;letter-spacing:7px;color:#f6c94e}.epinfix-banner strong{font-size:37px;letter-spacing:4px;color:#fff}.epinfix-banner small{color:#e9bd48;letter-spacing:2px;margin-top:4px}
.server-summary-grid,.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.server-summary-grid article,.dashboard-metrics article{background:#030b18;border:1px solid #123650;border-radius:10px;padding:20px;min-height:102px}.server-summary-grid article{display:flex;align-items:flex-start;gap:12px}.server-summary-grid small,.dashboard-metrics small{color:#68a7d1;font-weight:800;font-size:10px}.server-summary-grid strong{display:block;margin-top:15px;color:#d9eaf5;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-summary-grid p,.dashboard-metrics p{font-size:9px;color:#617c8e;margin:5px 0 0}.summary-icon{width:37px;height:37px;border-radius:7px;display:grid;place-items:center;font-size:17px}.summary-icon.blue{background:#08204a;color:#318bff}.summary-icon.cyan{background:#052a37;color:#19cce9}.summary-icon.violet{background:#251044;color:#9d55ff}.summary-icon.green{background:#063426;color:#19da86}
.dashboard-metrics article{border-left:4px solid #1dcce9}.dashboard-metrics .violet-card{border-left-color:#854cff}.dashboard-metrics .red-card{border-left-color:#ff315f}.dashboard-metrics .green-card{border-left-color:#16d987}.dashboard-metrics strong{display:block;font-size:36px;line-height:1;color:#11cce8;margin-top:13px}.dashboard-metrics .violet-card strong{color:#844cff}.dashboard-metrics .red-card strong{color:#ff2759}.dashboard-metrics .green-card strong{color:#13d884}.dashboard-metrics em{font-style:normal;font-size:14px;color:#61a5d5}
.analytics-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.analytics-grid>article{min-height:390px;padding:25px}.analytics-title{display:flex;justify-content:space-between}.analytics-title h3,.analytics-side h3{font-size:14px;margin:0}.analytics-title p,.analytics-side>p{color:#5aa6d8;font-size:10px;margin:4px 0}.analytics-title>div:last-child{display:flex;gap:22px;text-align:center;color:#6ca5c9}.dashboard-chart{height:305px;margin-top:14px}.empty-analytics,.detection-summary{height:300px;display:grid;place-items:center;align-content:center;color:#4d7693}.empty-analytics span{font-size:38px}.empty-analytics small{color:#62a8d5}.detection-summary strong{font-size:58px;color:#f4bd27}.detection-summary small{color:#64a8d5}.dashboard-data-hidden{display:none}
.evidence-cell{color:#64a9d7!important}.ban-table td:first-child{font-weight:800;color:#dff2ff}.ban-table td:nth-child(2){color:#8dd6ff;font-family:ui-monospace,monospace}.ban-table-panel{margin-top:28px}.filter-panel{margin-top:12px}.view#view-bans>.breadcrumb{margin-bottom:12px}
@media(max-width:1250px){.server-summary-grid,.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-main{grid-column:1/-1}}
@media(max-width:700px){.server-summary-grid,.dashboard-metrics,.analytics-grid{grid-template-columns:1fr}.analytics-main{grid-column:auto}.epinfix-banner{height:120px;padding:20px}.epinfix-banner strong{font-size:26px}}

/* Güvenlik kuralları ve oyuncu sorgulama */
.rule-filters{display:grid;grid-template-columns:2fr 1fr .8fr;gap:12px;margin:26px 0 30px}.rule-filters input,.rule-filters select,.lookup-hero input{height:46px;background:#04111e;border:1px solid #153b58;color:#bcd4e4;border-radius:7px;padding:0 15px}.rules-panel{padding:0;min-height:420px}.rules-count{padding:16px 20px;border-bottom:1px solid #15364e;color:#66a9d5;font-size:11px}.rules-count b{color:#d5e9f5}.rules-table{width:100%;border-collapse:collapse}.rules-table th{padding:13px;color:#67a5cf;font-size:10px;border-bottom:1px solid #15364e}.rules-empty{height:305px;display:grid;place-items:center;align-content:center;text-align:center}.rules-empty span{font-size:54px;color:#40576a}.rules-empty h3{margin:13px 0 5px}.rules-empty p{color:#63a4d0;max-width:480px;margin:0}.lookup-hero{text-align:center;padding:72px 20px 35px}.lookup-hero h1{font-size:38px;margin:0 0 12px}.lookup-hero>p{font-size:18px;color:#62a9da;margin:0 0 34px}.lookup-hero>input{width:min(760px,90%);height:58px;font-size:14px}.lookup-results{width:min(760px,90%);margin:7px auto 0;display:flex;flex-direction:column;gap:5px;text-align:left}.lookup-result{display:flex;justify-content:space-between;background:#071726;border:1px solid #173b55;color:#e5f3fb;padding:12px 15px;border-radius:7px}.lookup-result small,.lookup-empty{color:#66a6cf}.lookup-empty{padding:15px;text-align:center}.lookup-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1120px;margin:25px auto}.lookup-features article{min-height:165px;background:#030a16;border:1px solid #0c2032;border-radius:9px;padding:28px}.lookup-features span{color:#1498ff;font-size:23px}.lookup-features h3{margin:12px 0}.lookup-features p{color:#6f9bb9;line-height:1.6;font-size:12px}@media(max-width:800px){.rule-filters,.lookup-features{grid-template-columns:1fr}.lookup-hero{padding-top:35px}}

/* Günlükler, konsol ve kişisel hesap menüsü */
.event-chart-panel{padding:28px;margin-bottom:28px}.event-chart-head{display:flex;justify-content:space-between}.event-chart-head h3{margin:0 0 5px}.event-chart-head p,.server-logs>p{margin:0;color:#61a6d5;font-size:11px}.range-tabs{background:#061321;border-radius:8px;padding:4px}.range-tabs button{border:0;background:transparent;color:#c9deeb;padding:9px 14px;border-radius:6px}.range-tabs button.active{background:#d69d19;color:#111;font-weight:800}.event-chart{height:310px;position:relative;margin-top:25px}.event-grid{position:absolute;inset:15px 0 32px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#0d2940 64px)}.event-zero-line{position:absolute;left:0;right:0;bottom:32px;border-top:2px solid #d9a41f}.event-times{position:absolute;bottom:0;left:25px;right:10px;display:flex;justify-content:space-between;color:#62a7d5;font-size:10px}.event-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#bcd5e5;font-size:10px}.event-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:#15c98a;margin-right:6px}.event-legend .leave:before{background:#ffaf18}.event-legend .ban:before{background:#ff4658}.event-legend .unban:before{background:#20cbd2}.event-legend .kick:before{background:#ff7928}.event-legend .entity:before{background:#e64c9b}.event-legend .kill:before{background:#8e57ef}.log-filters{padding:20px;margin-bottom:28px}.log-filters input{width:100%;height:44px;background:#061522;border:1px solid #153a55;color:#c7ddea;border-radius:7px;padding:0 14px}.log-filters>div{display:flex;gap:8px;margin-top:12px}.log-filters button{background:#071725;border:1px solid #173c57;color:#d5e9f5;border-radius:7px;padding:10px 15px}.server-logs{padding:25px}.server-logs h3{margin:0 0 5px}.logs-table{width:100%;border-collapse:collapse;margin-top:24px}.logs-table th,.logs-table td{text-align:left;padding:14px 11px;border-bottom:1px solid #15344d;font-size:11px}.logs-table th{color:#d7eaf6}.logs-table td{color:#84b9db}.log-type{font-weight:800;color:#fff!important}.log-type:before{content:'';display:inline-block;width:9px;height:9px;background:#18cb8f;border-radius:3px;margin-right:7px}.console-denied{display:flex;gap:18px;align-items:center;padding:28px;margin-top:32px;border-color:#533038;background:#120a11}.console-denied>span{font-size:28px;color:#ff4764}.console-denied h2{font-size:18px;margin:0 0 8px}.console-denied p{margin:0;color:#da7f91}.console-denied b{color:#ffb3bf}.account-area{position:relative;margin-top:10px}.account-toggle{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;background:#0b3768;border:1px solid #16538e;color:#fff;border-radius:8px;padding:8px;text-align:left}.account-toggle>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.account-toggle b,.account-toggle small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-toggle b{font-size:12px}.account-toggle small{font-size:9px;color:#b8d9ef}.account-toggle i{font-style:normal}.account-avatar{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#06182a center/cover;color:#fff}.account-menu{display:none;position:absolute;left:0;right:0;bottom:58px;background:#03111f;border:1px solid #17415e;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px #000c}.account-menu.open{display:block}.account-menu button{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #12344d;background:transparent;color:#d4e9f5;padding:13px;text-align:left}.account-menu button:hover{background:#0b2a45}.account-menu button:last-child{border-bottom:0;color:#ff8da0}@media(max-width:700px){.event-chart-head{display:block}.range-tabs{margin-top:12px}.log-filters>div{flex-wrap:wrap}.event-chart{height:220px}}
.discord-login{display:block;margin:22px 0 16px;padding:15px 20px;border-radius:10px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;text-align:center;box-shadow:0 10px 28px rgba(88,101,242,.28)}
.discord-login:hover{background:#6875f5;transform:translateY(-1px)}
.history-dialog{width:min(920px,94vw)}
.history-dialog form{max-height:85vh;overflow:auto}
.history-content h3{margin:24px 0 10px;color:#e8ae31;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.history-summary span{padding:12px;border:1px solid rgba(232,174,49,.24);border-radius:8px;background:#101316;text-align:center;font-weight:700}
.history-list{display:grid;gap:8px}
@media(max-width:680px){.history-summary{grid-template-columns:repeat(2,1fr)}}
.sidebar-links{margin:12px 0 4px;border-top:1px solid #123044;padding-top:10px}.sidebar-links button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#afc9d9;padding:9px 10px;border-radius:7px;text-align:left;font-size:11px}.sidebar-links button:hover{background:#0a263e;color:#fff}.sidebar-links button span{width:20px;color:#d4e8f4}.account-toggle i{transition:transform .2s}.account-area:has(.account-menu.open) .account-toggle i{transform:rotate(180deg)}
.admins-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0}.admins-heading h1{margin:0 0 7px}.admins-heading p,.admin-filters>p,.admins-table-panel>p{color:#668fad;margin:0;font-size:11px}.admin-filters{padding:22px;margin-bottom:18px}.admin-filters h3,.admins-table-panel h3{margin:0 0 7px}.admin-filters>div{display:grid;grid-template-columns:1fr 260px;gap:12px;margin-top:18px}.admin-filters input,.admin-filters select{height:44px;background:#051421;border:1px solid #17405e;color:#c9deeb;border-radius:7px;padding:0 13px}.admins-table-panel{padding:20px}.admins-table{width:100%;border-collapse:collapse;margin-top:20px}.admins-table th,.admins-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #14354e;font-size:10px}.admins-table th{color:#9ec6df}.admins-table td:first-child{display:flex;align-items:center;gap:9px}.admins-table td{color:#b9d2e1}.admins-table td>div{display:flex;flex-direction:column}.admins-table small{color:#668da7}.mini-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0a2b47 center/cover}.permission-tag{display:inline-block;padding:4px 7px;background:#083b70;color:#a9d9ff;border-radius:4px;margin:2px;font-size:8px}.gold-tag{background:#705316;color:#ffe199}.primary-action{background:#d7a31f;color:#111;border:1px solid #f2c44f;border-radius:7px;padding:11px 15px;font-weight:800}@media(max-width:750px){.admins-heading{align-items:start}.admin-filters>div{grid-template-columns:1fr}.admins-table{min-width:720px}}
.admin-dialog{width:min(480px,94vw)}.admin-dialog form>label{display:grid;gap:6px;margin:12px 0;color:#a9c2d3;font-size:11px}.admin-dialog form>label input{height:42px;background:#07131e;border:1px solid #274158;color:#fff;border-radius:6px;padding:0 11px}.permission-list{border:0;padding:0;max-height:300px;overflow:auto}.permission-list legend{color:#8ab3cf;font-size:11px;margin-bottom:8px}.permission-list label{display:flex;gap:9px;padding:8px;border-radius:6px}.permission-list label:hover{background:#0a1c2b}.permission-list span{display:flex;flex-direction:column}.permission-list b{font-size:11px}.permission-list small{font-size:9px;color:#62839a;margin-top:2px}.permission-list input{accent-color:#d8a522}

/* Epinfix oyuncu görünümü */
.players-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}.players-heading h1{margin:0 0 6px;font-size:22px}.players-heading h1 span{font-size:10px;color:#8bc9ef;background:#0a3760;border-radius:4px;padding:4px 7px}.players-heading p{margin:0;color:#668ba5;font-size:11px}.players-heading>button,.player-search-wrap button{background:#071522;border:1px solid #163b56;color:#c8dfed;border-radius:7px;padding:10px 14px}.player-toolbar{margin-bottom:18px}.player-search-wrap{display:grid;grid-template-columns:1fr auto;gap:9px}.player-search-wrap input{height:42px;background:#04111e;border:1px solid #153a55;color:#c8dfed;border-radius:7px;padding:0 13px}.player-toggles{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:#86a8bc;font-size:9px}.player-toggles input{accent-color:#d8a522}.player-card-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px}.live-player-card{cursor:pointer;background:#030b18;border:1px solid #12334d;border-radius:9px;padding:14px;transition:.18s}.live-player-card:hover{border-color:#ba8c25;transform:translateY(-1px)}.live-player-top{display:flex;align-items:center;gap:10px}.player-status-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#0c3328;color:#18d487}.player-identity{display:flex;flex-direction:column;min-width:0;flex:1}.player-identity b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.player-identity small{font-size:8px;color:#6d92aa;margin-top:4px}.player-mini-stats{display:flex;flex-direction:column;text-align:right;font-size:8px;gap:4px}.player-mini-stats .ping{color:#3bda80}.player-mini-stats .risk{color:#e8b127}.health-line{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;color:#a9c3d2}.health-bar{height:4px;background:#142333;border-radius:4px;margin-top:6px;overflow:hidden}.health-bar i{display:block;height:100%;background:#21d56e}.player-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#6f94aa;font-size:8px}.card-actions{display:flex;gap:4px;opacity:0;transition:.15s}.live-player-card:hover .card-actions{opacity:1}.card-actions button{font-size:7px;padding:4px 6px}.players-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#6e91a6;font-size:9px}.players-footer div{display:flex;align-items:center;gap:8px}.players-footer button{background:#071522;border:1px solid #17384f;color:#819aae;border-radius:6px;padding:7px 9px}.players-footer b{color:#bdd4e2}.player-detail-dialog{width:min(610px,94vw)}.player-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.player-detail-grid div{display:flex;flex-direction:column;gap:5px}.player-detail-grid small{color:#6c93aa;font-size:9px}.player-detail-grid b{font-size:11px}.player-notes{background:#06101c;border:1px solid #15364e;border-radius:8px;padding:12px}.player-notes>div{display:flex;align-items:center;gap:8px}.player-notes span{color:#6aa9d0;font-size:9px}.player-notes button{margin-left:auto;background:#071b2e;border:1px solid #194664;color:#b9d8eb;border-radius:5px;padding:6px 9px}.player-notes textarea{width:100%;box-sizing:border-box;margin-top:10px;min-height:64px;background:#030a13;border:1px dashed #17354b;color:#d3e6f1;border-radius:6px;padding:9px}.detail-search-button{width:100%;margin:12px 0 7px;background:#0c3b70;border:1px solid #185897;color:#e0eff8;border-radius:6px;padding:10px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail-actions button{background:#06131f;border:1px solid #1b4159;color:#c9dfeb;border-radius:6px;padding:9px}.detail-actions button:hover{border-color:#d2a127}@media(max-width:1250px){.player-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.player-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.player-card-grid,.player-detail-grid{grid-template-columns:1fr}.player-search-wrap{grid-template-columns:1fr}.players-footer{align-items:flex-start;gap:10px;flex-direction:column}}