*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#0f172a}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:#0f172a;color:#fff;padding:22px;position:fixed;inset:0 auto 0 0}.logo{width:150px;background:#fff;border-radius:14px;padding:10px;margin-bottom:24px}.nav a,.nav form button{display:block;width:100%;padding:13px 14px;color:#cbd5e1;text-decoration:none;border-radius:12px;margin-bottom:8px;background:transparent;border:0;text-align:left;font-weight:700;cursor:pointer}.nav a.active,.nav a:hover,.nav form button:hover{background:#1d4ed8;color:#fff}.main{margin-left:270px;width:calc(100% - 270px)}header.top{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #e5e7eb}.brand{font-weight:900;color:#2563eb}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px}.card,.panel,.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 10px 25px rgba(15,23,42,.05)}.card{padding:20px;min-height:110px}.card span{display:block;color:#64748b;margin-bottom:8px}.card b{font-size:30px}.small-b{font-size:16px!important;word-break:break-all}.panel{margin:0 32px 24px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}input,select{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:12px}button,.button{border:0;background:#2563eb;color:#fff;padding:12px 16px;border-radius:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.ghost{background:#111827}.danger{background:#dc2626!important}.green{background:#16a34a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px;vertical-align:top}small{color:#64748b}a{color:#1d4ed8;text-decoration:none}.badge{padding:7px 10px;border-radius:999px;font-weight:900;font-size:12px}.guvende{background:#dcfce7;color:#166534}.uyarı,.uyari{background:#fef9c3;color:#854d0e}.kritik{background:#fee2e2;color:#991b1b}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2ff}.login-card{width:390px;padding:30px}.login-logo{width:160px;margin-bottom:16px}.login-card label{display:block;margin-top:14px;margin-bottom:6px;font-weight:800}.login-card button{width:100%;margin-top:18px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:10px 0}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.info-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.info-grid b{display:block}.info-grid span,code{display:block;margin-top:8px;color:#334155;word-break:break-all}code{background:#e2e8f0;border-radius:8px;padding:8px}.wide{grid-column:span 2}pre{background:#0f172a;color:#e5e7eb;padding:18px;border-radius:14px;overflow:auto}.progress{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#2563eb}.bars{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;align-items:end;height:120px}.bars div{background:#2563eb;border-radius:6px 6px 0 0;min-height:4px}.copy-row{display:flex;gap:10px;align-items:center}.copy-row code{flex:1}.mobile-menu{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:inline-block}.cards{grid-template-columns:repeat(2,1fr);padding:16px}.panel{margin:0 16px 16px}.grid-form,.info-grid{grid-template-columns:1fr}.wide{grid-column:span 1}header.top{padding:16px}}