:root{--gold:#f0b44b;--gold2:#ffd88a;--ink:#08111d;--panel:#09111ce8;--line:#ffffff21;--text:#f7f7f5;--muted:#bfc7d0;--ok:#71d59b;--danger:#ff8585}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#07101b}a{color:inherit}.landing-page{min-height:100vh;overflow-x:hidden}.landing-bg{position:fixed;inset:0;background:url('/webschnitzer_intro.png') center center/cover no-repeat;z-index:0}.landing-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,16,.50) 0%,rgba(3,8,16,.08) 48%,rgba(3,8,16,0) 72%)}.glass-menu{position:relative;z-index:1;width:min(650px,42vw);min-width:430px;min-height:100vh;padding:34px 48px 28px;background:linear-gradient(90deg,rgba(4,11,20,.96) 0%,rgba(4,11,20,.89) 70%,rgba(4,11,20,.52) 92%,rgba(4,11,20,0) 100%);backdrop-filter:blur(3px)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-logo{display:block}.brand-logo-img{display:block;width:min(100%,388px);height:auto;object-fit:contain;object-position:left center}.brand-mark{font-size:45px;color:var(--gold);line-height:1;transform:rotate(-12deg)}.brand-name{font-size:30px;font-weight:850;letter-spacing:.02em}.brand-name span,.brand-mini strong span,h1 span{color:var(--gold)}.brand-sub{font-size:10px;letter-spacing:.42em;color:#c7cbd0;margin-top:3px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#c8ced6;margin:0 0 10px;text-transform:uppercase}.glass-menu h1{font-size:clamp(46px,4.6vw,76px);line-height:.95;margin:0 0 9px;letter-spacing:-.045em}.lead{font-size:21px;line-height:1.35;margin:0 0 18px;color:#f0f2f4}.intro{font-size:14px;line-height:1.5;color:#c9d0d8;max-width:530px;margin-bottom:22px}.feature-list{display:grid;gap:8px;margin:15px 0 22px}.feature{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px}.feature>span{width:40px;height:40px;border:1px solid #dca949aa;border-radius:10px;display:grid;place-items:center;font-size:19px;color:#fff;background:#ffffff08;box-shadow:inset 0 0 18px #f1b24a0d}.feature strong{display:block;font-size:15px}.feature small{display:block;color:#b9c0c8;font-size:11px;margin-top:2px}.demo-buttons{border-top:1px solid var(--line);padding-top:15px;margin-top:14px}.demo-title{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#d1d6dc;margin-bottom:9px}.demo-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-button{display:grid;grid-template-columns:17px 1fr 20px;align-items:center;gap:8px;padding:11px 12px;border:1px solid #e1ad4a8f;border-radius:10px;background:linear-gradient(180deg,#ffffff11,#ffffff07);text-decoration:none;font-size:12px;transition:.18s ease}.demo-button:hover{transform:translateY(-1px);border-color:var(--gold);background:#f1b24a17}.demo-button .lock{color:var(--gold);font-size:8px}.demo-button .arrow{text-align:right;color:var(--gold)}.demo-empty{font-size:12px;color:#aeb7c0;padding:10px 0}.cta-row{display:flex;gap:10px;margin-top:16px}.primary,.button-link,.ghost{border:0;border-radius:10px;padding:12px 16px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font:inherit}.primary{background:linear-gradient(180deg,#ffdc8d,#efae43);color:#15110a;box-shadow:0 8px 24px #0004}.primary:hover{filter:brightness(1.04)}.cta{min-width:230px}.mini-points{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;color:#d4d8dd;font-size:10px}.admin-page,.admin-login-page,.demo-gate-page{background:radial-gradient(circle at 70% 10%,#1d2938 0,#0d1521 35%,#070c13 100%);min-height:100vh}.admin-login-page,.demo-gate-page{display:grid;place-items:center;padding:24px}.admin-login-card,.demo-gate-card{width:min(520px,100%);background:#0e1826f2;border:1px solid #ffffff17;border-radius:24px;padding:30px;box-shadow:0 25px 90px #0009}.brand-mini{display:flex;align-items:center;gap:8px;font-size:19px;letter-spacing:.02em}.brand-mini .brand-plane{color:var(--gold);font-size:27px}.admin-login-card h1,.demo-gate-card h1{margin:.25rem 0 .5rem;font-size:30px}.admin-login-card>p,.demo-gate-card>p{color:#b9c4d1;line-height:1.5}.stack-form{display:grid;gap:14px;margin-top:18px}.stack-form label,.admin-grid label{display:grid;gap:6px;color:#cbd3dc;font-size:12px}.stack-form input,.admin-grid input,.admin-grid select,.inline-reset input,.mail-test-form input{width:100%;border:1px solid #ffffff1f;background:#08111d;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.stack-form input:focus,.admin-grid input:focus,.admin-grid select:focus,.inline-reset input:focus,.mail-test-form input:focus{border-color:#e8b556}.admin-grid select{appearance:auto}.subtle-link{display:inline-block;margin-top:18px;color:#aebac7;font-size:12px}.flash{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px}.flash.ok{background:#1e7f4d36;border:1px solid #65d69773;color:#aaf1c6}.flash.error{background:#9d343436;border:1px solid #ff8a8a6e;color:#ffc2c2}.admin-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:#07101bef;border-bottom:1px solid #ffffff17;backdrop-filter:blur(15px)}.admin-topbar small{color:#8fa0b2}.admin-session{margin-left:auto}.session-countdown{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:7px 10px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff09;color:#f0c774;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.admin-actions{display:flex;align-items:center;gap:10px}.admin-actions>a{font-size:12px;color:#cdd6df}.admin-actions form{margin:0}.ghost,.button-link{background:#ffffff0b;color:#e9edf2;border:1px solid #ffffff1d}.ghost:hover,.button-link:hover{background:#ffffff12}.ghost:disabled{opacity:.35;cursor:not-allowed}.small{padding:8px 11px;font-size:12px}.admin-shell{width:min(1200px,calc(100% - 32px));margin:26px auto 70px}.admin-panel{background:#0c1623e8;border:1px solid #ffffff14;border-radius:20px;padding:22px;margin-bottom:20px;box-shadow:0 20px 60px #0004}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-head h2{margin:0;font-size:23px}.status-note,.count-pill{font-size:11px;color:#aab6c2}.count-pill{border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.admin-grid.compact{grid-template-columns:2fr 2fr 1.5fr .7fr}.admin-grid .check{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:42px}.admin-grid .check input{width:auto}.form-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.tenant-list{display:grid;gap:14px}.tenant-card{border:1px solid #ffffff13;border-radius:16px;padding:16px;background:#ffffff05}.tenant-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tenant-card-head strong{font-size:17px}.tenant-card-head span{display:block;color:#8998a9;font-size:10px;margin-top:2px}.tenant-state{border-radius:999px;padding:5px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tenant-state.on{background:#2d8c5738;color:#94e8b4}.tenant-state.off{background:#7c303038;color:#ec9c9c}.mail-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff11;margin-top:14px;padding-top:12px}.mail-tools form{margin:0}.inline-reset{display:flex;gap:7px}.inline-reset input{width:170px;padding:8px 10px}.mail-status{font-size:10px;color:#7f8e9d;margin-left:auto}.path-note{margin-top:10px;font-size:10px;color:#8493a3}.path-note code{color:#d9b86c}.empty-state{padding:28px;text-align:center;color:#8d9bac;border:1px dashed #ffffff1a;border-radius:14px}.mail-test-box{margin-top:20px;padding-top:18px;border-top:1px solid #ffffff12}.mail-test-box h3{margin:0 0 5px;font-size:16px}.mail-test-box p{margin:0 0 12px;color:#9eabb9;font-size:12px}.mail-test-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:end;max-width:700px}.mail-test-form label{display:grid;gap:6px;color:#cbd3dc;font-size:12px}@media(max-width:900px){.glass-menu{width:100%;min-width:0;padding:28px 26px;background:linear-gradient(90deg,rgba(4,11,20,.96),rgba(4,11,20,.86));backdrop-filter:blur(8px)}.landing-bg:after{background:#03101a66}.admin-grid,.admin-grid.compact{grid-template-columns:1fr 1fr}.mini-points{gap:10px}.demo-button-grid{grid-template-columns:1fr}}@media(max-width:600px){.glass-menu h1{font-size:47px}.brand-name{font-size:24px}.lead{font-size:18px}.feature small{font-size:10px}.admin-grid,.admin-grid.compact{grid-template-columns:1fr}.admin-topbar{align-items:flex-start}.admin-actions{flex-direction:column;align-items:flex-end}.mail-tools{align-items:stretch}.inline-reset{width:100%;flex-direction:column}.inline-reset input{width:100%}.mail-status{margin-left:0;width:100%}}
/* Mandanten per Pfeil verschieben */
.admin-grid.tenant-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.tenant-card-tools{display:flex;align-items:center;gap:12px}.tenant-order{display:flex;gap:6px;margin:0}.tenant-order .ghost{width:38px;height:38px;padding:0;font-size:21px;line-height:1}.tenant-order .ghost:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tenant-order .ghost span{display:inline;color:inherit;font-size:inherit;margin:0}.tenant-card[id]{scroll-margin-top:110px}@media(max-width:900px){.admin-grid.tenant-fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-grid.tenant-fields{grid-template-columns:1fr}.tenant-card-head{gap:10px}.tenant-card-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end}}

.tenant-lifecycle{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.tenant-lifecycle form{margin:0}.tenant-lifecycle .danger{border:1px solid var(--danger);color:var(--danger)}.tenant-lifecycle .danger:hover{background:#ff858518}.tenant-lifecycle .lifecycle-note{flex:1 1 260px;font-size:12px;line-height:1.5;color:var(--muted)}
.demo-button.inactive{border-color:#89919b;background:#ffffff06;color:#a9b0b9;cursor:not-allowed}.demo-button.inactive .lock,.demo-button.inactive .arrow{color:#89919b}.demo-button.inactive:hover{transform:none;border-color:#89919b;background:#ffffff06}
.tenant-status-toggle{margin:0}.tenant-status-toggle .tenant-state{font-family:inherit;border:1px solid currentColor;min-width:84px;min-height:34px;cursor:pointer}.tenant-status-toggle .tenant-state:hover{filter:brightness(1.2)}.tenant-status-toggle .tenant-state:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tenant-status-toggle .tenant-state span{display:inline;color:inherit;font-size:12px;margin:0 0 0 5px}
