html{height:100vh;--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: var(--color-primary);--mat-sys-primary-hover: var(--color-primary-hover);--mat-sys-on-primary: var(--color-text-on-primary);--mat-sys-primary-container: var(--color-primary-soft);--mat-sys-on-primary-container: var(--color-primary-strong);--mat-sys-inverse-primary: var(--color-primary-strong);--mat-sys-secondary: var(--color-primary);--mat-sys-on-secondary: var(--color-text-on-primary);--mat-sys-secondary-container: var(--color-primary-soft);--mat-sys-on-secondary-container: var(--color-primary-strong);--mat-sys-title: var(--color-primary);--mat-sys-tertiary: var(--color-ok);--mat-sys-on-tertiary: var(--color-text-on-primary);--mat-sys-tertiary-container: var(--color-ok-bg);--mat-sys-on-tertiary-container: var(--color-ok);--mat-sys-background: var(--color-bg);--mat-sys-on-background: var(--color-ink);--mat-sys-surface: var(--color-bg);--mat-sys-surface-dim: var(--color-surface-muted);--mat-sys-surface-bright: var(--color-surface);--mat-sys-surface-container-lowest: var(--color-surface);--mat-sys-surface-container-low: var(--color-surface);--mat-sys-surface-container: var(--color-surface-muted);--mat-sys-surface-container-high: var(--color-surface-hover);--mat-sys-surface-container-highest: var(--color-border);--mat-sys-on-surface: var(--color-ink);--mat-sys-on-surface-variant: var(--color-muted);--mat-sys-inverse-surface: var(--color-ink);--mat-sys-inverse-on-surface: var(--color-surface);--mat-sys-surface-tint: var(--color-primary);--mat-sys-outline: var(--color-border-strong);--mat-sys-outline-variant: var(--color-border);--mat-sys-error: var(--color-danger);--mat-sys-on-error: var(--color-text-on-primary);--mat-sys-error-container: var(--color-danger-bg);--mat-sys-on-error-container: var(--color-danger);--mat-sys-shadow: rgba(0, 0, 0, .15);--mat-sys-scrim: var(--color-overlay);--mat-sys-brand-font-family: var(--font-sans);--mat-sys-plain-font-family: var(--font-sans)}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font:var(--mat-sys-body-medium);line-height:1.6;margin:0;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{color:var(--color-primary-strong);font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.2}mat-slider.color,mat-slider.sleep{touch-action:none}mat-slider.color .mdc-slider__thumb:after,mat-slider.sleep .mdc-slider__thumb:after{content:"";position:absolute;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}mat-slider.color{--mat-slider-inactive-track-height: 6px;--mat-slider-active-track-height: 6px;--mat-slider-active-track-color: transparent;--mat-slider-inactive-track-color: transparent;--mat-slider-active-track-shape: 999px;--mat-slider-inactive-track-shape: 999px;--mat-slider-focus-state-layer-color: transparent;--mat-slider-hover-state-layer-color: transparent;--mat-slider-handle-width: 24px;--mat-slider-handle-height: 24px;width:100%}@media(max-width:600px){mat-slider.color{--mat-slider-handle-width: 28px;--mat-slider-handle-height: 28px}}mat-slider.color{height:40px;padding:0;display:flex;align-items:center;z-index:1;position:relative}mat-slider.color .mdc-slider__thumb-knob{border:3px solid var(--thumb-color, var(--color-primary));background:var(--color-surface);border-radius:50%;box-shadow:0 2px 8px #00000026;transition:border-color .2s ease}mat-slider.sleep{--mat-slider-inactive-track-height: 6px;--mat-slider-active-track-height: 6px;--mat-slider-active-track-color: var(--sleep-track-color, var(--color-primary));--mat-slider-inactive-track-color: var(--color-border);--mat-slider-active-track-shape: 999px;--mat-slider-inactive-track-shape: 999px;--mat-slider-focus-state-layer-color: transparent;--mat-slider-hover-state-layer-color: transparent;--mat-slider-handle-width: 24px;--mat-slider-handle-height: 24px;width:100%}@media(max-width:600px){mat-slider.sleep{--mat-slider-handle-width: 28px;--mat-slider-handle-height: 28px}}mat-slider.sleep{height:40px;padding:0;display:flex;align-items:center;z-index:1;position:relative}mat-slider.sleep .mdc-slider__thumb-knob{border:3px solid var(--sleep-track-color, var(--color-primary));background:var(--color-surface);border-radius:50%;box-shadow:0 2px 8px #00000026;transition:border-color .2s ease}h1.elevatedBouble{background-color:var(--color-surface);border-radius:999px;color:var(--color-primary);text-align:center;width:fit-content;margin-inline:auto;padding:1rem;line-height:2rem;margin-top:2rem;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);font-size:1.3rem}h1.elevatedBouble mat-icon{vertical-align:text-top;scale:1.2;margin-right:.2rem}mat-card.elevatedBouble{background-color:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-primary);text-align:center;width:80%;margin-inline:auto;padding:1rem;line-height:2rem;margin-top:2rem;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);height:75%}mat-card.elevatedBouble mat-icon{vertical-align:text-top;scale:1.2;margin-right:.2rem}:root{--mat-form-field-filled-container-color: var(--color-surface);--mat-form-field-filled-focus-active-indicator-color: var(--color-primary);--mat-form-field-filled-focus-label-text-color: var(--color-primary);--mat-form-field-filled-caret-color: var(--color-primary);--mat-radio-selected-icon-color: var(--color-primary);--mat-radio-selected-hover-icon-color: var(--color-primary-hover);--mat-radio-selected-focus-icon-color: var(--color-primary);--mat-radio-selected-pressed-icon-color: var(--color-primary);--mat-checkbox-selected-icon-color: var(--color-primary);--mat-checkbox-selected-focus-icon-color: var(--color-primary);--mat-checkbox-selected-pressed-icon-color: var(--color-primary);--mat-expansion-container-elevation-shadow: none}.name-clients-table{font-size:1.2rem;font-weight:600;line-height:.8rem;color:var(--color-primary)}.mat-column-emailName,.mat-column-action{width:20%}.mat-column-questionare{width:15%}.mat-column-assign{width:50%}mat-expansion-panel:hover{background-color:var(--color-surface-hover)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}@media(max-width:600px){.toggle-row{flex-direction:column;align-items:stretch;gap:.75rem}}.toggle-group,.duration-group{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.toggle-btn,.duration-btn{padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;border:none;background:var(--color-surface);color:var(--color-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.toggle-btn:not(:last-child),.duration-btn:not(:last-child){border-right:1px solid var(--color-border)}.toggle-btn:hover:not(.active),.duration-btn:hover:not(.active){background-color:var(--color-surface-hover);color:var(--color-ink)}.toggle-btn.active,.duration-btn.active{background-color:var(--color-primary-soft);color:var(--color-primary)}@media(max-width:600px){.toggle-btn,.duration-btn{flex:1;text-align:center;padding:.5rem .75rem;font-size:.8rem}}.page-content{max-width:var(--max-width);margin:0 auto;padding:calc(var(--topbar-height) + 2rem) 2rem 6rem;box-sizing:border-box}@media(max-width:600px){.page-content{padding:4.75rem .75rem 6rem;max-width:100%;overflow-x:hidden}}.section-header{display:flex;align-items:center;gap:.5rem;margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.section-header mat-icon{color:var(--color-primary);font-size:1.4rem;width:1.4rem;height:1.4rem}.section-header span{font-size:1.1rem;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.section-header:first-child{margin-top:0}@media(max-width:600px){.section-header{margin-top:1.5rem;margin-bottom:1rem}}.search-box{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft)}.search-box mat-icon{color:var(--color-muted);font-size:1.2rem;width:1.2rem;height:1.2rem}.search-box input{border:none;outline:none;background:transparent;width:100%;font-family:var(--font-sans);font-size:.85rem;color:var(--color-ink)}.search-box input::placeholder{color:var(--color-muted)}.button,button[matButton=elevated],button[mat-raised-button],button.mat-mdc-raised-button{min-height:44px;border-radius:var(--radius-md);font-weight:600;font-size:14px;font-family:var(--font-sans);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:10px 20px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .2s ease,background-color .15s ease}.button:hover:not(:disabled),button[matButton=elevated]:hover:not(:disabled),button[mat-raised-button]:hover:not(:disabled),button.mat-mdc-raised-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-strong)}.button:active:not(:disabled),button[matButton=elevated]:active:not(:disabled),button[mat-raised-button]:active:not(:disabled),button.mat-mdc-raised-button:active:not(:disabled){transform:translateY(0)}.button:disabled,button[matButton=elevated]:disabled,button[mat-raised-button]:disabled,button.mat-mdc-raised-button:disabled{opacity:.5;pointer-events:none}.button:focus-visible,button[matButton=elevated]:focus-visible,button[mat-raised-button]:focus-visible,button.mat-mdc-raised-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button-ghost{min-height:44px;border-radius:var(--radius-md);font-weight:600;font-size:14px;font-family:var(--font-sans);background-color:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);padding:10px 20px;cursor:pointer;box-shadow:none;transition:transform .12s ease,background-color .15s ease,border-color .2s ease}.button-ghost:hover:not(:disabled){background-color:var(--color-primary-soft);border-color:var(--color-primary-border-soft);transform:translateY(-1px)}.button-ghost:active:not(:disabled){transform:translateY(0)}.button-ghost.danger{color:var(--color-danger);border-color:var(--color-danger-border)}.button-ghost.danger:hover:not(:disabled){background-color:var(--color-danger-bg)}button.link{background:transparent;color:var(--color-primary);border:none;box-shadow:none;padding:8px 12px;font-weight:600;cursor:pointer}button.link:hover{background-color:var(--color-primary-soft)!important}.card,mat-card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .2s ease,border-color .2s ease}.card-hover,mat-card[class*=hover]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-strong);transform:translateY(-2px)}.card-inline{background-color:var(--color-surface-muted);border-radius:var(--radius-md);box-shadow:none;border:1px solid var(--color-border)}input,textarea,select{font-family:var(--font-sans);font-size:15px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-ink);width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-muted)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-surface-muted);color:var(--color-muted)}@media(max-width:600px){input,textarea,select{font-size:16px}}label,.label{font-weight:600;font-size:14px;color:var(--color-muted)}table.mat-mdc-table,.table{border-collapse:separate;border-spacing:0;background-color:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;width:100%}table.mat-mdc-table thead th,table.mat-mdc-table .mat-mdc-header-cell,.table thead th,.table .mat-mdc-header-cell{background-color:var(--color-surface-muted);color:var(--color-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;border-bottom:1px solid var(--color-border)}table.mat-mdc-table tbody tr:nth-child(odd),table.mat-mdc-table .mat-mdc-row:nth-child(odd),.table tbody tr:nth-child(odd),.table .mat-mdc-row:nth-child(odd){background-color:var(--color-surface-muted)}table.mat-mdc-table tbody tr:hover,table.mat-mdc-table .mat-mdc-row:hover,.table tbody tr:hover,.table .mat-mdc-row:hover{background-color:var(--color-surface-hover)}table.mat-mdc-table td,table.mat-mdc-table .mat-mdc-cell,.table td,.table .mat-mdc-cell{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-ink)}.status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.status.ok{color:var(--color-ok);background-color:var(--color-ok-bg);border-color:var(--color-ok-border)}.status.warn{color:var(--color-warn);background-color:var(--color-warn-bg);border-color:var(--color-warn-border)}.status.neg,.status.danger{color:var(--color-danger);background-color:var(--color-danger-bg);border-color:var(--color-danger-border)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.ok{background-color:var(--color-ok)}.status-dot.warn{background-color:var(--color-warn)}.status-dot.neg{background-color:var(--color-danger)}.tabs{display:inline-flex;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px;gap:4px}.tab{min-height:44px;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;border:1px solid transparent;background:transparent;color:var(--color-muted);cursor:pointer;transition:all .15s ease}.tab.active{background-color:var(--color-surface);border-color:var(--color-primary-border-soft);color:var(--color-primary-strong);box-shadow:var(--shadow-soft)}.tab:hover:not(.active){background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.topbar-glass{background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-muted)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 80px;padding-top:calc(var(--topbar-height) + 32px)}@media(max-width:900px){.page{padding:24px 20px 80px;padding-top:calc(var(--topbar-height) + 24px)}}@media(max-width:600px){.page{padding:16px 16px 80px;padding-top:calc(var(--topbar-height) + 16px)}}.transition-colors{transition:background-color .15s ease,color .15s ease,border-color .2s ease}.transition-all{transition:all .2s ease}hr,mat-divider{border:none;border-top:1px solid var(--color-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 4px transparent;opacity:.7}}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease!important;transition-delay:0s!important}.fade-in{animation:fadeIn .25s ease-out both}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-surface-hover) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.status-dot.live{animation:pulse-dot 2s ease-in-out infinite}app-avatar,.avatar{transition:transform .15s ease}app-avatar:hover,.avatar:hover{transform:scale(1.08)}mat-card[routerLink],mat-card[click],mat-card.clickable,.card-interactive{cursor:pointer}mat-card[routerLink]:hover,mat-card[click]:hover,mat-card.clickable:hover,.card-interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-strong);transform:translateY(-2px)}mat-card[routerLink]:active,mat-card[click]:active,mat-card.clickable:active,.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-soft)}html{scroll-behavior:smooth}mat-sidenav-content{scroll-behavior:smooth}.mat-mdc-button,.mat-mdc-icon-button,.mat-mdc-raised-button,.mat-mdc-fab,.mat-mdc-mini-fab{--mat-ripple-color: var(--color-primary-ring)}