:root{
  --bg:#0c0d0f;--panel:rgba(27,28,32,.72);--panel2:rgba(255,255,255,.055);--line:rgba(255,255,255,.10);
  --text:#f4f5f7;--muted:#a8abb2;--red:#e31d2b;--red2:#ff4754;--green:#56d28a;--amber:#ffcb67;
  --shadow:0 28px 80px rgba(0,0,0,.34);--radius:22px;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top right,#24262c 0,#0c0d0f 38%,#08090a 100%);color:var(--text)}
button,input,select,textarea{font:inherit}.hidden{display:none!important}.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(90px);opacity:.11;pointer-events:none}.ambient-a{background:#e31d2b;top:-220px;right:-140px}.ambient-b{background:#ffffff;bottom:-280px;left:-220px;opacity:.05}.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(460px,100%);padding:38px;border-radius:30px}.brand{font-size:27px;letter-spacing:-5px;font-weight:900;display:inline-flex;align-items:center}.brand b{color:var(--red);font-weight:950}.brand-large{font-size:54px;letter-spacing:-9px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#b8bac1;margin:0 0 8px}.login-card h1,.hero h1{letter-spacing:-.04em;margin:5px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1}.muted{color:var(--muted)}.stack{display:grid;gap:16px;margin:28px 0 18px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#c4c6cb}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(8,9,11,.65);color:var(--text);border-radius:13px;padding:12px 13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:rgba(227,29,43,.7);box-shadow:0 0 0 4px rgba(227,29,43,.09)}textarea{resize:vertical}.btn{border:1px solid var(--line);border-radius:13px;padding:11px 15px;font-weight:800;color:white;background:rgba(255,255,255,.05);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.09)}.btn.primary{background:linear-gradient(135deg,var(--red),#aa101b);border-color:#f14b56;box-shadow:0 8px 28px rgba(227,29,43,.22)}.btn.ghost{background:rgba(255,255,255,.045)}.btn.mini{padding:7px 11px;font-size:12px}.notice{padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.5}.notice.danger{background:rgba(227,29,43,.12);border:1px solid rgba(227,29,43,.35);color:#ffb7bd}.notice.info{background:rgba(89,150,255,.09);border:1px solid rgba(89,150,255,.21);color:#cbdcff}.notice.warning{background:rgba(255,203,103,.08);border:1px solid rgba(255,203,103,.20);color:#f5d79c}
.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:fixed;inset:14px auto 14px 14px;width:226px;padding:22px 14px;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;z-index:3}.product{font-size:12px;color:var(--muted);margin-top:5px}.product em{font-style:normal;color:white;background:var(--red);padding:2px 6px;border-radius:999px;margin-left:4px}nav{display:grid;gap:7px;margin:26px 0}nav button{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#a7a9af;border-radius:12px;padding:11px 12px;font-weight:750;cursor:pointer;text-align:left}nav button.active,nav button:hover{background:rgba(255,255,255,.075);color:white}nav button.active{box-shadow:inset 3px 0 0 var(--red)}.side-bottom{display:grid;gap:14px}.backend-pill{font-size:11px;color:#c6c8cd;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:999px;padding:8px 10px}.backend-pill.online{color:#bff0d0}.userline{display:flex;align-items:center;justify-content:space-between;color:#b6b8bd;font-size:12px}.userline button{border:0;background:transparent;color:white;cursor:pointer}.content{grid-column:2;padding:26px 34px 60px 18px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topbar h2{margin:0;font-size:26px;letter-spacing:-.03em}.top-actions{display:flex;gap:10px;align-items:center}.date-chip{font-size:12px;color:#c4c6cb;border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.04)}.view{display:none}.view.active{display:block}.hero{min-height:315px;border-radius:28px;padding:38px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012)}.hero p{max-width:680px;color:#b5b7bc;line-height:1.6}.pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:10px;font-weight:900;letter-spacing:.06em}.pill.red{background:rgba(227,29,43,.14);border-color:rgba(227,29,43,.32);color:#ffb4bb}.hero-orb{display:grid;place-items:center;position:relative;z-index:2}.hero-orb>div{width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 50px rgba(255,255,255,.03),0 18px 80px rgba(0,0,0,.35)}.hero-orb strong{font-size:35px;letter-spacing:-.05em}.hero-orb span{font-size:10px;color:#adb0b5;max-width:120px;margin:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.stat{padding:20px;border-radius:20px}.stat span{font-size:11px;color:#a7aab0}.stat strong{display:block;font-size:27px;margin-top:6px}.stat small{color:#7f8288}.section-head,.panel-title,.row-between{display:flex;align-items:center;justify-content:space-between}.section-head{margin:28px 2px 12px}.section-head h3,.panel-title h3{margin:0;font-size:24px}.section-head>span{font-size:11px;color:#7e8186}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-card{padding:20px;border-radius:19px;min-height:165px}.flow-card>b{color:var(--red2);font-size:12px}.flow-card h4{font-size:16px;margin:18px 0 7px}.flow-card p{font-size:12px;color:#9699a0;line-height:1.55;margin:0}
.stepper{display:grid;grid-template-columns:repeat(5,1fr);border-radius:18px;padding:7px;margin-bottom:15px}.step{border:0;background:transparent;color:#83868d;padding:10px;border-radius:12px;font-size:11px;font-weight:800;cursor:pointer}.step span{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--line);margin-right:7px}.step.active{background:rgba(255,255,255,.07);color:white}.step.active span{background:var(--red);border-color:var(--red)}.step-panel{display:none}.step-panel.active{display:block}.panel-title{margin:8px 2px 14px}.form-card{padding:22px;border-radius:22px}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.full{grid-column:1/-1}.subhead{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#d4d5d8;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;margin-bottom:12px}.top-gap{margin-top:14px}.offer-number-builder{display:grid;grid-template-columns:1fr 120px 130px 1.5fr;gap:12px;align-items:end}.number-preview{border:1px solid var(--line);border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.035)}.number-preview span,.number-preview small{display:block;font-size:9px;color:#90939a}.number-preview strong{display:block;font-size:20px;margin:2px 0}.panel-actions{display:flex;justify-content:space-between;margin-top:14px}.org-choice{padding:20px;border-radius:20px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-bottom:14px;border-color:rgba(227,29,43,.28)}.org-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--red),#9f0f18);display:grid;place-items:center;font-weight:950}.org-choice h4{margin:0}.org-choice p{margin:5px 0 0;color:#94979d;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:11px;color:#bec0c5;cursor:pointer}.chip input:checked+span{background:rgba(227,29,43,.14);border-color:rgba(227,29,43,.4);color:white}.shift-list{display:grid;gap:10px}.shift-row{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);padding:14px;display:grid;grid-template-columns:1.3fr 110px 110px 105px auto;gap:11px;align-items:end}.days{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.daycheck input{display:none}.daycheck span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);font-size:9px;color:#989ba1;cursor:pointer}.daycheck input:checked+span{background:rgba(227,29,43,.15);border-color:rgba(227,29,43,.43);color:white}.remove-shift{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#bbb;cursor:pointer}.calc-layout{display:grid;grid-template-columns:1.55fr .7fr;gap:14px}.calc-result{border-radius:22px;padding:25px;align-self:start;position:sticky;top:20px}.calc-result>strong{font-size:52px;letter-spacing:-.06em;display:block;margin-top:6px}.calc-result>small{color:#8f9298}.rate-list,.hours-summary{display:grid;gap:8px;margin-top:20px}.rate-list div,.hours-summary div{display:flex;justify-content:space-between;font-size:12px}.rate-list span,.hours-summary span{color:#9fa2a8}.divider{height:1px;background:var(--line);margin:19px 0}.total-box{margin-top:20px;padding:15px;border-radius:16px;background:linear-gradient(135deg,rgba(227,29,43,.19),rgba(227,29,43,.06));border:1px solid rgba(227,29,43,.28)}.total-box span{font-size:10px;color:#c8c9cd;display:block}.total-box strong{display:block;font-size:27px;margin-top:3px}.cost-breakdown{display:grid;gap:7px}.cost-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.07);font-size:12px}.cost-row span{color:#9ea1a7}.cost-row b{min-width:60px;text-align:right}.cost-row.total{font-size:13px;border-top:1px solid var(--line);border-bottom:0;padding-top:13px}.manual-box{padding:14px 18px;border-radius:17px;margin-top:14px}.switch{display:flex;align-items:center;gap:9px}.switch>input{display:none}.switch>span{width:38px;height:22px;border-radius:999px;background:#404248;position:relative}.switch>span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch>input:checked+span{background:var(--red)}.switch>input:checked+span:after{left:19px}.offer-tools{padding:16px;border-radius:18px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:18px;align-items:center;margin-bottom:14px}.checkline{display:flex;align-items:center;gap:8px;margin:6px 0}.checkline input{width:auto}.tool-buttons{display:flex;gap:8px}.offer-preview{background:#fff;color:#161616;border-radius:4px;min-height:1000px;box-shadow:0 30px 100px rgba(0,0,0,.4);overflow:hidden}.offer-page{width:min(100%,900px);margin:0 auto;padding:58px 64px 70px;min-height:1120px;background:white;color:#202124;position:relative}.offer-head{display:flex;justify-content:space-between;gap:40px}.offer-logo{font-size:34px;font-weight:950;letter-spacing:-7px}.offer-logo b{color:#e31d2b}.offer-company{font-size:9px;line-height:1.55;color:#62646a;text-align:right}.offer-kicker{margin-top:70px;font-size:11px;color:#74767a}.offer-page h1{font-size:29px;letter-spacing:-.04em;margin:5px 0}.offer-meta{display:grid;grid-template-columns:1fr 1fr;margin:35px 0;gap:30px;font-size:11px;line-height:1.6}.offer-table{width:100%;border-collapse:collapse;margin-top:25px;font-size:10px}.offer-table th,.offer-table td{border:1px solid #bfc1c5;padding:10px;text-align:left;vertical-align:top}.offer-table th{background:#f0f1f2;text-transform:uppercase;font-size:8px;letter-spacing:.04em}.offer-table .money{text-align:right;font-weight:800}.offer-total{font-size:17px;font-weight:900}.offer-copy{font-size:10px;line-height:1.65;margin-top:28px}.offer-footer{position:absolute;left:64px;right:64px;bottom:28px;border-top:1px solid #ddd;padding-top:9px;display:flex;justify-content:space-between;font-size:8px;color:#85878c}.cover-page{display:grid;place-items:center;text-align:center;overflow:hidden}.cover-page .cover-bg{position:absolute;inset:0;background:linear-gradient(145deg,#f7f7f7,#fff)}.cover-page img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.cover-content{position:relative;z-index:1}.cover-page.has-image{color:white}.cover-content h1{font-size:44px}.contact-card{display:grid;grid-template-columns:90px 1fr;gap:25px;align-items:center;text-align:left}.avatar{width:90px;height:110px;background:linear-gradient(145deg,#eee,#ccc);display:grid;place-items:center;color:#888;font-weight:900}.attachments-list{padding:25px;border:1px solid #ddd;background:#fafafa;margin-top:30px}.attachments-list h3{margin-top:0}.saved-list{display:grid;gap:10px}.saved-item{padding:18px;border-radius:18px;display:grid;grid-template-columns:1fr auto;align-items:center}.saved-item h4{margin:0 0 5px}.saved-item p{margin:0;color:#96999f;font-size:11px}.saved-actions{display:flex;gap:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-span{grid-column:1/-1}.admin-costs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.admin-cost-row{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center}.admin-cost-row span{font-size:11px;color:#aaa}.wage-table{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wage-entry{display:grid;grid-template-columns:70px 75px 1fr;gap:7px;align-items:center;border:1px solid var(--line);padding:8px;border-radius:12px;font-size:10px}.wage-entry input{padding:8px}
@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:sticky;top:0;inset:auto;width:100%;height:auto;border-radius:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 16px;background:#111318;z-index:10}.sidebar nav{display:flex;margin:0;justify-content:center}.sidebar nav button span{display:none}.side-bottom{display:flex;align-items:center}.backend-pill{display:none}.content{grid-column:1;padding:22px}.flow-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-orb{display:none}.calc-layout{grid-template-columns:1fr}.calc-result{position:static}.offer-tools{grid-template-columns:1fr}.shift-row{grid-template-columns:1fr 90px 90px 90px auto}.wage-table{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.topbar{align-items:flex-start;gap:12px}.date-chip{display:none}.stats,.flow-grid,.cols-2,.cols-3,.cols-4,.admin-grid{grid-template-columns:1fr}.offer-number-builder{grid-template-columns:1fr 1fr}.number-preview{grid-column:1/-1}.stepper{grid-template-columns:repeat(5,1fr)}.step{font-size:0}.step span{font-size:10px;margin:0}.shift-row{grid-template-columns:1fr 1fr}.shift-row>div:first-child{grid-column:1/-1}.remove-shift{align-self:end}.content{padding:16px}.form-card{padding:16px}.offer-page{padding:35px 28px 60px;min-height:900px}.offer-footer{left:28px;right:28px}.offer-head{display:block}.offer-company{text-align:left;margin-top:10px}.offer-meta{grid-template-columns:1fr}.saved-item{grid-template-columns:1fr;gap:14px}.wage-table{grid-template-columns:1fr}}
@media print{body{background:white}.sidebar,.topbar,.stepper,.panel-title,.offer-tools,.panel-actions,.ambient{display:none!important}.app,.content,.view,#offerForm,.step-panel[data-panel="5"]{display:block!important;padding:0!important;margin:0!important}.step-panel:not([data-panel="5"]){display:none!important}.offer-preview{box-shadow:none;border-radius:0}.offer-page{break-after:page;width:210mm;min-height:297mm;padding:18mm 16mm}.offer-footer{left:16mm;right:16mm}.offer-page:last-child{break-after:auto}}

/* V1.1 Kalkulationshierarchie */
.cost-row.subtotal{border-top:1px solid rgba(255,255,255,.12);font-weight:700}
.cost-row.profit{margin-top:6px;border-top:1px dashed rgba(255,255,255,.16);padding-top:10px}
.cost-row.final{margin-top:4px;border-top:2px solid rgba(204,0,0,.65);font-weight:800}
.field-help{display:block;margin-top:6px;opacity:.62;font-size:.72rem;line-height:1.35}