/* EVRENWORKS ALPR — Site Yönetim Paneli v6 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0a0e1a;color:#e2e8f0;min-height:100vh}

/* Login */
#loginScreen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0e1a 0%,#1a1e2e 50%,#0f1422 100%)}
.login-card{background:rgba(20,25,40,0.9);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,0.2);border-radius:20px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.login-logo{text-align:center;margin-bottom:32px}
.logo-icon{font-size:48px;margin-bottom:12px}
.login-logo h1{font-size:22px;font-weight:800;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-logo p{color:#94a3b8;font-size:14px;margin-top:4px}
.form-input{width:100%;padding:14px 16px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.12);border-radius:10px;color:#e2e8f0;font-size:14px;font-family:inherit;margin-bottom:12px;transition:all 0.3s}
.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.15)}
.form-input::placeholder{color:#64748b}
.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.3s;font-family:inherit}
.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,0.4)}
.btn-login:disabled{opacity:0.5;transform:none}
.login-error{color:#f87171;font-size:13px;text-align:center;margin-top:12px;min-height:20px}

/* Topbar */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(15,20,35,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.08);position:sticky;top:0;z-index:100}
.topbar-left{display:flex;align-items:center;gap:16px}
.brand{font-size:16px;font-weight:800;color:#818cf8}
.site-name{font-size:14px;color:#94a3b8;padding:4px 12px;background:rgba(99,102,241,0.1);border-radius:8px}
.topbar-right{display:flex;align-items:center;gap:12px}
.user-name{font-size:13px;color:#94a3b8}
.btn-logout{padding:6px 14px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);border-radius:8px;color:#f87171;font-size:12px;cursor:pointer;font-family:inherit;transition:all 0.3s}
.btn-logout:hover{background:rgba(239,68,68,0.25)}

/* Tabs */
.tabs{display:flex;gap:4px;padding:12px 24px;background:rgba(15,20,35,0.8);border-bottom:1px solid rgba(255,255,255,0.06);overflow-x:auto}
.tab{padding:10px 20px;background:transparent;border:none;border-radius:10px;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.3s;white-space:nowrap}
.tab:hover{color:#e2e8f0;background:rgba(255,255,255,0.05)}
.tab.active{color:#818cf8;background:rgba(99,102,241,0.1);box-shadow:inset 0 -2px 0 #6366f1}

/* Content */
.content{padding:24px;max-width:1200px;margin:0 auto}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* Stats */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat-box{background:rgba(20,25,40,0.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px;text-align:center;transition:all 0.3s}
.stat-box:hover{border-color:rgba(99,102,241,0.3);transform:translateY(-2px)}
.stat-num{font-size:32px;font-weight:800;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat-lbl{font-size:12px;color:#64748b;margin-top:6px;text-transform:uppercase;letter-spacing:1px}

/* Card */
.card{background:rgba(20,25,40,0.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px;margin-bottom:20px}
.card h3{font-size:16px;margin-bottom:16px;color:#e2e8f0}

/* Toolbar */
.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.search{flex:1;min-width:200px}
.btn-add{padding:10px 20px;background:linear-gradient(135deg,rgba(34,197,94,0.2),rgba(16,185,129,0.15));border:1px solid rgba(34,197,94,0.3);border-radius:10px;color:#22c55e;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all 0.3s}
.btn-add:hover{background:rgba(34,197,94,0.25);transform:translateY(-1px)}

/* Form Card */
.form-card{background:rgba(20,25,40,0.9);border:1px solid rgba(99,102,241,0.2);border-radius:14px;padding:24px;margin-bottom:20px}
.form-card h3{font-size:15px;margin-bottom:16px;color:#818cf8}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:16px}
.form-actions{display:flex;gap:10px}
.btn-save{padding:10px 24px;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:14px;transition:all 0.3s}
.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(99,102,241,0.3)}
.btn-cancel{padding:10px 24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:10px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:14px;transition:all 0.3s}

/* Table */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;padding:10px 14px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,0.08);font-weight:600}
td{padding:10px 14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.04);color:#cbd5e1}
tr:hover td{background:rgba(99,102,241,0.04)}
.plate-cell{font-family:'JetBrains Mono',monospace;font-weight:700;color:#818cf8;letter-spacing:1px}
.btn-del{padding:4px 10px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:6px;color:#f87171;font-size:11px;cursor:pointer;font-family:inherit;transition:all 0.3s}
.btn-del:hover{background:rgba(239,68,68,0.2)}
.btn-edit{padding:4px 10px;background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);border-radius:6px;color:#818cf8;font-size:11px;cursor:pointer;font-family:inherit;margin-right:6px;transition:all 0.3s}
.btn-edit:hover{background:rgba(99,102,241,0.2)}
.badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}
.badge-green{background:rgba(34,197,94,0.15);color:#22c55e}
.badge-red{background:rgba(239,68,68,0.15);color:#f87171}
.badge-blue{background:rgba(59,130,246,0.15);color:#3b82f6}
.badge-yellow{background:rgba(234,179,8,0.15);color:#eab308}
.empty-msg{text-align:center;color:#475569;padding:40px;font-size:14px}

/* Footer */
.footer{text-align:center;padding:16px;color:#475569;font-size:12px;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;padding:16px 24px}

/* Toast */
.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;animation:slideIn 0.3s ease;max-width:360px}
.toast-success{background:rgba(34,197,94,0.2);border:1px solid rgba(34,197,94,0.4);color:#22c55e}
.toast-error{background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);color:#f87171}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* Responsive */
@media(max-width:768px){
    .stats-row{grid-template-columns:repeat(2,1fr)}
    .form-grid{grid-template-columns:1fr}
    .topbar{flex-wrap:wrap;gap:8px}
    .tabs{padding:8px 12px}
    .content{padding:16px}
}
@media(max-width:480px){
    .stats-row{grid-template-columns:1fr 1fr}
    .login-card{margin:16px;padding:32px 24px}
}