:root{--ontiv-blue: #3f7dbe;--ontiv-blue-deep: #2c6098;--ontiv-blue-soft: #6fa4d8;--ontiv-blue-tint: #e6f0f9;--ontiv-orange: #e8682a;--ontiv-orange-soft: #f58a4f;--ontiv-orange-tint: #fdebdc;--status-red: #c03434;--status-red-soft: #e25555;--status-amber: #e8a82a;--status-green: #4ca64c;--status-blue: #3f7dbe;--type-urlaub: #2f8fd9;--type-krank: #c03434;--type-gleitzeit: #6aa84f;--type-zeitausgleich: #b2478a;--type-fortbildung: #e8a82a;--type-homeoffice: #3f7dbe;--type-sonder: #5b3f9e;--type-arbeit: #4ca64c;--type-pause: #e8a82a;--table-head: #9dbcdc;--table-head-soft: #6fa4d8;--bg-app: #f4f5f7;--bg-surface: #ffffff;--bg-surface-alt: #f7f8fa;--bg-overlay: rgba(20, 30, 45, .45);--fg-1: #1f2a37;--fg-2: #4b5563;--fg-3: #7b8794;--fg-4: #b0b7bf;--fg-on-blue: #ffffff;--fg-on-orange: #ffffff;--border-1: #e2e5e9;--border-2: #cfd3d8;--border-input: #c7ccd2;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06);--shadow-2: 0 2px 8px rgba(15, 23, 42, .08);--shadow-3: 0 8px 24px rgba(15, 23, 42, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--fw-regular: 400;--fw-semi: 600;--fw-bold: 700}.card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-1);font:inherit;font-weight:var(--fw-semi);cursor:pointer;white-space:nowrap;transition:background .12s ease,filter .12s ease}.btn:hover:not(:disabled){background:var(--bg-surface-alt)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{border-color:var(--ontiv-blue);background:var(--ontiv-blue);color:var(--fg-on-blue)}.btn--primary:hover:not(:disabled){background:var(--ontiv-blue-deep)}.btn--accent{border-color:var(--ontiv-orange);background:var(--ontiv-orange);color:var(--fg-on-orange)}.btn--accent:hover:not(:disabled){background:var(--ontiv-orange-soft)}.btn--success{border-color:var(--status-green);background:var(--status-green);color:#fff}.btn--success:hover:not(:disabled){filter:brightness(.94)}.btn--danger{border-color:var(--status-red);background:var(--status-red);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--outline-blue{border-color:var(--ontiv-blue);color:var(--ontiv-blue-deep);background:var(--bg-surface)}.btn--outline-blue:hover:not(:disabled){background:var(--ontiv-blue-tint)}.btn--outline-danger{border-color:var(--status-red);color:var(--status-red);background:var(--bg-surface)}.btn--small{height:30px;padding:0 var(--space-3);font-size:var(--fs-13)}.btn--icon{width:40px;height:40px;padding:0}.btn--block{width:100%}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-12);font-weight:var(--fw-semi);line-height:18px;white-space:nowrap}.pill--green{background:#4ca64c24;color:#2f7d2f}.pill--amber{background:#e8a82a29;color:#97701a}.pill--red{background:#c034341f;color:var(--status-red)}.pill--blue{background:var(--ontiv-blue-tint);color:var(--ontiv-blue-deep)}.pill--grey{background:var(--bg-surface-alt);color:var(--fg-3)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--fg-4)}.dot--green{background:var(--status-green)}.dot--amber{background:var(--status-amber)}.dot--red{background:var(--status-red)}.dot--blue{background:var(--ontiv-blue)}.dot--pulse{animation:ot-pulse 1.8s ease-in-out infinite}@keyframes ot-pulse{0%,to{opacity:1}50%{opacity:.35}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ontiv-blue-tint);color:var(--ontiv-blue-deep);font-weight:var(--fw-bold);font-size:var(--fs-13);flex:0 0 auto}.avatar--sm{width:26px;height:26px;font-size:var(--fs-12)}.avatar--lg{width:52px;height:52px;font-size:var(--fs-18)}.data-table{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden}.data-table__head{background:var(--table-head);color:#fff;font-size:var(--fs-12);font-weight:var(--fw-semi)}.data-table__head>div{padding:var(--space-3) var(--space-4)}.data-table__row{align-items:center;border-bottom:1px solid var(--border-1);font-size:var(--fs-13)}.data-table__row:last-child{border-bottom:none}.data-table__row>div{padding:var(--space-3) var(--space-4)}.data-table__row--zebra:nth-child(2n){background:var(--bg-surface-alt)}@media(max-width:768px){.data-table{overflow-x:auto}.data-table__head,.data-table__row{min-width:560px}}.stripe{width:4px;align-self:stretch;flex:0 0 auto}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-4) var(--space-5)}.kpi-card__label{font-size:var(--fs-12);color:var(--fg-3)}.kpi-card__value{font-size:var(--fs-28);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.kpi-card__sub{font-size:var(--fs-12);color:var(--fg-4);margin-top:2px}.input,.select,.textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);font:inherit;color:var(--fg-1);background:var(--bg-surface)}.textarea{min-height:78px;resize:vertical}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--ontiv-blue);outline-offset:1px;border-color:var(--ontiv-blue)}.confirm-note{display:block;margin-top:var(--space-3)}.confirm-note__label{display:block;margin-bottom:var(--space-2);font-size:var(--fs-13);color:var(--fg-2)}.input.ng-invalid.ng-touched,.select.ng-invalid.ng-touched,.textarea.ng-invalid.ng-touched,.input--invalid{border-color:var(--status-red)}.input.ng-invalid.ng-touched:focus-visible,.select.ng-invalid.ng-touched:focus-visible,.textarea.ng-invalid.ng-touched:focus-visible,.input--invalid:focus-visible{outline-color:var(--status-red);border-color:var(--status-red)}.field__error{display:block;margin-top:var(--space-1);font-size:var(--fs-12);color:var(--status-red)}.field__label{display:block;font-size:var(--fs-12);font-weight:var(--fw-semi);color:var(--fg-3);margin-bottom:var(--space-2)}.chip{padding:var(--space-2) var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-2);font:inherit;font-size:var(--fs-13);font-weight:var(--fw-semi);cursor:pointer}.chip--active{border-color:var(--ontiv-blue);background:var(--ontiv-blue-tint);color:var(--ontiv-blue-deep)}.alert{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--status-red);color:#fff;font-size:var(--fs-13)}.meta{font-size:var(--fs-12);color:var(--fg-3)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:768px){.page-head{flex-direction:column}}.page-head__title{font-size:var(--fs-22);font-weight:var(--fw-bold)}.page-head__sub{margin-top:var(--space-1);font-size:var(--fs-13);color:var(--fg-3)}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-14);line-height:20px;color:var(--fg-1);background:var(--bg-app);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}h1{font-size:var(--fs-28);line-height:36px;font-weight:var(--fw-bold);letter-spacing:-.01em;margin:0}h2{font-size:var(--fs-22);line-height:30px;font-weight:var(--fw-bold);margin:0}:focus-visible{outline:2px solid var(--ontiv-blue);outline-offset:2px}.pwreveal{display:flex;align-items:center;gap:6px}.pwreveal>input{flex:1 1 auto;min-width:0}.pwreveal__btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--fg-3, #6b7280);cursor:pointer;border-radius:var(--radius-sm, 6px)}.pwreveal__btn:hover{color:var(--fg-1, #111827)}