:root{--brand: #FA5C03;--brand-light: #FF8040;--brand-dark: #D44A00;--brand-pale: #FFF3EC;--brand-muted: rgba(250, 92, 3, .12);--white: #FFFFFF;--bg: #F6F8FC;--bg-card: #FFFFFF;--border: #E4E9F2;--border-strong: #C8D2E0;--text: #1A2332;--text-secondary: #5A6880;--text-muted: #8FA3B8;--green: #16A34A;--green-pale: #DCFCE7;--yellow: #D97706;--yellow-pale: #FEF3C7;--red: #DC2626;--red-pale: #FEE2E2;--blue: #1B4F8A;--blue-pale: #DBEAFE;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-brand: 0 8px 24px rgba(250,92,3,.25);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .2s;--dur-lg: .35s;--sidebar-w: 240px;--topbar-h: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-brand{0%,to{box-shadow:0 0 #fa5c0366}50%{box-shadow:0 0 0 8px #fa5c0300}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-in{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-fade{animation:fadeIn var(--dur-lg) var(--ease) both}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.login-brand-panel{display:none!important}.main-content{margin-left:0!important}.main-padding{padding:16px 14px!important}.topbar-date{display:none!important}.kpi-grid{grid-template-columns:1fr 1fr!important}.modal-box{max-width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:90vh!important}.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}button{min-height:40px}body{font-size:15px!important}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr!important}}button,[role=button],a,select{min-height:44px;min-width:44px}button.inline-btn{min-height:auto;min-width:auto}.sidebar-item{min-height:44px;display:flex;align-items:center}.serif{font-family:"DM Serif Display",serif}.serif-title{font-family:"DM Serif Display",serif;font-size:var(--text-xl);font-weight:400}.serif-quote{font-family:"DM Serif Display",serif;font-size:var(--text-lg);font-weight:400;font-style:italic;line-height:1.5}.serif-hero{font-family:"DM Serif Display",serif;font-size:var(--text-2xl);font-weight:400}@keyframes lobPuls{0%{transform:scale(1);box-shadow:0 0 #fa5c0380}50%{transform:scale(1.04);box-shadow:0 0 0 12px #fa5c0300}to{transform:scale(1);box-shadow:0 0 #fa5c0300}}.lob-neu{animation:lobPuls .8s ease-out 2}@keyframes stimmungErfolg{0%{transform:scale(1)}30%{transform:scale(1.15) rotate(-2deg)}60%{transform:scale(.95) rotate(1deg)}to{transform:scale(1) rotate(0)}}.stimmung-success{animation:stimmungErfolg .5s var(--ease) both}@keyframes badgeBounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}}.badge-bounce{animation:badgeBounce .4s var(--ease) both}@keyframes confettiDrop{0%{opacity:0;transform:translateY(-20px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(15deg)}}.confetti-in{animation:confettiDrop .6s var(--ease) both}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-in{animation:cardIn .3s var(--ease) both}