:root{--dark:#0f172a;--blue:#2563eb;--bg:#f4f7fb;--card:#fff}body{background:var(--bg);font-family:Inter,Arial,sans-serif;color:#172033}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--dark);color:#fff;padding:24px;position:fixed;top:0;bottom:0}.brand{font-size:28px;font-weight:800;line-height:1.1}.brand span{font-size:15px;color:#93c5fd}.userbox{background:rgba(255,255,255,.08);border-radius:16px;padding:14px;margin:24px 0}.sidebar nav a{display:block;color:#dbeafe;text-decoration:none;padding:12px 14px;border-radius:12px;margin-bottom:6px}.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.content{margin-left:260px;padding:32px;width:calc(100% - 260px)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:30px;font-weight:800;margin:0}.page-head p{margin:4px 0 0;color:#64748b}.card{border:0;border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.08)}.stat-card,.mini-card{display:block;background:#fff;border-radius:22px;padding:22px;text-decoration:none;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.08)}.stat-card span,.mini-card span{color:#64748b;display:block}.stat-card strong{font-size:34px}.mini-card b{font-size:24px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{background:#fff;width:420px;max-width:92%;border-radius:26px;padding:34px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.log-item{border-left:3px solid #2563eb;padding-left:10px;margin-bottom:12px}.table th{color:#64748b;font-weight:700}@media(max-width:900px){.sidebar{position:relative;width:100%;bottom:auto}.app{display:block}.content{margin-left:0;width:100%;padding:18px}.page-head{display:block}}

.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px;margin-bottom:16px}
.brand img{width:210px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.brand span{font-size:14px;color:#dbeafe;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.form-label{font-weight:800!important;font-size:15px;color:#0f172a;margin-bottom:7px}
.form-control,.form-select{font-weight:600}
.required-label::after{content:' *';color:#dc2626}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 6px 16px rgba(15,23,42,.08)}

/* Kurumsal Login Ekranı */
.corporate-login{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 18%, rgba(37,99,235,.45), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(14,165,233,.28), transparent 30%),
        linear-gradient(135deg,#07111f 0%,#0f172a 44%,#1e3a8a 100%);
}
.corporate-login::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}
.login-shell{
    position:relative;
    z-index:1;
    width:min(1040px,94vw);
    display:grid;
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 32px 90px rgba(0,0,0,.38);
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}
.login-hero{
    min-height:560px;
    padding:54px;
    align-items:flex-end;
    color:#fff;
    background:
        linear-gradient(145deg, rgba(15,23,42,.18), rgba(15,23,42,.84)),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="900" height="700" viewBox="0 0 900 700"><g fill="none" stroke="rgba(255,255,255,0.16)" stroke-width="2"><path d="M90 160h180v120H90z"/><path d="M630 110h150v90H630z"/><path d="M210 440h220v130H210z"/><path d="M520 380h230v150H520z"/><path d="M270 220C390 230 440 330 560 330"/><path d="M420 505C500 505 545 445 635 445"/></g><g fill="rgba(255,255,255,0.22)"><circle cx="90" cy="160" r="7"/><circle cx="270" cy="280" r="7"/><circle cx="630" cy="110" r="7"/><circle cx="780" cy="200" r="7"/><circle cx="210" cy="440" r="7"/><circle cx="430" cy="570" r="7"/><circle cx="520" cy="380" r="7"/><circle cx="750" cy="530" r="7"/></g></svg>') center/cover no-repeat;
}
.login-hero h1{font-size:42px;font-weight:900;line-height:1.05;margin:18px 0 14px;max-width:620px}
.login-hero p{font-size:18px;color:#dbeafe;max-width:570px;margin:0;line-height:1.55}
.login-badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);font-weight:900;letter-spacing:.1em;font-size:13px;color:#e0f2fe}
.login-card-corporate{
    width:100%;
    max-width:none;
    border-radius:0;
    padding:52px 44px;
    box-shadow:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.login-logo-wrap{text-align:center;margin-bottom:18px}
.login-logo{width:235px;max-width:88%;height:auto;filter:drop-shadow(0 10px 18px rgba(15,23,42,.16))}
.login-card-corporate h2{font-size:28px;font-weight:900;text-align:center;color:#0f172a;margin-bottom:6px}
.login-card-corporate .text-muted{text-align:center;color:#64748b!important}
.login-card-corporate .form-control{border-radius:15px;border:1px solid #dbe4f0;padding:13px 15px;background:#f8fafc}
.login-card-corporate .form-control:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 .22rem rgba(37,99,235,.13)}
.login-card-corporate .btn-primary{border-radius:16px;font-weight:900;padding:13px 18px;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;box-shadow:0 12px 24px rgba(37,99,235,.25)}
.login-card-corporate .form-check-label{font-weight:700;color:#334155}
@media(max-width:991px){.login-shell{display:block;width:min(470px,94vw)}.login-card-corporate{border-radius:34px;padding:38px 28px}.login-logo{width:210px}}


/* Ekobil footer imzası */
.login-footer-credit{
    position:fixed;
    left:0;
    right:0;
    bottom:14px;
    z-index:2;
    text-align:center;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.45;
    letter-spacing:.02em;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.login-footer-credit strong{
    color:rgba(255,255,255,.9);
    font-weight:800;
}
.app-footer-credit{
    margin-top:34px;
    padding:18px 10px 4px;
    text-align:center;
    color:#94a3b8;
    font-size:12px;
    line-height:1.45;
    border-top:1px solid #e2e8f0;
}
.app-footer-credit strong{
    color:#64748b;
    font-weight:800;
}
@media(max-width:991px){
    .login-footer-credit{position:relative;bottom:auto;margin:18px 0 10px;padding:0 14px}
}