*{box-sizing:border-box} :root{--bg:#020d18;--panel:#081c2d;--panel2:#0b2438;--line:#173b55;--blue:#1286e8;--gold:#e5ad3e;--text:#e8f1fb;--muted:#8da5ba;--red:#e94b52;--green:#13c784}body{margin:0;background:radial-gradient(circle at 75% 0,#0b2c48,#020b14 55%);color:var(--text);font:14px Segoe UI,Arial,sans-serif}.app-body{padding-left:268px}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(#061a2b,#03111e);border-right:1px solid var(--line);z-index:5}.brand{text-align:center;height:296px;padding:18px 8px;background:linear-gradient(#092844,#041321)}.seal{width:112px;height:112px;border:3px solid var(--gold);border-radius:50%;margin:auto auto 7px;display:grid;place-items:center;color:var(--gold);font-size:28px;position:relative}.seal span{position:absolute;bottom:22px;color:#dce8f2;font-size:36px}.brand>b{display:block;font-size:38px;letter-spacing:4px}.brand small,.brand strong{display:block}.brand small{font-size:10px;letter-spacing:1px;color:#bdcfdf}.brand strong{margin-top:7px;letter-spacing:2px}.sidebar nav{padding:12px 7px}.sidebar nav a{height:50px;display:flex;align-items:center;gap:16px;padding:0 18px;border-radius:8px;color:#c8d7e4;font-size:14px}.sidebar nav a:first-letter{font-size:20px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#0c5b9d,#0b3455);box-shadow:inset 3px 0 var(--blue);color:white}.section{font-size:10px;letter-spacing:2px;color:#7893aa;padding:17px 18px 5px}.side-bottom{position:absolute;bottom:35px;left:36px;border-left:3px solid var(--gold);padding-left:18px;line-height:2;letter-spacing:3px;color:#c8d6e2;font-size:11px}.topbar{position:fixed;left:268px;right:0;top:0;height:72px;background:rgba(5,20,34,.94);border-bottom:1px solid #15334b;display:flex;align-items:center;padding:0 28px;z-index:4}.menu{background:none;border:0;color:#c8d7e4;font-size:23px;margin-right:42px;cursor:pointer}.top-search{width:min(560px,50vw);height:40px;border:1px solid #193b56;background:#0c263d;border-radius:9px;display:flex;align-items:center;padding:0 13px;color:#9bb2c7}.top-search input{background:none;border:0;outline:0;color:white;width:100%;padding-left:9px}.user-menu{margin-left:auto;position:relative}.user-btn{background:none;border:0;color:white;display:flex;align-items:center;gap:11px;cursor:pointer}.user-btn i{font-style:normal;width:40px;height:40px;border-radius:50%;background:#12598f;display:grid;place-items:center;font-size:18px}.user-btn span{display:flex;flex-direction:column;text-align:left}.user-btn small{color:#91a7ba;margin-top:3px}.dropdown{display:none;position:absolute;right:0;top:52px;width:250px;background:#071827;border:1px solid #24506d;border-radius:9px;padding:7px;box-shadow:0 20px 55px #0008}.dropdown.show{display:block}.dropdown a{display:block;padding:12px;border-radius:7px}.dropdown a:hover{background:#0d2e47}.logout{color:#ff666c}.content{padding:98px 24px 28px;max-width:1600px;margin:auto}.hero{height:270px;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;padding:72px 28px;background:linear-gradient(90deg,#020e1b 0%,rgba(3,18,31,.8) 45%,rgba(5,24,40,.35)),radial-gradient(ellipse at 78% 90%,#17445f,transparent 45%),linear-gradient(155deg,#0b2943,#061321)}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8%,#4b779014 8.2% 8.5%,transparent 8.7% 15%);pointer-events:none}.hero>div{position:relative;z-index:1}.hero label,.pagehead label{letter-spacing:3px;color:#b8cbdc;font-weight:700}.hero h1{font-size:40px;letter-spacing:2px;margin:10px 0 14px}.hero em,.login-card em{display:block;width:64px;height:3px;background:var(--gold)}.hero p{font-size:17px;color:#adc0d2}.hero aside{position:absolute;right:28px;top:46px;border-left:3px solid var(--gold);padding-left:20px;line-height:2;letter-spacing:3px;color:#cedce7;font-size:12px;z-index:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:16px 0}.stats article{min-height:100px;background:linear-gradient(145deg,#0a2235,#071725);border:1px solid #183b55;border-radius:9px;display:flex;align-items:center;gap:17px;padding:18px;position:relative}.stats i{width:62px;height:62px;border-radius:8px;background:#0a3b62;border:1px solid #12598f;display:grid;place-items:center;font-size:29px;font-style:normal;color:#58adf7}.stats i.green{color:#15d17f;background:#08362d;border-color:#0b6b50}.stats b{font-size:28px}.stats span{display:block;color:#c4d2df;margin-top:4px}.panel{background:linear-gradient(145deg,rgba(8,28,45,.97),rgba(4,17,29,.98));border:1px solid var(--line);border-radius:9px;margin-bottom:18px;overflow:hidden}.panel>header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0}.panel header small{color:#7892a8}.panel header a{color:#1d9aff}.filters{display:grid;grid-template-columns:1fr 180px 100px;gap:10px;padding:0 20px 15px}.filters>div{display:flex;align-items:center;background:#061522;border:1px solid #1a3e57;border-radius:7px;padding:0 12px;color:#8da7bc}.filters input{background:none;border:0;outline:0;color:white;width:100%;padding:11px}.filters select,.create select,.admin-actions select{background:#061522;color:#dce8f2;border:1px solid #1a3e57;border-radius:6px;padding:10px}.filters button,.panel button,.login-card button{border:0;border-radius:7px;padding:10px 15px;background:linear-gradient(#1689eb,#0d63ad);color:white;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{background:#0b2942;color:#b8cadb;font-weight:500;font-size:12px;text-align:left;padding:12px 14px}.table-wrap td{padding:12px 14px;border-top:1px solid #15354c;color:#d5e0ea}.table-wrap td small{display:block;color:#7892a8;margin-top:4px}.id{color:#81bce8!important;font-weight:700}.pill,.role{display:inline-block;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.pill.offen{background:#7c2931;color:white}.pill.pruefung{background:#0964ad;color:white}.pill.erledigt{background:#07875c;color:white}.role{background:#0d5c92;color:#bde3ff}.dots{font-size:25px}.empty{text-align:center;color:#718aa0;padding:35px!important}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pagehead h1{font-size:32px;margin:7px 0}.pagehead p{margin:0;color:var(--muted)}.button{display:inline-block;background:#0b2134;border:1px solid #1c425b;border-radius:7px;padding:10px 14px}.create{display:grid;grid-template-columns:1fr 1fr 1fr 170px;gap:12px;padding:0 20px 20px;align-items:end}.field,.create>div,.stack>div{display:flex;flex-direction:column;gap:6px}.create label,.form label,.stack label{font-size:12px;color:#a9bfd1}.create input,.form input,.form select,.form textarea,.stack input{background:#061522;color:white;border:1px solid #1a3e57;border-radius:7px;padding:11px;outline:0}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-actions form{display:flex;gap:4px}.admin-actions input{max-width:150px;background:#061522;color:white;border:1px solid #1a3e57;border-radius:5px;padding:7px}.small{padding:7px 9px!important;background:#0c263a!important;border:1px solid #24506b!important}.small.blue{background:#0d67b4!important}.small.danger{background:#7c252c!important}.narrow{max-width:680px;padding:24px}.stack{display:grid;gap:16px}.notice{margin-top:20px;padding:16px;border-left:3px solid var(--gold);background:#091f31;border-radius:6px;color:#a7bbcb}.form{padding:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid .full{grid-column:1/-1}.form textarea{resize:vertical}.form>button{margin-top:20px}.loginbar{height:70px;background:#061a2a;border-bottom:1px solid #15364e;padding:0 35px;display:flex;align-items:center;letter-spacing:3px}.login{min-height:calc(100vh - 70px);display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:35px;background:linear-gradient(145deg,#0a2439,#061421);border:1px solid #214760;border-radius:12px;box-shadow:0 20px 55px #0008;text-align:center}.login-card .seal{margin-bottom:10px}.login-card>b{display:block;font-size:36px;letter-spacing:4px}.login-card>strong{letter-spacing:3px;color:#9db1c2}.login-card em{margin:17px auto}.login-card h1,.login-card p{text-align:left}.login-card p{color:#8fa7ba}.login-card form{display:grid;gap:7px;text-align:left}.login-card input{background:#061522;color:white;border:1px solid #1a3e57;border-radius:7px;padding:12px}.login-card small{display:block;color:#687f92;margin-top:20px}footer{display:flex;align-items:center;gap:30px;padding:25px 45px;border-top:1px solid #17364d;color:#92a8ba}.mini-seal{width:90px;height:90px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);position:relative;font-size:22px}.mini-seal span{position:absolute;bottom:18px;font-size:29px;color:#dce7f2}.mini-seal+ b{flex:1;text-align:center;letter-spacing:3px}.mini-seal+ b small{display:block;margin-top:12px;font-size:10px;letter-spacing:2px}.collapsed .sidebar{width:82px}.collapsed.app-body{padding-left:82px}.collapsed .sidebar .brand>*:not(.seal),.collapsed .sidebar nav a span,.collapsed .section,.collapsed .side-bottom{display:none}.collapsed .sidebar nav a{justify-content:center}.collapsed .topbar{left:82px}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.create{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}}@media(max-width:750px){.app-body{padding-left:0}.sidebar{display:none}.topbar{left:0}.content{padding:88px 12px 20px}.hero{height:300px;padding-top:55px}.hero h1{font-size:28px}.hero aside{display:none}.stats{grid-template-columns:1fr}.filters,.create{grid-template-columns:1fr}.pagehead{align-items:flex-start;gap:15px}.user-btn span{display:none}footer{display:none}}/* SIDEBAR EIN-/AUSKLAPPEN */

.sidebar {
    transition: width 0.25s ease, transform 0.25s ease;
}

.main-content {
    margin-left: 245px;
    transition: margin-left 0.25s ease;
}

.topbar {
    left: 245px;
    transition: left 0.25s ease;
}


/* Eingeklappte Sidebar */

body.collapsed .sidebar {
    width: 75px;
}

body.collapsed .main-content {
    margin-left: 75px;
}

body.collapsed .topbar {
    left: 75px;
}


/* Text in der Sidebar ausblenden */

body.collapsed .sidebar-brand strong,
body.collapsed .sidebar-brand small,
body.collapsed .sidebar-nav span,
body.collapsed .sidebar-bottom span {
    display: none;
}


/* Elemente zentrieren */

body.collapsed .sidebar-brand {
    justify-content: center;
}

body.collapsed .sidebar-nav a,
body.collapsed .password-request-form button,
body.collapsed .logout-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}


/* Logo */

body.collapsed .brand-logo {
    margin: 0;
}


/* Mobile */

@media (max-width: 850px) {

    .sidebar {
        width: 245px;
    }

    .main-content {
        margin-left: 0;
    }

    .topbar {
        left: 0;
    }

    body.collapsed .sidebar {
        width: 75px;
    }

    body.collapsed .main-content {
        margin-left: 75px;
    }

    body.collapsed .topbar {
        left: 75px;
    }

}
/* ========================================================= */
/* EINGEKLAPPTE SIDEBAR */
/* ========================================================= */

.sidebar,
.main-content,
.topbar {
    transition:
        width 0.25s ease,
        margin-left 0.25s ease,
        left 0.25s ease;
}


/* Sidebar */

body.collapsed .sidebar {
    width: 70px;
}


/* Hauptinhalt */

body.collapsed .main-content {
    margin-left: 70px;
}


/* Topbar */

body.collapsed .topbar {
    left: 70px;
}


/* Logo/Text verschwinden */

body.collapsed .brand-text {
    display: none;
}


/* Bereichsüberschriften verschwinden */

body.collapsed .nav-title {
    display: none;
}


/* Alle Sidebar-Texte verschwinden */

body.collapsed .sidebar-nav a span,
body.collapsed .password-request-form span,
body.collapsed .sidebar-bottom span {
    display: none;
}


/* Alle Sidebar-Symbole verschwinden */

body.collapsed .sidebar .nav-icon {
    display: none;
}


/* Links werden leer */

body.collapsed .sidebar-nav a,
body.collapsed .password-request-form button,
body.collapsed .sidebar-bottom a {
    font-size: 0;
    min-height: 45px;
    padding: 0;
    justify-content: center;
}


/* Sidebar-Logo ebenfalls ausblenden */

body.collapsed .brand-logo {
    display: none;
}


/* Sidebar-Inhalt komplett zentrieren */

body.collapsed .sidebar-brand {
    justify-content: center;
    padding: 15px 0;
}


/* Abstand zwischen Bereichen reduzieren */

body.collapsed .nav-section {
    margin-bottom: 8px;
}


/* Abmelden ebenfalls komplett ausblenden */

body.collapsed .logout-link {
    font-size: 0;
}