/* DataLisans Bayilik Dark Theme v10 */
:root{
    --dl-bg:#07111f;
    --dl-bg2:#0b1728;
    --dl-card:#0f1b2d;
    --dl-card2:#111f35;
    --dl-border:rgba(148,163,184,.20);
    --dl-text:#f8fafc;
    --dl-muted:#94a3b8;
    --dl-blue:#2563eb;
    --dl-green:#16a34a;
    --dl-orange:#f97316;
    --dl-red:#ef4444;
    --dl-yellow:#facc15;
}
*{box-sizing:border-box}
body.dl-bayi-dark{
    margin:0!important;
    background:
        radial-gradient(circle at 20% 10%, rgba(37,99,235,.18), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(22,163,74,.10), transparent 30%),
        linear-gradient(180deg,#06101d 0%,#07111f 55%,#040b14 100%)!important;
    color:var(--dl-text)!important;
    font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    min-height:100vh;
}
.dl-dark-top{
    background:rgba(7,17,31,.92);
    backdrop-filter:blur(14px);
    padding:16px 22px;
    border-bottom:1px solid var(--dl-border);
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    position:sticky;
    top:0;
    z-index:50;
}
.dl-dark-logo{color:#fff;font-weight:950;font-size:22px;letter-spacing:-.4px}
.dl-dark-top a{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff!important;
    text-decoration:none!important;
    padding:10px 15px;
    border-radius:13px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:7px;
    box-shadow:0 10px 24px rgba(37,99,235,.24);
}
.dl-dark-wrap{max-width:1120px;margin:28px auto;padding:0 16px}
.dl-dark-hero{
    background:
        linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,91,.95)),
        radial-gradient(circle at 80% 10%, rgba(37,99,235,.25), transparent 35%);
    color:#fff;
    border:1px solid var(--dl-border);
    border-radius:26px;
    padding:28px;
    box-shadow:0 22px 55px rgba(0,0,0,.34);
    margin-bottom:18px;
}
.dl-dark-hero h1{margin:0 0 8px!important;font-size:32px;color:#fff!important;letter-spacing:-.6px}
.dl-dark-hero p{margin:0;color:#cbd5e1;font-weight:600}
.dl-dark-card{
    background:linear-gradient(180deg,rgba(15,27,45,.98),rgba(11,23,40,.98))!important;
    border:1px solid var(--dl-border)!important;
    border-radius:22px!important;
    padding:20px!important;
    margin-bottom:18px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
    color:var(--dl-text)!important;
}
.dl-dark-card h2,.dl-dark-card h3{
    color:#fff!important;
    margin-top:0!important;
    letter-spacing:-.3px;
}
.dl-dark-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.dl-dark-form label{
    font-weight:950!important;
    display:block!important;
    margin-bottom:7px!important;
    color:#e5e7eb!important;
}
.dl-dark-form input,
.dl-dark-form textarea,
.dl-dark-form select{
    width:100%!important;
    padding:13px 14px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    border-radius:14px!important;
    background:#08111f!important;
    color:#f8fafc!important;
    outline:none!important;
    font-size:15px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dl-dark-form input::placeholder,
.dl-dark-form textarea::placeholder{color:#64748b!important}
.dl-dark-form input:focus,
.dl-dark-form textarea:focus,
.dl-dark-form select:focus{
    border-color:#60a5fa!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.18)!important;
}
.dl-dark-form textarea{min-height:135px!important;resize:vertical}
.dl-full{grid-column:1/-1}
.dl-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:0!important;
    border-radius:14px!important;
    padding:12px 16px!important;
    color:#fff!important;
    font-weight:950!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}
.dl-btn.green{background:linear-gradient(135deg,#16a34a,#15803d)!important}
.dl-btn.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}
.dl-btn.gray{background:linear-gradient(135deg,#475569,#334155)!important}
.dl-btn.orange{background:linear-gradient(135deg,#f97316,#ea580c)!important}
.dl-alert-ok{
    background:rgba(22,163,74,.16)!important;
    color:#bbf7d0!important;
    border:1px solid rgba(22,163,74,.35)!important;
    padding:14px!important;
    border-radius:14px!important;
    margin-bottom:14px!important;
}
.dl-alert-err{
    background:rgba(239,68,68,.15)!important;
    color:#fecaca!important;
    border:1px solid rgba(239,68,68,.35)!important;
    padding:14px!important;
    border-radius:14px!important;
    margin-bottom:14px!important;
}
.dl-badge{
    display:inline-flex;
    border-radius:999px;
    padding:5px 10px;
    background:rgba(37,99,235,.16);
    color:#bfdbfe;
    border:1px solid rgba(37,99,235,.30);
    font-weight:950;
}
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dl-big{font-size:28px;font-weight:950;color:#fff}
.dl-code{
    font-family:ui-monospace,Menlo,Consolas,monospace;
    background:#07111f;
    color:#fde68a;
    padding:12px;
    border:1px solid rgba(148,163,184,.20);
    border-radius:14px;
    word-break:break-all;
}
@media(max-width:800px){
    .dl-dark-form,.dl-grid{grid-template-columns:1fr}
    .dl-dark-top{flex-direction:column;align-items:flex-start}
    .dl-dark-hero h1{font-size:26px}
}