:root{--bg:#f6f8fb;--panel:#fff;--ink:#182840;--muted:#78869b;--border:#e6ebf2;--brand:#2458d4;--brand-dark:#1c43a7;--pale:#edf3ff;--sidebar:#11213c;--green:#128260;--amber:#b66b14;--radius:15px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,2.5vw,37px);font-weight:750;letter-spacing:-.04em;line-height:1.17;margin-bottom:11px}h2{font-size:19px;letter-spacing:-.025em}h3{font-size:15px}p{line-height:1.65}.app-shell{min-height:100vh;display:flex}.sidebar{width:249px;flex:none;background:var(--sidebar);color:#ebf1ff;padding:31px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 13px 38px}.brand-symbol{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#3e7bff,#2d54c3);color:white;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;letter-spacing:-.06em;box-shadow:0 7px 15px #0c184e40}.brand-symbol span{color:#a6d7ff;margin:0 1px}.brand strong{font-size:16px;display:block;letter-spacing:-.035em}.brand small{color:#92a5c2;display:block;font-size:11px;margin-top:3px}.sidebar-group-label,.role-caption{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6f84a5;padding:0 16px;margin-bottom:13px}.sidebar-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;font-weight:600;color:#b4c3dc;transition:.15s}.nav-item:hover,.nav-item.active{background:#203455;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #6fa4ff}.nav-icon{font-size:19px;width:22px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto;border-top:1px solid #31415a;padding-top:22px}.user-info{display:flex;align-items:center;gap:10px;padding:3px 8px 17px}.avatar{background:#dfe9ff;color:#274d9e;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;font-size:17px;font-weight:800}.user-info strong{display:block;font-size:12px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{display:block;color:#9eb2d0;font-size:11px;margin-top:3px}.logout-button{display:flex;justify-content:space-between;width:100%;padding:12px 13px;background:#1e3251;color:#c6d4e8;border:0;border-radius:9px;text-align:left}.logout-button:hover{background:#304766}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumbs{font-size:12px;font-weight:650;color:#53637c}.breadcrumbs span{margin:0 9px;color:#b8c5d6}.topbar-side{color:#8390a2;font-size:12px;display:flex;align-items:center;gap:7px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#c49c51}.connection-dot.online{background:#41ad83}.content{padding:37px clamp(22px,4vw,62px) 50px;max-width:1510px;width:100%;margin:0 auto;flex:1}.footer{padding:17px 46px;color:#99a6b8;border-top:1px solid var(--border);font-size:11px;display:flex;justify-content:space-between;gap:14px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--brand);font-weight:800;display:block;margin-bottom:13px}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:31px}.page-hero p{color:#8290a4;max-width:680px;margin-bottom:0}.dashboard-hero{margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:9px;padding:13px 18px;font-size:12px;letter-spacing:.005em;font-weight:750;white-space:nowrap;min-height:43px}.btn span{font-size:16px}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 4px 10px #2555cc1e}.btn.primary:hover{background:var(--brand-dark)}.btn.secondary{background:white;color:#304666;border-color:#dfe7f0}.btn.secondary:hover{border-color:#94a8c7}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.full{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:36px}.kpi-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:21px 22px 19px;min-height:144px}.kpi-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64768d;font-weight:650}.kpi-glyph{width:28px;height:28px;background:#eef3ff;border-radius:9px;display:grid;place-items:center;color:var(--brand);font-size:16px}.kpi-glyph.green{background:#eaf9f2;color:#148865}.kpi-glyph.amber{background:#fff4e5;color:#ac741b}.kpi-glyph.muted{background:#f2f5f9;color:#8291aa}.kpi-card strong{font-size:35px;line-height:1.2;display:block;margin:12px 0 2px;letter-spacing:-.05em}.kpi-card small{font-size:11px;color:#97a3b3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{margin-bottom:6px}.section-heading p{color:#91a0b0;font-size:12px;margin-bottom:0}.search{display:flex;border:1px solid var(--border);border-radius:9px;background:white;overflow:hidden}.search input{border:0;padding:11px 13px;outline:none;width:210px;font-size:12px}.search button{border:0;background:#f2f5fa;color:#596f8c;padding:0 13px;font-size:12px;font-weight:650}.table-panel{background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-scroll{overflow-x:auto}.requests-table{width:100%;border-collapse:collapse;min-width:690px;text-align:left}.requests-table th{padding:17px 21px;background:#fafbfd;color:#93a0b2;font-size:10px;letter-spacing:.09em;font-weight:800}.requests-table td{padding:17px 21px;border-top:1px solid #eef1f6;color:#586a81;font-size:12px}.requests-table tr:hover td{background:#fafcff}.requests-table td strong{display:block;color:#263952;font-weight:750;font-size:12px}.requests-table td small{display:block;font-size:11px;color:#9ba7b7;margin-top:4px}.requests-table .go{text-align:right}.go a{display:inline-grid;width:26px;height:26px;place-items:center;border-radius:7px;background:#eef4ff;color:#315dc1;font-size:17px}.status{border-radius:999px;padding:6px 9px;display:inline-flex;gap:7px;align-items:center;white-space:nowrap;font-weight:700;font-size:10px;background:#eef1f6;color:#6b788b}.status i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.status-draft{background:#f0f3f8;color:#617187}.status-sent{background:#e8f7f0;color:#0e9067}.status-sending{background:#edf4ff;color:#3565c2}.status-review{background:#fff4e4;color:#a76813}.status.large{font-size:12px;padding:10px 13px}.empty{text-align:center;padding:55px 20px;color:#78899f}.empty-icon{font-size:34px;color:#5c80d4}.empty h3{color:#243752;margin-top:13px;margin-bottom:6px}.empty p{margin-bottom:18px;font-size:12px}.steps-panel{margin-top:23px;background:#eaf0fb;border:1px solid #dae5f5;border-radius:13px;display:flex;align-items:center;gap:18px;padding:19px 22px}.steps-illustration{background:#d9e5fd;color:#2857b9;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.steps-panel strong{font-size:13px}.steps-panel p{margin:4px 0 0;color:#7082a0;font-size:12px}.form-width{max-width:1030px}.detail-width{max-width:1100px}.back-link{color:#60738f;font-size:12px;display:inline-block;margin:0 0 25px;font-weight:650}.back-link:hover{color:var(--brand)}.form-panel,.detail-panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:27px 30px;margin-bottom:20px}.panel-heading{display:flex;gap:14px;align-items:center;margin-bottom:26px}.panel-heading h2{margin-bottom:5px}.panel-heading p{color:#95a1b0;font-size:12px;margin-bottom:0}.step-number{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:#ebf2ff;color:var(--brand);font-size:12px;font-weight:850}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.type-card{position:relative;cursor:pointer}.type-card input{position:absolute;opacity:0;pointer-events:none}.type-card-inner{border:1px solid var(--border);border-radius:11px;padding:16px;min-height:140px;display:flex;flex-direction:column;align-items:start;position:relative;gap:7px;transition:.15s}.type-card input:checked+.type-card-inner{border-color:#4c76e0;box-shadow:0 0 0 2px #4a7bde19;background:#f8fbff}.type-card input:focus-visible+.type-card-inner{outline:3px solid #9ab8ff}.type-icon{display:grid;place-items:center;color:#4173d8;background:#edf3ff;border-radius:9px;width:34px;height:34px;font-size:20px}.type-card strong{font-size:12px}.type-card small{font-size:11px;color:#8696ac;line-height:1.35}.radio-circle{width:16px;height:16px;border:1.5px solid #b9c5d6;border-radius:50%;position:absolute;top:17px;right:15px}.type-card input:checked+.type-card-inner .radio-circle{border:5px solid var(--brand)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 21px}.field-grid label,.note-field label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#394e69}.field-grid label,.note-field label{position:relative}.optional{position:absolute;right:0;top:0;font-size:10px;color:#9dabba;font-weight:400}.field-grid input,.note-field textarea,.login-form input{outline:none;border:1px solid #dbe3ef;border-radius:9px;padding:12px 13px;color:#253a56;background:#fff;width:100%;font-size:13px;transition:border-color .15s,box-shadow .15s}.field-grid input:focus,.note-field textarea:focus,.login-form input:focus{border-color:#7599f2;box-shadow:0 0 0 3px #eaf1ff}.field-grid input::placeholder,.note-field textarea::placeholder{color:#b6c2d1}.field-grid label[hidden]{display:none}.field-subtitle{font-size:12px;letter-spacing:.01em;margin-bottom:12px}.field-subtitle.with-gap{margin-top:28px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.check-card{cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:14px 12px;font-size:12px;font-weight:600;position:relative}.check-card:hover{border-color:#9db8ed}.check-card input{position:absolute;opacity:0}.checkbox-box{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1.5px solid #b7c5d8;border-radius:5px;color:transparent;font-size:12px}.check-card:has(input:checked){border-color:#8caeef;background:#f6f9ff;color:#2a58ac}.check-card input:checked+.checkbox-box{border-color:var(--brand);background:var(--brand);color:#fff}.check-card:has(input:focus-visible){outline:3px solid #aec6ff}.note-field{margin-top:26px}.note-field textarea{resize:vertical;min-height:100px}.note-field small{display:block;color:#9aa7b8;margin-top:8px;font-size:11px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 15px}.form-actions p{color:#8291a4;font-size:12px;margin:0;max-width:520px}.detail-hero{margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.detail-panel h2{margin-bottom:23px}.data-list{margin:0}.data-list div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #f0f3f7;padding:11px 0;font-size:12px}.data-list div:first-child{padding-top:0}.data-list div:last-child{border-bottom:0}.data-list dt{color:#8d9aab;flex:0 0 46%}.data-list dd{margin:0;color:#344b67;font-weight:650;text-align:right;overflow-wrap:anywhere}.details-subheading{font-size:11px;font-weight:800;color:#8898a9;text-transform:uppercase;letter-spacing:.08em;margin:1px 0 13px}.details-subheading.spacing{margin-top:32px}.pill-list{display:flex;flex-wrap:wrap;gap:9px}.product-pill{background:#f0f5fc;border:1px solid #e1e9f4;border-radius:8px;padding:9px 11px;color:#416187;font-size:11px;font-weight:650}.note-display{font-size:12px;color:#63788f;background:#f8fafc;border-radius:9px;padding:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.soft-text{font-size:12px;color:#a2adba}.action-banner{display:flex;gap:16px;align-items:center;background:#eef4ff;border:1px solid #d8e6fe;padding:20px 22px;border-radius:13px;margin-bottom:20px}.banner-icon{width:40px;height:40px;flex:none;border-radius:10px;background:#dbe7ff;color:#2357bd;display:grid;place-items:center;font-size:24px}.action-banner strong{font-size:13px}.action-banner p{font-size:11px;color:#7589a7;line-height:1.6;margin:4px 0 0}.action-buttons{margin-left:auto;display:flex;gap:9px}.alert{padding:17px 19px;border:1px solid;border-radius:10px;margin:0 0 21px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.alert.error{background:#fff2f2;border-color:#f7d7d7;color:#a23c3c}.alert.warning{background:#fff8ed;border-color:#f2ddba;color:#885e1d}.alert.success{background:#eaf8f1;border-color:#c6ecd9;color:#186b4e}.alert a{text-decoration:underline;font-weight:800}.alert ul{margin:7px 0 0;padding-left:20px}.audit{margin-top:0}.event-list{display:grid;gap:18px}.event{display:flex;align-items:center;gap:12px;font-size:12px;color:#495e78}.event-dot{width:9px;height:9px;background:#77a2ee;border-radius:50%;flex:none;box-shadow:0 0 0 4px #edf3ff}.event time{margin-left:auto;color:#9cabbc;font-size:11px}.auth-shell{justify-content:center;background:radial-gradient(circle at 78% 12%,#d8e7ff,#f4f7fb 48%)}.auth-shell .main-area{max-width:100%}.auth-content{display:grid;place-items:center;padding:50px 22px}.login-card{width:min(450px,100%);padding:42px;border:1px solid #e0e9f6;border-radius:22px;background:white;box-shadow:0 18px 60px #294b8912}.login-mark{display:grid;place-items:center;width:52px;height:52px;background:#2d5ecf;border-radius:14px;color:white;font-size:23px;letter-spacing:-.08em;font-weight:900;margin-bottom:34px}.login-card h1{font-size:38px}.login-card h1 em{font-style:normal;color:var(--brand)}.login-card p{color:#8193a7;line-height:1.65}.login-form{display:flex;flex-direction:column;gap:9px;margin-top:29px}.login-form label{font-size:12px;font-weight:700;color:#3c506b;margin-top:9px}.login-form .btn{margin-top:15px}.login-note{display:block;text-align:center;margin-top:24px;color:#a0adbf;font-size:11px}
@media(max-width:1120px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-banner{flex-wrap:wrap}.action-buttons{margin-left:56px}}@media(max-width:800px){.sidebar{width:75px;padding:22px 9px}.brand{padding:0 7px 30px}.brand>div:last-child,.sidebar-group-label,.role-caption,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item{justify-content:center;padding:12px 8px}.nav-icon{font-size:21px}.sidebar-bottom .user-info span:last-child,.logout-button{font-size:0}.logout-button span{font-size:17px}.user-info{padding-left:12px}.topbar{padding:0 25px}.content{padding:25px}.footer{padding:17px 25px}.detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{position:relative;width:56px;padding:15px 5px}.brand{padding:0 4px 30px}.brand-symbol{width:38px;height:38px}.nav-item{padding:12px 5px}.sidebar-bottom .user-info{padding:0 0 15px 7px}.avatar{width:30px;height:30px}.logout-button{padding:12px}.topbar{padding:0 17px;height:58px}.topbar-side{font-size:0}.content{padding:24px 15px}.footer{display:block;padding:15px}.footer span{display:none}.page-hero,.section-heading{align-items:start;flex-direction:column}.kpi-grid{gap:10px}.kpi-card{padding:15px;min-height:130px}.kpi-card strong{font-size:28px}.type-grid{grid-template-columns:1fr}.type-card-inner{min-height:92px}.field-grid,.checkbox-grid{grid-template-columns:1fr}.form-panel,.detail-panel{padding:22px 17px}.form-actions{align-items:stretch;flex-direction:column}.search{width:100%}.search input{width:100%}.action-buttons{margin-left:0;width:100%;flex-wrap:wrap}.detail-hero{align-items:start}.event{flex-wrap:wrap}.event time{width:100%;margin-left:21px}.login-card{padding:30px 25px}}
/* Administration & gepflegte Auswahllisten */
.field-grid select{width:100%;background:#fff;border:1px solid #dbe3ef;border-radius:9px;padding:12px 13px;color:#253a56;min-height:43px;font-size:13px;outline:none}
.field-grid select:focus{border-color:#7599f2;box-shadow:0 0 0 3px #eaf1ff}
.field-grid select option:disabled{color:#9da9b8}
.admin-nav-label{padding-top:25px}
.admin-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}
.admin-tile{position:relative;display:flex;gap:13px;align-items:flex-start;min-height:156px;padding:24px 21px;background:#fff;border:1px solid var(--border);border-radius:14px;transition:border-color .15s,transform .15s}
.admin-tile:hover{border-color:#9cb7e9;transform:translateY(-2px)}
.admin-tile-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;font-size:21px;background:#eaf1ff;color:#3664ca;border-radius:12px}
.admin-tile strong{display:block;font-size:14px;color:#263b56;margin:5px 0 8px}
.admin-tile small{display:block;color:#8a9aac;font-size:11px;line-height:1.55}
.admin-tile-count{position:absolute;right:21px;bottom:18px;font-weight:850;font-size:22px;color:#294e9f}
.admin-tile-arrow{position:absolute;bottom:20px;left:21px;font-size:17px;color:#8ca7d5}
.admin-note{background:#eef4ff;border:1px solid #d9e5f9;padding:17px 21px;border-radius:12px;color:#576e90;font-size:12px;line-height:1.6;margin:0 0 30px}
.admin-note strong{color:#2e518d}
.admin-actions{display:flex;gap:8px;align-items:center}
.admin-actions form{margin:0}
.btn.small{padding:7px 11px;min-height:32px;font-size:11px}
.btn.quiet{background:#f8fafc;border-color:#e7edf3;color:#73859c}
.btn.quiet:hover{border-color:#d3a49d;color:#8d554d}
.admin-state{display:inline-block;padding:6px 9px;border-radius:999px;font-weight:750;font-size:11px}
.admin-state.enabled{background:#e6f6ee;color:#13845b}
.admin-state.disabled{background:#f2f4f8;color:#8896a9}
.muted-cell{padding:30px 22px!important;color:#8b9cad!important}
.admin-checkbox{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:12px;font-weight:650;color:#354b6a}
.admin-checkbox input{accent-color:var(--brand);width:17px;height:17px}
@media(max-width:1120px){.admin-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.admin-tile-grid{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}.admin-tile{min-height:132px}}