:root{color-scheme:dark;--bg:#112A30;--deep:#0A2228;--shape:#14383D;--panel:#17383E;--panel2:#1C4146;--green:#28565A;--rose:#F4B3BF;--rose-soft:#F8D3DB;--mint:#BCE1D5;--white:#F9FAF8;--muted:#B2C9C7;--stroke:#416368;--danger:#FFC1C5;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:3px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}.rose{color:var(--rose)}.muted{color:var(--muted)}.small-text{font-size:.83rem}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:1.53rem;letter-spacing:-.06em;line-height:1}.brand-dot{color:var(--rose)}.brand small{display:block;font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.2em;margin-top:8px}.brand-symbol{width:45px;height:45px;display:grid;place-items:center;background:#2D6062;color:var(--rose);border-radius:14px;flex:none}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(188,225,213,.1);display:inline-block}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--rose);font-weight:850}.eyebrow.small{font-size:.64rem}.pill,.soft-tag{display:inline-flex;align-items:center;background:#2B4C50;border:1px solid #416368;border-radius:100px;padding:7px 12px;color:var(--mint);font-size:.67rem;letter-spacing:.09em;font-weight:800}.message{display:flex;align-items:center;gap:10px;padding:15px 17px;border-radius:13px;margin-bottom:22px;line-height:1.5;font-size:.89rem}.message.error{background:#58353E;border:1px solid #A06F79;color:#FFF0F0}.message.success{background:#234E46;border:1px solid #397F66;color:#E2FFEB}
/* Login */
.login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);min-height:100svh}.login-story{position:relative;background:radial-gradient(circle at 94% 44%,#2B5051 0,transparent 30%),linear-gradient(139deg,#0C252A,#15353A 73%,#1A4246);border-right:1px solid #31565A;padding:clamp(36px,4.5vw,76px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid rgba(244,179,191,.14);border-radius:50%;z-index:-1}.login-story:before{width:630px;height:630px;right:-290px;top:19%}.login-story:after{width:400px;height:400px;right:-175px;top:35%}.brand-large{font-size:2rem}.brand-large .brand-symbol{height:57px;width:57px;border-radius:17px}.story-content{padding:100px 0 30px;max-width:630px}.story-content .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.story-content h1{font-size:clamp(3.7rem,6vw,6.6rem);line-height:1.05;letter-spacing:-.075em;margin:0 0 30px;font-weight:850}.story-content h1 em{color:var(--rose);font-style:normal}.story-content>p{font-size:1.1rem;color:var(--muted);max-width:470px;line-height:1.8}.story-bottom{border-top:1px solid var(--stroke);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.8rem}.story-bottom span{display:flex;align-items:center;gap:10px}.story-bottom strong{color:var(--mint)}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:44px 28px;background:radial-gradient(circle at 110% 0,rgba(43,80,81,.25),transparent 55%),var(--bg)}.login-card{width:min(440px,100%)}.login-card h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.14;letter-spacing:-.055em;margin:24px 0 12px}.login-card h2 span{color:var(--rose)}.login-card .muted{margin-bottom:29px;font-size:.91rem}.login-card label{display:block;font-size:.85rem;font-weight:650;margin:20px 0 9px}.login-card input{display:block;width:100%;padding:15px 17px;background:#102B31;border:1px solid #426569;color:var(--white);border-radius:12px;outline:0}.login-card input:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(244,179,191,.12)}.login-card input::placeholder{color:#91AFAD}.btn-primary{background:var(--rose);color:#193239;border:0;padding:14px 18px;border-radius:12px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .18s,transform .18s}.btn-primary:hover{background:#FFD0D8;transform:translateY(-1px)}.login-button{width:100%;margin-top:27px;padding:17px}.login-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--stroke);padding-top:22px;margin-top:30px;font-size:.78rem;line-height:1.6;color:var(--muted)}.login-note svg{color:var(--mint);flex:none}.login-footer{font-size:.75rem;color:#8EACAA}
/* Shared ACP shell */
.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100svh;background:radial-gradient(circle at 90% 0%,rgba(39,83,86,.28),transparent 37%),var(--bg)}.sidebar{background:#0D282E;border-right:1px solid #2D5357;padding:31px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh;min-height:620px}.sidebar-brand{padding:5px 4px 40px}.section-label{padding:0 18px;color:#789B9A;font-size:.66rem;letter-spacing:.15em;font-weight:850;margin:8px 0 14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:12px;color:#A8C3C1;font-weight:650;font-size:.89rem;transition:background .18s,color .18s;white-space:nowrap}.nav-link:hover{background:#193D42;color:var(--white)}.nav-link.is-active{background:#2B4E52;color:var(--rose);box-shadow:inset 3px 0 0 var(--rose)}.sidebar-bottom{margin-top:auto;padding:20px 10px 2px;border-top:1px solid #345459}.workspace-label{display:flex;align-items:center;gap:10px;font-size:.74rem;color:var(--mint);margin-bottom:22px}.user-chip{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar,.header-avatar{display:grid;place-items:center;background:#41696C;color:var(--rose);font-weight:850;border-radius:13px;width:42px;height:42px;flex:none}.user-chip strong{display:block;font-size:.83rem}.user-chip small{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.logout-btn{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#A8C3C1;padding:10px 6px;font-weight:650}.logout-btn:hover{color:var(--rose)}.workspace{min-width:0}.topbar{height:108px;border-bottom:1px solid var(--stroke);padding:24px clamp(24px,4.5vw,66px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{font-size:1.75rem;margin:7px 0 0;letter-spacing:-.045em}.topbar-right{display:flex;align-items:center;gap:22px}.topbar-secure{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:.8rem}.header-avatar{width:38px;height:38px}.mobile-nav{display:none}.content{max-width:1470px;margin:auto;padding:39px clamp(24px,4.5vw,66px) 55px;min-height:calc(100svh - 174px)}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0 35px}.intro h2{font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.06em;margin:11px 0 8px}.intro p{color:var(--muted);margin:0;font-size:.94rem}.intro.compact{margin-bottom:28px}.date-pill{border-radius:30px;border:1px solid var(--stroke);background:#21454A;color:var(--mint);padding:11px 17px;font-size:.8rem;white-space:nowrap}.wave{color:var(--rose);font-size:.9em}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:linear-gradient(150deg,#1E4449,#18383E);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px;min-width:0}.stat-top{display:flex;align-items:start;justify-content:space-between;gap:8px;font-size:.82rem;color:#D1E0DD}.stat-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:#325E61;color:var(--rose);flex:none}.stat-value{font-size:clamp(2rem,2.9vw,3rem);letter-spacing:-.065em;font-weight:800;margin:12px 0 9px}.stat-caption{font-size:.74rem;color:#A7C3C0;line-height:1.5}.content-grid{display:grid;grid-template-columns:1.24fr .9fr;gap:18px}.panel{background:linear-gradient(160deg,#193D42,#16353A);border:1px solid var(--stroke);border-radius:var(--radius);padding:27px;margin-bottom:20px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.panel-heading h3{font-size:1.2rem;letter-spacing:-.035em;margin:7px 0 0}.panel-heading>svg{color:var(--rose)}.status-list{display:grid;gap:0}.status-item{padding:17px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #355D61;color:var(--muted);font-size:.89rem}.status-item strong{color:var(--white);font-size:1rem}.status-item:last-child{border:0}.panel-footnote{color:var(--muted);font-size:.79rem;margin:15px 0 0}.accent-panel{background:radial-gradient(circle at 97% 11%,rgba(244,179,191,.13),transparent 45%),#21454A;display:flex;flex-direction:column;justify-content:center;padding:36px}.accent-panel h3{font-size:clamp(2rem,2.75vw,3.3rem);line-height:1.08;letter-spacing:-.065em;margin:18px 0}.accent-panel p{font-size:.91rem;color:#BDD2D0;max-width:360px}.mini-divider{height:1px;background:#4D7374;margin:18px 0}.next-step{color:var(--rose);font-size:.83rem;font-weight:750;display:flex;align-items:center;gap:10px}.content-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--stroke);padding:22px clamp(24px,4.5vw,66px);color:#95B4B2;font-size:.75rem}.content-footer span{color:#78A19F}
/* Users */
.filter-bar{display:flex;gap:11px;align-items:center;margin-bottom:24px}.search-field{flex:1;display:flex;align-items:center;gap:10px;border:1px solid #46696D;border-radius:11px;background:#0F2C32;padding:0 14px;color:var(--muted)}.search-field input{height:45px;width:100%;border:0;background:transparent;color:var(--white);outline:0}.search-field input::placeholder{color:#94B3B0}.btn-light,.table-action{background:#2A5559;color:var(--white);border:1px solid #52797A;border-radius:10px;padding:12px 18px;font-weight:750}.btn-light:hover,.table-action:hover{background:#326569}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}.table-wrap th{border-bottom:1px solid #4A686B;padding:14px 12px;color:#B6CDCA;font-size:.75rem;letter-spacing:.02em}.table-wrap td{padding:18px 12px;border-bottom:1px solid #34595D;font-size:.85rem;color:#D7E6E2;vertical-align:middle}.table-wrap td strong{display:block;color:var(--white)}.table-wrap td small{display:block;color:#9DBAB6;font-size:.72rem;margin-top:6px}.role-tag{padding:6px 10px;background:#2B4B50;color:#CDE5DF;border-radius:8px;font-size:.75rem}.status-pill{display:inline-block;padding:6px 10px;border-radius:30px;font-size:.75rem;font-weight:750}.status-pill.good{background:#29534A;color:#C6F0DC}.status-pill.warn{background:#65434A;color:#FFCDD0}.table-action{padding:8px 12px;font-size:.76rem}.empty-row{text-align:center;padding:32px!important;color:var(--muted)!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.81rem;margin-top:21px}.pagination div{display:flex;gap:16px}.pagination a{color:var(--rose);font-weight:750}
/* Settings */
.settings-panel{max-width:850px}.switch-row{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #35595D;padding:23px 2px;cursor:pointer}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:.93rem;margin-bottom:8px}.switch-row small{color:var(--muted);line-height:1.5;font-size:.81rem;max-width:600px}.switch{width:54px;height:30px;position:relative;display:block;flex:none}.switch input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;z-index:1}.slider{display:block;width:100%;height:100%;border-radius:60px;background:#36585E;border:1px solid #507379;transition:.2s}.slider:before{content:"";position:absolute;height:22px;width:22px;left:4px;top:4px;background:#A6C0BF;border-radius:50%;transition:.2s}.switch input:checked + .slider{background:#8B6571;border-color:var(--rose)}.switch input:checked + .slider:before{transform:translateX(23px);background:var(--rose)}.note-box{display:flex;align-items:start;gap:12px;background:#20464A;border:1px solid #426E70;padding:16px;border-radius:12px;color:#C7DEDA}.note-box svg{color:var(--rose);flex:none}.note-box p{margin:0;font-size:.8rem}.field-label{display:block;font-size:.85rem;font-weight:750;margin:13px 0 9px}.settings-panel input[type=datetime-local]{padding:14px;border:1px solid #4C7174;border-radius:10px;background:#102D32;color:var(--white);color-scheme:dark;width:min(370px,100%)}.settings-panel code{color:var(--rose)}.save-button{margin-bottom:20px}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:1fr 1fr}.story-content h1{font-size:4.2rem}.app-shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:880px){.login-layout{grid-template-columns:1fr}.login-story{padding:28px 28px 32px;min-height:270px}.brand-large{font-size:1.65rem}.story-content{padding:35px 0 0}.story-content h1{font-size:3.35rem;margin:0 0 10px}.story-content>p{font-size:.91rem;max-width:500px}.story-bottom{display:none}.login-panel{padding:38px 22px 48px}.login-card{width:min(500px,100%)}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;overflow-x:auto;gap:5px;padding:9px 18px 7px;background:#102B30;border-bottom:1px solid var(--stroke)}.mobile-nav .nav-link{padding:12px 14px;gap:8px}.topbar{height:85px;padding:19px 22px}.topbar h1{font-size:1.5rem}.content{padding:24px 22px 45px}.content-grid{grid-template-columns:1fr}.content-footer{padding:20px 22px}.intro{margin-top:10px}}
@media(max-width:550px){.login-story{min-height:245px}.story-content h1{font-size:2.75rem}.story-content>p{font-size:.82rem}.login-card h2{font-size:2rem}.topbar-secure{display:none}.topbar{padding:14px 17px}.mobile-nav{padding:8px 9px}.mobile-nav .nav-link{font-size:.72rem;padding:10px 10px;gap:5px}.mobile-nav .nav-link svg{width:16px;height:16px}.content{padding:18px 15px 35px}.content-footer{padding:20px 15px;flex-wrap:wrap;gap:10px}.intro{display:block}.intro h2{font-size:2rem}.intro .date-pill{display:inline-block;margin-top:19px}.stat-grid{gap:10px}.stat-card{padding:18px}.stat-top{font-size:.74rem}.stat-icon{width:30px;height:30px}.stat-value{font-size:2rem}.panel{padding:20px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .btn-light{width:100%}.switch-row{gap:12px}.switch-row strong{font-size:.82rem}.switch-row small{font-size:.75rem}.pagination{flex-wrap:wrap}.login-footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* ACP 0.2: Frontend-Modi + Update-Center */
.mode-cards{display:grid;gap:12px;margin:24px 0}.mode-card{display:flex;align-items:center;gap:16px;border:1px solid #446C70;background:#102E34;padding:20px 22px;border-radius:14px;cursor:pointer}
.mode-card:has(input:checked){border-color:var(--rose);background:#294C50}.mode-card input{accent-color:#F4B3BF;width:20px;height:20px;flex:none}.mode-card strong,.mode-card small{display:block}.mode-card small{font-size:.8rem;color:#B9D4D0;margin-top:5px;line-height:1.4}
.setting-textarea,.confirm-update-input,.update-input{display:block;width:100%;border:1px solid #4B7073;border-radius:11px;background:#112E34;padding:14px;color:#FFF;font:inherit;margin-bottom:18px}.setting-textarea{resize:vertical;max-width:750px}.update-input{padding:18px}.confirm-update-input{max-width:360px}.update-summary{padding:16px 18px;background:#0C3035;border:1px solid #375C60;border-radius:12px;margin:16px 0}.update-summary p{margin:8px 0;overflow-wrap:anywhere;color:var(--mint);font-size:.84rem}.update-summary strong{color:#FFF}.update-file-list{padding-left:22px;line-height:2;color:var(--mint)}.update-file-list code,.update-summary code{color:var(--rose);overflow-wrap:anywhere}

/* 0.2.2 – Store-Links */
.store-link-input{display:block;width:100%;padding:14px 16px;margin-bottom:18px;background:#102D32;color:var(--white);border:1px solid #4C7174;border-radius:10px;font:inherit;overflow-wrap:anywhere}
.store-link-input:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.store-link-input:disabled{opacity:.65;cursor:not-allowed}
.store-link-input::placeholder{color:#829E9F}

/* Herzbetrag 0.3: Jobs, Bewerbungen, Berechtigungen */
.hb-form{display:grid;gap:16px;max-width:940px}.hb-form label{font-size:.83rem;font-weight:750;color:#D7E6E2;display:grid;gap:7px}.hb-form input,.hb-form textarea,.hb-form select{width:100%;border:1px solid #4C7174;border-radius:10px;padding:12px 13px;background:#102D32;color:#F9FAF8;font:inherit}.hb-form textarea{resize:vertical;line-height:1.6}.hb-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checkline{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.84rem}.checkline input{accent-color:#F4B3BF}.hb-permission-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:19px 0;border-bottom:1px solid #35595D}.hb-person{min-width:230px;flex:1}.hb-person strong,.hb-person small{display:block}.hb-person small{color:#B2C9C7;margin-top:4px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:15px}.hb-preserve{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.hb-record{max-width:1050px}@media(max-width:750px){.hb-cols{grid-template-columns:1fr}.flex-between{flex-wrap:wrap}.hb-person{width:100%}}
/* Herzbetrag 0.4: Newsletter & Team */
.hb04-release-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}
.hb04-release-options select,.hb04-release-options input{width:100%;margin-top:8px;border:1px solid #446368;background:#0f3034;color:#e9f9f5;padding:12px;border-radius:10px}
.hb04-campaign{border-top:1px solid #395b61;padding:18px 0;display:grid;gap:8px}.hb04-campaign span{color:#a6c2c1;font-size:.85rem}.hb04-campaign form{display:flex;gap:10px;flex-wrap:wrap}
.hb04-campaign input{background:#102f33;color:white;border:1px solid #45666a;border-radius:9px;padding:10px}
.hb04-person-admin{margin-bottom:20px}.hb04-person-admin .hb-form{margin-top:18px}.hb04-admin-avatar{width:82px;height:95px;object-fit:cover;border-radius:12px}