* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; color: #333; }

/* LOGIN */
.login-body { display:flex; justify-content:center; align-items:center; min-height:100vh; background: linear-gradient(135deg, #1a237e, #0d47a1); }
.login-box { background:#fff; padding:40px; border-radius:12px; width:380px; box-shadow:0 8px 32px rgba(0,0,0,0.2); }
.login-logo { text-align:center; margin-bottom:30px; }
.login-logo h1 { color:#1a237e; font-size:28px; letter-spacing:4px; }
.login-logo p { color:#888; font-size:13px; margin-top:4px; }

/* FORM */
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:13px; color:#555; margin-bottom:6px; font-weight:600; }
.form-group input, .form-group select { width:100%; padding:11px 14px; border:1px solid #ddd; border-radius:8px; font-size:14px; transition:border .2s; }
.form-group input:focus, .form-group select:focus { outline:none; border-color:#1a237e; }
.btn-primary { width:100%; padding:12px; background:#1a237e; color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; transition:background .2s; }
.btn-primary:hover { background:#0d47a1; }
.btn-secondary { padding:10px 20px; background:#fff; color:#1a237e; border:2px solid #1a237e; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; }

/* ALERTS */
.alert { padding:12px 16px; border-radius:8px; margin-bottom:16px; font-size:14px; }
.alert-hata { background:#fdecea; color:#c62828; border:1px solid #ef9a9a; }
.alert-basari { background:#e8f5e9; color:#2e7d32; border:1px solid #a5d6a7; }

/* NAVBAR */
.navbar { background:#1a237e; padding:0 24px; display:flex; align-items:center; justify-content:space-between; height:56px; }
.nav-brand { color:#fff; font-size:18px; font-weight:700; letter-spacing:2px; }
.nav-links a { color:rgba(255,255,255,0.85); text-decoration:none; margin-left:20px; font-size:14px; transition:color .2s; }
.nav-links a:hover { color:#fff; }
.nav-cikis { color:#ff8a80 !important; }

/* CONTAINER */
.container { max-width:1100px; margin:30px auto; padding:0 20px; }

/* STAT KARTLAR */
.stat-kartlar { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:28px; }
.stat-kart { background:#fff; padding:24px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.08); border-left:4px solid; }
.stat-kart.mavi { border-color:#1a237e; }
.stat-kart.yesil { border-color:#2e7d32; }
.stat-kart.turuncu { border-color:#e65100; }
.stat-label { font-size:12px; color:#888; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.stat-deger { font-size:22px; font-weight:700; color:#333; }

/* TABLO */
.tablo-kutu { background:#fff; border-radius:12px; padding:24px; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
.tablo-kutu h3 { margin-bottom:18px; font-size:16px; color:#333; }
.tablo { width:100%; border-collapse:collapse; font-size:14px; }
.tablo th { background:#f5f7fa; padding:10px 14px; text-align:left; font-size:12px; color:#666; text-transform:uppercase; letter-spacing:.5px; }
.tablo td { padding:12px 14px; border-bottom:1px solid #f0f0f0; }
.tablo tr:last-child td { border-bottom:none; }
.bos-mesaj { color:#aaa; font-size:14px; text-align:center; padding:30px; }

/* BADGE */
.badge { padding:3px 10px; border-radius:20px; font-size:12px; font-weight:600; }
.badge.basarili { background:#e8f5e9; color:#2e7d32; }
.badge.bekliyor { background:#fff8e1; color:#f57f17; }
.badge.basarisiz { background:#fdecea; color:#c62828; }

/* FORM KUTU */
.form-kutu { background:#fff; border-radius:12px; padding:30px; box-shadow:0 2px 8px rgba(0,0,0,0.08); max-width:560px; }
.form-kutu h2 { margin-bottom:24px; font-size:18px; color:#1a237e; }

@media(max-width:768px) {
    .stat-kartlar { grid-template-columns:1fr; }
    .nav-links a { margin-left:12px; font-size:13px; }
}