:root{--navy: #2c3172;--navy-dark: #232659;--blue-bg: #ebf3fb;--ok: #006100;--ok-bg: #c6efce;--warn: #7f6000;--warn-bg: #fff2cc;--err: #9c0006;--err-bg: #ffc7ce;--border: #d5dce8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6fa;color:#1c2333}#root{min-height:100vh}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;position:sticky;top:0;z-index:10}.topbar .logo{font-weight:700;letter-spacing:2px;font-size:18px}.topbar .logo span{color:#9fb6ff}.topbar nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}.topbar nav a{color:#cdd6f4;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:13px}.topbar nav a.on,.topbar nav a:hover{background:var(--navy-dark);color:#fff}.topbar .user{font-size:12px;color:#cdd6f4}.topbar button{background:transparent;border:1px solid #4b529e;color:#cdd6f4;border-radius:6px;padding:4px 10px;cursor:pointer}main{padding:16px;max-width:1280px;margin:0 auto}h2{color:var(--navy);margin:8px 0 12px;font-size:18px}h3{color:var(--navy);margin:16px 0 8px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.card .k{font-size:11px;color:#667;text-transform:uppercase;letter-spacing:.5px}.card .v{font-size:20px;font-weight:700;color:var(--navy);margin-top:4px}.card.neg .v{color:var(--err)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:13px}th{background:var(--blue-bg);color:var(--navy);text-align:left;padding:7px 9px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:6px 9px;border-bottom:1px solid #eef1f6}tr:hover td{background:#f7faff}.num{text-align:right;font-variant-numeric:tabular-nums}.tablo-kap{overflow-x:auto;margin-bottom:16px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.err{background:var(--err-bg);color:var(--err)}.badge.gray{background:#eee;color:#555}form.satir{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:14px}label.f{display:flex;flex-direction:column;font-size:11px;color:#556;gap:3px}input,select{padding:7px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;min-width:110px}button.birincil{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:13px}button.birincil:hover{background:var(--navy-dark)}button.kucuk{background:var(--blue-bg);color:var(--navy);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.hata{background:var(--err-bg);color:var(--err);padding:8px 12px;border-radius:8px;margin:8px 0;font-size:13px}.bilgi{background:var(--ok-bg);color:var(--ok);padding:8px 12px;border-radius:8px;margin:8px 0;font-size:13px}.login-kap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--navy)}.login-kutu{background:#fff;border-radius:14px;padding:32px;width:340px;display:flex;flex-direction:column;gap:12px}.login-kutu h1{color:var(--navy);margin:0 0 4px;font-size:22px;letter-spacing:2px}.login-kutu .alt{font-size:12px;color:#778}.login-kutu input{width:100%}.rapor-baslik{display:none}@media print{.topbar,form.satir,button,.kucuk,a.kucuk{display:none!important}main{max-width:100%;padding:0}.rapor-baslik{display:flex;justify-content:space-between;align-items:center;border:2px solid #2c3172;padding:10px 14px;margin-bottom:12px}.rapor-baslik .rb-orta{background:#ebf3fb;color:#2c3172;font-weight:700;font-size:16px;padding:6px 18px}.rapor-baslik .rb-sag{font-size:10px;color:#2c3172}.rapor-alt{display:block!important;text-align:center;font-size:10px;color:#2c3172;margin-top:16px}body{background:#fff}.card{break-inside:avoid}}.rapor-alt{display:none}
