:root{
  --bg-app:#F3F6FA; --bg-surface:#fff; --bg-surface-alt:#F7FAFD;
  --text-primary:#0B1F33; --text-secondary:#4C5F73; --text-muted:#8A97A8;
  --brand-primary:#004890; --brand-deep:#00305F; --accent:#FF9966;
  --border-color:#DCE4EC; --success:#16a34a; --success-bg:#dcfce7;
  --danger:#dc2626; --danger-bg:#fee2e2; --warning:#d97706; --warning-bg:#fef3c7;
  --radius-lg:14px; --shadow-sm:0 4px 14px -8px rgba(11,31,51,0.15);
}
*{box-sizing:border-box;}
body{margin:0; font-family:'Inter',system-ui,sans-serif; background:var(--bg-app); color:var(--text-primary);}
a{color:var(--brand-primary); text-decoration:none;}
h1,h2,h3{margin:0 0 12px;}
label{display:block; font-size:13px; font-weight:600; color:var(--text-secondary); margin-bottom:4px;}
input,select,textarea{width:100%; padding:11px 13px; border:1px solid var(--border-color); border-radius:9px; font-size:14px; font-family:inherit; background:#fff;}
.card{background:var(--bg-surface); border:1px solid var(--border-color); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); overflow-x:auto;}
.btn{display:inline-flex; align-items:center; gap:6px; padding:11px 20px; border-radius:9px; font-size:14px; font-weight:600; cursor:pointer; border:none; text-decoration:none;}
.btn-primary{background:var(--brand-primary); color:#fff;}
.btn-secondary{background:var(--bg-surface-alt); color:var(--text-primary); border:1px solid var(--border-color);}
.btn-danger{background:transparent; color:var(--danger); border:1px solid var(--danger);}
.btn-sm{padding:7px 12px; font-size:13px;}
table{width:100%; border-collapse:collapse; font-size:14px;}
th{text-align:left; padding:10px 12px; font-size:12px; text-transform:uppercase; color:var(--text-muted); border-bottom:1px solid var(--border-color);}
td{padding:12px; border-bottom:1px solid var(--border-color);}
.badge{display:inline-block; font-size:11px; font-weight:700; padding:4px 10px; border-radius:100px;}
.badge-success{background:var(--success-bg); color:var(--success);}
.badge-warning{background:var(--warning-bg); color:var(--warning);}
.badge-danger{background:var(--danger-bg); color:var(--danger);}
.badge-muted{background:#eef1f6; color:var(--text-muted);}

.app-shell{display:flex; min-height:100vh;}
.sidebar{width:240px; background:var(--brand-deep); color:#fff; padding:24px 16px; flex-shrink:0;}
.sidebar a{display:block; padding:10px 12px; border-radius:9px; color:#fff; font-size:14px; margin-bottom:2px; text-decoration:none;}
.sidebar a:hover{background:rgba(255,255,255,0.1);}
.sidebar a.aktivan{background:rgba(255,255,255,0.15); font-weight:600;}
.main{flex:1; padding:32px 40px; max-width:1100px;}

@media (max-width:860px){
  .app-shell{display:block;}
  .sidebar{width:auto;}
  .main{padding:20px 16px;}
}