:root{--bg:#f6f7f9;--surface:#fff;--border:#e2e5ea;--text:#1a1d21;--text-muted:#656d78;--accent:#2a6fd6;--ok:#17915f;--warn:#c77700;--err:#cf3b30;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--sidebar-w:220px}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--surface:#171b21;--border:#262c35;--text:#e6e9ee;--text-muted:#98a1ae;--accent:#5b9bf5;--ok:#3ec98c;--warn:#e5a33d;--err:#f2695e;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.env-banner{letter-spacing:.08em;text-align:center;color:#fff;text-transform:uppercase;padding:6px 16px;font-size:12px;font-weight:700}.env-banner[data-env=LOCALHOST]{background:#cf3b30}.env-banner[data-env="ÖN YAYIM (DEV)"]{background:#d97706}.env-banner[data-env=TEST\ SUNUCUSU]{background:#17915f}.env-banner:not([data-env=LOCALHOST]):not([data-env="ÖN YAYIM (DEV)"]):not([data-env=TEST\ SUNUCUSU]){background:#555e6b}.shell{flex-direction:column;min-height:100%;display:flex}.shell-body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;padding:20px 12px}.brand{align-items:baseline;gap:8px;padding:0 8px 20px;display:flex}.brand-mark{letter-spacing:-.02em;font-size:20px;font-weight:800}.brand-sub{color:var(--text-muted);font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px}.nav a:hover{background:var(--bg);text-decoration:none}.nav a.active{background:var(--accent);color:#fff}.main{flex:1;min-width:0;padding:28px 32px}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-sub{color:var(--text-muted);margin:0 0 24px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.card-value{margin-top:6px;font-size:20px;font-weight:700}.card-meta{color:var(--text-muted);margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.badge{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge-ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}.badge-err{color:var(--err);background:color-mix(in srgb, var(--err) 12%, transparent)}.badge-warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent)}.table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg);font-size:12px}.table tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:40px}.footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 32px;font-size:12px;display:flex}.footer code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=720px){.shell-body{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.main{padding:20px 16px}.footer{padding:12px 16px}}