:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:dark;background:#11151b;color:#e8ecf2}*{box-sizing:border-box}body{margin:0}header{padding:18px max(20px,calc((100vw - 1100px)/2));background:#202734;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}header a{color:#eaf0ff;text-decoration:none}nav{display:flex;gap:18px}main{max-width:1100px;margin:30px auto;padding:0 20px}a{color:#9dc3ff}h1{font-size:clamp(1.5rem,3vw,2.3rem)}.panel{background:#1c2430;border:1px solid #394352;border-radius:12px;padding:20px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}label{display:block;margin:12px 0 6px;font-weight:600}input,textarea,select{width:100%;background:#101720;color:#fff;border:1px solid #566174;border-radius:7px;padding:10px;font:inherit}textarea{min-height:115px}button,.btn{display:inline-block;background:#8cb8fa;color:#101720;border:0;border-radius:7px;padding:10px 15px;font-weight:700;text-decoration:none;cursor:pointer;margin:6px 6px 6px 0}button.secondary,.btn.secondary{background:#36465b;color:white}.danger{background:#c25d61;color:white}.muted{color:#aeb9c9}.error{color:#ffacac}.ok{color:#a9e8ba}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #354052;padding:10px 6px;vertical-align:top}.scroll{overflow-x:auto}.inline{display:inline}.inline button{padding:6px 10px}img.thumb{width:90px;max-height:90px;object-fit:contain}small{color:#b5c0ce}

/* Einheitliche Navigation im Administrationsbereich */
header nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

header nav > a,
header nav button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
    padding: 10px 18px;
    margin: 0;
    border: none;
    border-radius: 10px;
    background: #36465b;
    color: #ffffff;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

header nav > a:hover,
header nav button:hover {
    background: #4b607a;
}

header nav form {
    margin: 0;
}

/* Einheitliche Buttons in der oberen Navigation */
body > header nav > a,
body > header nav > form button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #36465b !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

body > header nav > a:hover,
body > header nav > form button:hover {
    background: #4b607a !important;
}
