:root{
    --askeba:#8e1c3f;      /* Bordeaux (Logo) */
    --askeba-2:#b23a59;    /* helleres Bordeaux */
    --askeba-dark:#6f1531;
    --gold:#d4af4f;        /* Gold (Logo) */
    --bg:#f6f3f4;
}

body{ background:var(--bg); font-family:'Segoe UI',system-ui,-apple-system,sans-serif; }

/* ---------- Layout ---------- */
#wrapper{ min-height:100vh; }
.sidebar{
    width:240px; min-width:240px; background:var(--askeba); color:#e6cdd4;
    min-height:100vh; transition:margin-left .2s ease; display:flex; flex-direction:column;
}
.sidebar .brand{ background:#fff; text-align:center; padding:16px 14px; border-bottom:1px solid rgba(255,255,255,.14); }
.sidebar .brand img{ max-width:172px; height:auto; }
.sidebar .brand small{ display:block; color:#9a8f93; font-size:.7rem; letter-spacing:.14em; margin-top:4px; }
.sidebar .nav-section{ font-size:.68rem; text-transform:uppercase; letter-spacing:.09em; color:var(--gold); padding:14px 20px 5px; }
.sidebar .nav-link{
    color:#e6cdd4; border-radius:0; padding:10px 20px; font-size:.92rem;
    border-left:3px solid transparent; display:flex; align-items:center; gap:11px;
}
.sidebar .nav-link:hover{ background:rgba(255,255,255,.07); color:#fff; }
.sidebar .nav-link.active{ background:rgba(255,255,255,.11); color:#fff; border-left-color:var(--gold); font-weight:600; }
.sidebar .nav-link i{ width:18px; text-align:center; flex-shrink:0; }
.sidebar-footer{ color:#c9a9b2; }

#page-content{ background:var(--bg); }

@media (max-width: 991.98px){
    .sidebar{ margin-left:-240px; position:fixed; z-index:1040; box-shadow:0 0 30px rgba(0,0,0,.3); }
    #wrapper.sidebar-open .sidebar{ margin-left:0; }
}

/* ---------- Topbar ---------- */
.askeba-navbar{ background:#fff !important; border-bottom:1px solid #e6dde0; }
.askeba-navbar .navbar-brand-text{ color:var(--askeba); font-weight:700; }

/* ---------- Komponenten ---------- */
.card{ border:none; border-radius:14px; box-shadow:0 1px 3px rgba(16,24,40,.08); }
.card-header{ background:#fff; border-bottom:1px solid #eef1f5; font-weight:600; border-radius:14px 14px 0 0 !important; }
.btn-askeba{ background:var(--askeba); color:#fff; border:none; }
.btn-askeba:hover{ background:var(--askeba-dark); color:#fff; }
.btn-outline-askeba{ border:1px solid var(--askeba); color:var(--askeba); }
.btn-outline-askeba:hover{ background:var(--askeba); color:#fff; }
.text-askeba{ color:var(--askeba) !important; }
.bg-askeba{ background:var(--askeba) !important; }
a{ color:var(--askeba); }
.form-control:focus,.form-select:focus{ border-color:var(--askeba-2); box-shadow:0 0 0 .2rem rgba(142,28,63,.15); }
.badge-soft{ padding:.4em .7em; border-radius:7px; font-weight:600; font-size:.74rem; display:inline-block; }
.table>:not(caption)>*>*{ padding:.8rem .85rem; }
.stat-card .icon{ width:46px; height:46px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.nav-pills .nav-link.active{ background:var(--askeba); }
.nav-tabs .nav-link.active{ color:var(--askeba); border-bottom-color:#fff; font-weight:600; }
.prop-thumb{ width:64px; height:48px; border-radius:8px; object-fit:cover; background:#e9dfe3; display:flex; align-items:center; justify-content:center; color:#b08; }

/* ---------- Login ---------- */
.login-wrapper{ min-height:100vh; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--askeba) 0%,var(--askeba-dark) 100%); }
.login-card{ width:100%; max-width:410px; border:none; border-radius:16px; box-shadow:0 12px 40px rgba(0,0,0,.25); }
.login-logo{ max-width:210px; height:auto; }
.login-card .btn-primary{ background:var(--askeba); border:none; }
.login-card .btn-primary:hover{ background:var(--askeba-dark); }