*{box-sizing:border-box}body{margin:0;background:#0b101b;color:#eef3fc;font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:#6cd6e5;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6cd6e5;outline-offset:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101929;border-right:1px solid #263449;padding:28px 16px 18px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;color:#fff;padding:0 14px 38px;line-height:1.1}.brand-symbol,.brand-dot{color:#64d4e4}.brand small{display:block;font-size:10px;letter-spacing:2.2px;color:#8c9fb8;margin:9px 0 0 30px}.nav-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#7591ad}.nav-caption{padding:0 14px 13px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#aebed2;font-weight:550}.sidebar nav a:hover,.sidebar nav a.active{background:#1c2b40;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #6cd6e5}.nav-icon{font-size:19px;width:22px;text-align:center;color:#75bfcf}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #2a3b50;padding:20px 5px 0}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#263f56;color:#8ae5ed;font-weight:800}.account{min-width:0;flex:1}.account strong,.account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{font-size:11px;color:#91a4bc}.logout{font-size:22px}.workspace{margin-left:250px;padding:0 36px 60px;max-width:1650px}.topbar{height:65px;border-bottom:1px solid #202d40;display:flex;align-items:center;justify-content:space-between}.crumb,.version{font-size:11px;letter-spacing:1px;color:#8195ae}.crumb-sep{padding:0 9px;color:#4b6179}.page-header h1{font-size:29px;letter-spacing:-1px;margin:27px 0 22px}.center{margin:6vh auto;max-width:520px;padding:25px}.center .page-header h1{font-size:30px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.welcome h2{font-size:25px;margin:6px 0 2px;letter-spacing:-.7px}.welcome p,.quick-panel p,.calendar-toolbar p{color:#9aaec6;margin:0}.wave{color:#64d4e4}.btn-primary,button:not(.danger){display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 17px;background:#67d2df;color:#09202b;font-weight:800;cursor:pointer;font:inherit;font-weight:750}.btn-primary:hover,button:hover{filter:brightness(1.08)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card,.panel{background:#141f30;border:1px solid #293b51;border-radius:16px}.stat-card{padding:20px;color:#fff;transition:transform .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);border-color:#4b8090}.stat-head{display:flex;justify-content:space-between;color:#a7b8cc;font-size:12px}.stat-icon{display:grid;place-items:center;background:#20384a;color:#7de0eb;border-radius:9px;width:32px;height:32px;font-size:20px}.stat-card strong{display:block;font-size:37px;line-height:1.25;margin:12px 0 14px}.stat-foot{font-size:11px;color:#74c9d7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px}.panel{padding:23px;margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading h2{margin:6px 0 15px}.section-heading>a{font-size:12px}.empty-state{text-align:center;padding:48px 15px}.empty-icon{font-size:38px;color:#6bcad8}.empty-state h3{margin:8px 0}.empty-state p{color:#94a9c0;margin:0 0 23px}.event-list{display:grid}.event-item{display:flex;align-items:center;gap:14px;border-top:1px solid #2b3b4e;padding:12px 0;color:#e8f1fc}.date-chip{background:#22384b;border-radius:9px;padding:7px 10px;text-align:center}.date-chip strong,.date-chip small{display:block}.date-chip small,.event-info small{font-size:11px;color:#9db0c4}.event-info{flex:1}.event-info strong,.event-info small{display:block}.status{font-size:11px;border-radius:20px;padding:4px 9px;background:#263a50;color:#bcd6e6}.status-bestaetigt{background:#153f3a;color:#8ee4c2}.status-anfrage{background:#4a3820;color:#f1c27d}.status-storniert{background:#4a2935;color:#f3a7b5}.quick-panel>h2{margin:7px 0}.quick-links{display:grid;gap:9px;margin-top:20px}.quick-links a{display:flex;gap:12px;align-items:center;background:#1c2b3e;border:1px solid #2c4056;border-radius:10px;padding:12px;color:#7ad7e3}.quick-links span{flex:1;color:#e8f2fc}.hint{font-size:11px;color:#91a5ba;border-top:1px solid #2a3b4e;margin-top:22px;padding-top:17px}.lead{color:#9aaec6}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards .panel span{display:block;color:#a3b4c8}.cards strong{font-size:36px;display:block}.error{color:#ff9ca8}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#cbd7e5;font-size:13px}input,textarea,select{width:100%;border:1px solid #354b62;border-radius:9px;background:#0e1725;color:#fff;padding:11px 12px;font:inherit}textarea{min-height:90px}.inline{display:inline-block;margin-left:8px}.danger{border:0;border-radius:8px;background:#5b2b3a;color:#ffc6cf;padding:8px 10px;cursor:pointer}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #2b3c51}th{color:#93a9c1;font-size:12px}td small{display:block;color:#8ca1b5}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.calendar-switch{display:flex;align-items:center;gap:18px}.calendar-switch a{padding:7px 12px;background:#1b2b3f;border-radius:8px}.calendar-panel{padding:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{text-align:center;padding:12px;color:#9db1c6;font-size:12px}.day-cell{min-height:115px;border:1px solid #29394b;padding:8px;min-width:0}.day-cell.outside{background:#101a28}.day-cell.today{background:#1b3041}.day-number{display:block;font-size:12px;margin-bottom:7px;color:#dbe6f5}.calendar-event{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;border-radius:5px;background:#294659;color:#d6f5f9;margin-bottom:4px}.calendar-event.status-anfrage{background:#493b26;color:#f5d49b}.calendar-event.status-storniert{background:#4d2938;color:#ffc4ce}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:15px}.brand{padding:0 0 14px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:9px}.workspace{margin:0;padding:0 17px 35px}.topbar{height:48px}.page-header h1{margin:20px 0}.welcome{align-items:flex-start;flex-direction:column}.stat-grid,.two,.cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.day-cell{min-height:70px;padding:3px}.calendar-event{font-size:9px}.calendar-panel{padding:5px}}@media(max-width:440px){.stat-grid,.two,.cards{grid-template-columns:1fr}.stat-card strong{font-size:30px}.weekday{padding:5px}.day-cell{min-height:54px}.calendar-event{white-space:normal;overflow-wrap:anywhere}}
/* centivo 0.3.1: compact quote editor */
.quote-intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-hint{color:#90a9c0;font-size:12px}.quote-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.quote-section-head h2{margin:4px 0}.quote-draft{border:1px solid #3a566a;border-radius:30px;padding:5px 11px;color:#90d9e3;font-size:12px}.quote-items-header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px;gap:15px}.quote-items-header h3{margin:4px 0;font-size:17px}.quote-secondary{background:#20384c!important;color:#85e3ed!important;border:1px solid #37566a!important}.quote-item-labels,.quote-item{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(80px,.7fr) minmax(110px,1fr) minmax(100px,1fr) 35px;gap:12px;align-items:center}.quote-item-labels{color:#8eaac3;font-size:12px;padding:8px 0}.quote-item{border-top:1px solid #2b4055;padding:12px 0}.quote-item input{min-width:0}.quote-line-total{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.quote-remove{background:transparent!important;color:#a9bcd0!important;border:1px solid #364a60!important;padding:7px!important;border-radius:9px;font-size:20px!important}.quote-remove:disabled{opacity:.3;cursor:not-allowed}.quote-summary{display:flex;align-items:center;justify-content:flex-end;gap:40px;padding:22px 0;border-top:1px solid #355066;margin-top:5px}.quote-summary span{color:#bdcede}.quote-summary small{display:block;font-size:11px;color:#819db5}.quote-summary strong{font-size:26px;font-variant-numeric:tabular-nums}.quote-actions{display:flex;gap:15px;align-items:center;margin-top:8px}@media(max-width:800px){.quote-item-labels{display:none}.quote-item{grid-template-columns:repeat(2,minmax(0,1fr));background:#19273a;border:1px solid #2b4055;border-radius:12px;padding:12px;margin:10px 0}.quote-item input:first-child{grid-column:1/-1}.quote-line-total{text-align:left}.quote-remove{justify-self:end}.quote-items-header{flex-wrap:wrap}.quote-summary{justify-content:space-between;gap:12px}.quote-summary strong{font-size:21px}}

.finance-form{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;min-width:260px}.finance-form label{font-size:11px}.finance-form button{align-self:end}.finance-form input{min-width:0}@media(max-width:720px){.finance-form{min-width:200px}}.finance-form{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;min-width:260px}.finance-form label{font-size:11px}.finance-form button{align-self:end}.finance-form input{min-width:0}@media(max-width:720px){.finance-form{min-width:200px}}
/* CENTIVO – Scrollbare linke Navigation */
.sidebar,
aside.sidebar,
.app-sidebar {
    height: 100vh;
    height: 100dvh;
    overflow-y: auto !important;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #38bdf8 #111827;
}

/* Scrollbar passend zum Design */
.sidebar::-webkit-scrollbar,
.app-sidebar::-webkit-scrollbar {
    width: 5px;
}

.sidebar::-webkit-scrollbar-thumb,
.app-sidebar::-webkit-scrollbar-thumb {
    background: #38bdf8;
    border-radius: 10px;
}

.sidebar::-webkit-scrollbar-track,
.app-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

/* centivo UI 2.0 – additive, no business logic changes */
:root{color-scheme:dark;--ui-bg:#0b101b;--ui-sidebar:#101929;--ui-card:#141f30;--ui-card2:#1c2b40;--ui-border:#293b51;--ui-text:#eef3fc;--ui-muted:#a7b8cc;--ui-link:#6cd6e5;--ui-input:#0e1725;--ui-input-border:#354b62;--ui-strong:#fff}
html[data-ui-theme="light"]{color-scheme:light;--ui-bg:#f3f6fa;--ui-sidebar:#fff;--ui-card:#fff;--ui-card2:#eaf1f7;--ui-border:#cbd7e4;--ui-text:#14243a;--ui-muted:#42566e;--ui-link:#086d86;--ui-input:#fff;--ui-input-border:#9aadc0;--ui-strong:#102033}
body{background:var(--ui-bg);color:var(--ui-text)}a{color:var(--ui-link)}
.sidebar{background:var(--ui-sidebar);border-right-color:var(--ui-border)}.sidebar nav a{color:var(--ui-muted)}.sidebar nav a:hover,.sidebar nav a.active{background:var(--ui-card2);color:var(--ui-strong)}.sidebar-bottom{border-top-color:var(--ui-border)}.account small,.nav-caption,.eyebrow,.crumb,.version{color:var(--ui-muted)}
.topbar{border-bottom-color:var(--ui-border)}.ui-top-actions{display:flex;align-items:center;gap:13px}.ui-theme-toggle{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px!important;border:1px solid var(--ui-border)!important;border-radius:11px!important;background:var(--ui-card)!important;color:var(--ui-text)!important;font-size:12px!important;font-weight:750!important;cursor:pointer}.ui-theme-toggle:hover{border-color:var(--ui-link)!important}.ui-theme-toggle [data-theme-icon]{font-size:19px;line-height:1}
.panel,.stat-card{background:var(--ui-card);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 5px 20px rgba(0,0,0,.035)}.stat-card strong,.panel h2,.page-header h1,.welcome h2,.cards strong{color:var(--ui-strong)}.stat-head,.welcome p,.quick-panel p,.calendar-toolbar p,.lead,.empty-state p,.cards .panel span,.hint,.event-info small,.date-chip small{color:var(--ui-muted)}
input,select,textarea{background:var(--ui-input);color:var(--ui-text);border-color:var(--ui-input-border)}input::placeholder,textarea::placeholder{color:var(--ui-muted)}label{color:var(--ui-text)}th{color:var(--ui-muted);font-weight:800}td,th{border-bottom-color:var(--ui-border)}td small{color:var(--ui-muted)}.tablewrap{border-radius:12px}table{font-variant-numeric:tabular-nums}tbody tr:hover{background:color-mix(in srgb,var(--ui-link) 5%,transparent)}
.event-item{color:var(--ui-text);border-top-color:var(--ui-border)}.date-chip,.quick-links a,.calendar-switch a{background:var(--ui-card2)}.quick-links a{border-color:var(--ui-border)}.quick-links span{color:var(--ui-text)}.status{background:var(--ui-card2);color:var(--ui-text)}.day-cell{border-color:var(--ui-border)}.day-cell.outside{background:var(--ui-card2)}.day-cell.today{background:color-mix(in srgb,var(--ui-link) 13%,var(--ui-card))}.day-number{color:var(--ui-text)}
html[data-ui-theme="light"] .brand{color:#102033}html[data-ui-theme="light"] .brand small{color:#53677e}html[data-ui-theme="light"] .sidebar nav a.active{font-weight:800}html[data-ui-theme="light"] .panel h2,html[data-ui-theme="light"] th,html[data-ui-theme="light"] label{font-weight:750}html[data-ui-theme="light"] .stat-card strong{color:#102033}html[data-ui-theme="light"] .stat-icon{background:#dceef3;color:#075e72}html[data-ui-theme="light"] .avatar{background:#e0eff4;color:#075e72}html[data-ui-theme="light"] .quote-secondary{background:#e3edf5!important;color:#17485b!important;border-color:#afc8d6!important}html[data-ui-theme="light"] .quote-draft{color:#086d86}html[data-ui-theme="light"] .quote-hint,html[data-ui-theme="light"] .quote-item-labels,html[data-ui-theme="light"] .quote-summary span,html[data-ui-theme="light"] .quote-summary small{color:#42566e}html[data-ui-theme="light"] .quote-remove{color:#28465d!important;border-color:#a7b9c8!important}html[data-ui-theme="light"] .quote-item{border-color:#d0dce7}html[data-ui-theme="light"] .calendar-event{background:#d7ecf2;color:#12495b}html[data-ui-theme="light"] .status-bestaetigt{background:#d8f4e7;color:#126341}html[data-ui-theme="light"] .status-anfrage{background:#fff0d6;color:#815100}html[data-ui-theme="light"] .status-storniert{background:#ffe1e5;color:#a22540}
/* More space for actual content, less visual clutter */
.workspace{max-width:1800px}.page-header h1{font-weight:800;letter-spacing:-.9px}.panel{border-radius:15px}.stat-card{border-radius:14px}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s}button:focus-visible,.ui-theme-toggle:focus-visible{outline:3px solid var(--ui-link);outline-offset:2px}
@media(max-width:720px){.ui-theme-label,.version{display:none}.ui-theme-toggle{padding:7px 10px!important}.topbar{gap:8px}.crumb{font-size:10px}.workspace{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){button,a,input,select,textarea{transition:none!important}}