:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs:.8rem;--fs-sm:.875rem;--fs-base:.95rem;--fs-md:1.1rem;--fs-lg:1.3rem;--fs-xl:1.5rem;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-2:#334155;--color-muted:#64748b;--color-muted-2:#94a3b8;--color-primary:#0f172a;--color-primary-contrast:#fff;--color-accent:#f07000;--color-accent-hover:#d95f00;--color-accent-bg:#fff7ed;--color-accent-contrast:#fff;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-success:#166534;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#854d0e;--color-warning-bg:#fef9c3;--color-info:#3730a3;--color-info-bg:#e0e7ff;--color-teal:#155e75;--color-teal-bg:#cffafe;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius:.5rem;--radius-lg:.75rem;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0a;--content-max:60rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}a{color:var(--color-primary)}.px-app{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.px-header{padding:.5rem var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;align-items:center;gap:.5rem;min-height:56px;display:flex;position:sticky;top:0}.px-brand{color:var(--color-text);flex-shrink:0;align-items:center;gap:.5rem;margin-right:.5rem;text-decoration:none;display:flex}.px-brand__text{flex-direction:column;line-height:1.15;display:flex}.px-brand__marke{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.02em;color:var(--color-accent)}.px-brand__tool{font-size:.62rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.px-nav-btn{border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;align-items:center;gap:.25rem;padding:.3rem .65rem;font-family:inherit;line-height:1.4;text-decoration:none;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.px-nav-btn:hover{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.px-nav-btn--active{background:var(--color-accent)!important;color:var(--color-accent-contrast)!important;border-color:var(--color-accent)!important}.px-nav{align-items:center;gap:.25rem;display:flex}.px-nav-spacer{flex:1}.px-nav-gear-btn{border-radius:var(--radius);background:var(--color-surface-2);border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s,border-color .1s;display:flex}.px-nav-gear-btn:hover{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.px-nav-gear-btn.px-nav-btn--active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.px-nav-dd{position:relative}.px-nav-dd__menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:200;flex-direction:column;min-width:190px;padding:.25rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #00000014}.px-nav-dd__menu--right{left:auto;right:0}.px-nav-dd__item{border-radius:calc(var(--radius) - 2px);font-size:var(--fs-sm);color:var(--color-text-2);white-space:nowrap;padding:.45rem .75rem;text-decoration:none;transition:background 80ms,color 80ms;display:block}.px-nav-dd__item:hover{background:var(--color-surface-2);color:var(--color-text)}.px-nav-dd__item--active{color:var(--color-accent);font-weight:var(--fw-semibold);background:var(--color-accent-bg)}.px-header__right{gap:var(--space-3);margin-left:var(--space-2);flex-shrink:0;align-items:center;display:flex}.px-app-body{grid-template-columns:148px 1fr 148px;align-items:start;min-height:calc(100vh - 56px);display:grid}.px-app-body--einspaltig{grid-template-columns:1fr}.px-sidebar{background:var(--color-surface);flex-direction:column;gap:.3rem;height:calc(100vh - 56px);padding:1rem .6rem;display:flex;position:sticky;top:56px;overflow-y:auto}.px-sidebar--left{border-right:1px solid var(--color-border)}.px-sidebar--right{border-left:1px solid var(--color-border)}.px-side-btn{border-radius:var(--radius);width:100%;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);text-align:center;cursor:pointer;white-space:nowrap;padding:.5rem .75rem;text-decoration:none;transition:background .1s,color .1s,border-color .1s;display:block}.px-side-btn:hover{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.px-side-btn--active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);font-weight:var(--fw-semibold)}.px-main{padding:var(--space-5);min-width:0}.px-container{max-width:var(--content-max);margin:0 auto}.px-stack{gap:var(--space-4);flex-direction:column;display:flex}.px-row{align-items:center;gap:var(--space-3);display:flex}.px-row--wrap{flex-wrap:wrap}.px-spacer{margin-left:auto}.px-form-grid{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.px-form-grid{grid-template-columns:1fr}}.px-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.px-card--flush{padding:0;overflow:hidden}.px-page-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.px-page-header h1{font-size:var(--fs-xl);margin:0}.px-page-header__actions{gap:var(--space-3);align-items:center;margin-left:auto;display:flex}.px-btn{border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;border:1px solid #0000;padding:.45rem .8rem;font-family:inherit;line-height:1.3;text-decoration:none;transition:background-color .12s,border-color .12s,transform 60ms;display:inline-block}.px-btn:disabled{opacity:.6;cursor:default}.px-btn:not(:disabled):active{transform:scale(.98)}.px-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.px-btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);font-weight:var(--fw-semibold);font-size:var(--fs-base);padding:.6rem 1rem}.px-btn--primary:not(:disabled):hover{background:var(--color-text-2)}.px-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.px-btn--secondary:not(:disabled):hover{background:var(--color-surface-2);border-color:var(--color-muted)}.px-btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger-border)}.px-btn--danger:not(:disabled):hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.px-btn--ghost{color:var(--color-text);background:0 0;border-color:#0000}.px-btn--ghost:not(:disabled):hover{background:var(--color-surface-2)}.px-btn--sm{font-size:var(--fs-xs);padding:.3rem .6rem}.px-btn--block{width:100%}.px-field{font-size:var(--fs-sm);color:var(--color-text-2);font-weight:var(--fw-medium);margin-bottom:var(--space-3);display:block}.px-field__label{margin-bottom:var(--space-1);display:block}.px-req{color:var(--color-danger)}.px-hint{color:var(--color-muted);font-size:var(--fs-xs);margin:var(--space-1) 0 0}.px-input{border:1px solid var(--color-border-strong);border-radius:var(--radius);width:100%;font-size:var(--fs-base);background:var(--color-surface);color:var(--color-text);padding:.5rem .625rem;font-family:inherit;display:block}.px-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.px-input--auto{width:auto}.px-alert{border-radius:var(--radius);font-size:var(--fs-sm);border:1px solid #0000;padding:.625rem .75rem}.px-alert--error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.px-alert--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.px-alert--info{background:var(--color-info-bg);color:var(--color-info);border-color:#c7d2fe}.px-badge{border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:.15rem .5rem;display:inline-block}.px-badge--neutral{background:var(--color-surface-2);color:var(--color-text-2)}.px-badge--success{background:var(--color-success-bg);color:var(--color-success)}.px-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.px-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.px-badge--info{background:var(--color-info-bg);color:var(--color-info)}.px-badge--teal{background:var(--color-teal-bg);color:var(--color-teal)}.px-table-wrap{overflow-x:auto}.px-table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.px-table thead tr{background:var(--color-surface-2);text-align:left}.px-table th{font-weight:var(--fw-semibold);color:var(--color-text-2);padding:.6rem .75rem}.px-table td{padding:.6rem .75rem}.px-table tbody tr{border-top:1px solid var(--color-border)}.px-table .px-num{text-align:right}.px-muted{color:var(--color-muted)}.px-text-sm{font-size:var(--fs-sm)}.px-mt{margin-top:var(--space-4)}.px-mb{margin-bottom:var(--space-4)}.px-msg{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface)}.px-msg--kunde{background:var(--color-surface-2);margin-right:3rem}.px-msg--agent{background:var(--color-info-bg);border-color:#c7d2fe;margin-left:3rem}.px-msg--notiz{background:var(--color-warning-bg);border-color:#fde68a}.px-msg__meta{gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-muted);margin-bottom:var(--space-2);align-items:center;display:flex}.px-msg__inhalt{white-space:pre-wrap;word-break:break-word}.px-ticket-detail-grid{gap:var(--space-5);grid-template-columns:1fr 20rem;min-height:0;display:grid}@media (max-width:768px){.px-ticket-detail-grid{grid-template-columns:1fr}}