@charset "UTF-8";:root{--palette-primary: #f7941d;--palette-primary-dark: #d97b0e;--palette-primary-light: #fdead2;--palette-secondary: #1d3557;--palette-secondary-light: #e8eef4;--palette-text: #1a1a1a;--palette-text-secondary: #5f6368;--palette-text-disabled: #9aa0a6;--palette-border: #e1e3e6;--palette-background-secondary: #f5f5f6;--palette-background: #ffffff;--palette-success: #2e7d32;--palette-warning: #fbc02d;--palette-error: #d32f2f;--palette-information: #1976d2;--color-primary: var(--palette-primary);--color-primary-hover: var(--palette-primary-dark);--color-primary-soft: var(--palette-primary-light);--color-on-primary: var(--palette-background);--color-secondary: var(--palette-secondary);--color-secondary-soft: var(--palette-secondary-light);--color-action-primary: var(--palette-primary);--color-action-primary-hover: var(--palette-primary-dark);--color-progress: var(--palette-primary);--color-progress-thumb: var(--palette-primary-dark);--color-text: var(--palette-text);--color-text-secondary: var(--palette-text-secondary);--color-text-disabled: var(--palette-text-disabled);--color-border: var(--palette-border);--color-background: var(--palette-background-secondary);--color-surface: var(--palette-background);--color-on-strong: var(--palette-background);--color-success: var(--palette-success);--color-warning: var(--palette-warning);--color-error: var(--palette-error);--color-information: var(--palette-information);--color-success-soft: color-mix(in srgb, var(--palette-success) 12%, var(--palette-background));--color-warning-soft: color-mix(in srgb, var(--palette-warning) 18%, var(--palette-background));--color-error-soft: color-mix(in srgb, var(--palette-error) 12%, var(--palette-background));--color-information-soft: color-mix( in srgb, var(--palette-information) 10%, var(--palette-background) );--surface-alpha-subtle: color-mix(in srgb, var(--palette-background) 10%, transparent);--surface-alpha-soft: color-mix(in srgb, var(--palette-background) 18%, transparent);--surface-alpha-medium: color-mix(in srgb, var(--palette-background) 60%, transparent);--surface-alpha-strong: color-mix(in srgb, var(--palette-background) 76%, transparent);--surface-alpha-near-opaque: color-mix(in srgb, var(--palette-background) 86%, transparent);--surface-on-dark-faint: color-mix(in srgb, var(--palette-background) 9%, transparent);--surface-on-dark-subtle: var(--surface-alpha-subtle);--surface-on-dark-soft: color-mix(in srgb, var(--palette-background) 16%, transparent);--border-on-overlay: color-mix(in srgb, var(--palette-background) 55%, transparent);--skeleton-highlight-soft: color-mix(in srgb, var(--palette-background) 58%, transparent);--border-on-overlay-strong: color-mix(in srgb, var(--palette-background) 62%, transparent);--text-on-dark-muted: color-mix(in srgb, var(--palette-background) 70%, transparent);--skeleton-highlight: color-mix(in srgb, var(--palette-background) 72%, transparent);--skeleton-highlight-strong: color-mix(in srgb, var(--palette-background) 75%, transparent);--text-on-dark-secondary: color-mix(in srgb, var(--palette-background) 78%, transparent);--surface-frosted: color-mix(in srgb, var(--palette-background) 82%, transparent);--tutorial-control-border: var(--surface-alpha-near-opaque);--tutorial-spotlight-border: color-mix(in srgb, var(--palette-background) 88%, transparent);--overlay-color: color-mix(in srgb, var(--palette-text) 42%, transparent);--overlay-color-medium: color-mix(in srgb, var(--palette-text) 52%, transparent);--overlay-color-strong: color-mix(in srgb, var(--palette-text) 76%, transparent);--overlay-color-light: color-mix(in srgb, var(--palette-text) 30%, transparent);--overlay-confirmation: color-mix(in srgb, var(--palette-text) 35%, transparent);--shadow-color-subtle: color-mix(in srgb, var(--palette-text) 6%, transparent);--shadow-color-faint: color-mix(in srgb, var(--palette-text) 5%, transparent);--shadow-color-control: color-mix(in srgb, var(--palette-text) 8%, transparent);--shadow-color-compact: color-mix(in srgb, var(--palette-text) 9%, transparent);--shadow-color-soft: color-mix(in srgb, var(--palette-text) 10%, transparent);--shadow-color-medium: color-mix(in srgb, var(--palette-text) 20%, transparent);--shadow-color-dialog: color-mix(in srgb, var(--palette-text) 24%, transparent);--shadow-color-strong: color-mix(in srgb, var(--palette-text) 28%, transparent);--shadow-color-floating: color-mix(in srgb, var(--palette-text) 32%, transparent);--shadow-color-tutorial: color-mix(in srgb, var(--palette-text) 38%, transparent);--primary-shadow-color: color-mix(in srgb, var(--palette-primary) 30%, transparent);--action-shadow-color-soft: color-mix(in srgb, var(--palette-primary) 20%, transparent);--action-shadow-color-hover: color-mix(in srgb, var(--palette-primary) 26%, transparent);--action-shadow-color-strong: color-mix(in srgb, var(--palette-primary) 34%, transparent);--brand-glow-color: color-mix(in srgb, var(--palette-primary-light) 55%, transparent);--surface-on-primary-faint: color-mix(in srgb, var(--palette-text) 9%, transparent);--error-shadow-color: color-mix(in srgb, var(--palette-error) 10%, transparent);--error-wash-color: color-mix(in srgb, var(--palette-error) 8%, transparent);--ink: var(--color-text);--ink-2: var(--color-text);--muted: var(--color-text-secondary);--muted-2: var(--color-text-disabled);--line: var(--color-border);--line-2: var(--color-border);--bg: var(--palette-background-secondary);--card: var(--color-surface);--score-green: var(--color-success);--score-green-bg: var(--color-success-soft);--score-orange: var(--color-primary-hover);--score-orange-bg: var(--color-primary-soft);--score-red: var(--color-error);--score-red-bg: var(--color-error-soft);--font-display: var(--display);--radius-lg: var(--r-lg);--display: "Bricolage Grotesque", sans-serif;--body: "Hanken Grotesk", sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 1px 2px var(--shadow-color-subtle), 0 1px 3px var(--shadow-color-subtle);--shadow-md: 0 4px 14px var(--shadow-color-soft), 0 2px 6px var(--shadow-color-subtle);--shadow-lg: 0 18px 50px var(--shadow-color-medium), 0 6px 18px var(--shadow-color-soft);--shadow-primary: var(--button-shadow);--action-height: 48px;--action-padding-inline: 22px;--action-border: 0;--action-radius: var(--r-pill);--action-font-size: 15px;--action-font-weight: 600;--action-danger-border: var(--color-error);--action-danger-bg: var(--color-error-soft);--action-danger-color: var(--color-error);--button-shadow: var(--shadow-sm);--control-hover-background: var(--line-2);--layout-header-height: 72px;--layout-sidebar-width: 280px;--motion-fast: .14s;--motion-base: .22s;--ease-standard: cubic-bezier(.22, .8, .32, 1);--ease-emphasized: cubic-bezier(.2, .9, .25, 1)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}html{font-family:var(--body);background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--color-background);color:var(--color-text)}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--color-text)}p{margin:0}::selection{background:var(--color-primary-soft);color:var(--ink)}button,a,[role=button]{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease}input,select,textarea{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.application-layout{min-height:100vh;display:flex;background:var(--color-background)}.application-sidebar{width:var(--layout-sidebar-width);flex:0 0 var(--layout-sidebar-width);border-right:1px solid var(--color-border);background:var(--surface-alpha-near-opaque)}.application-content{min-width:0;flex:1;display:flex;flex-direction:column}.application-header{height:var(--layout-header-height);flex:0 0 var(--layout-header-height);display:flex;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid var(--color-border);background:var(--surface-frosted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-content{flex:1;min-height:0;overflow:auto}.page-shell{width:min(100%,var(--page-shell-max-width, 1180px));margin-inline:auto}.page-grid{display:grid;gap:24px}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}router-outlet+*{display:block;animation:page-enter var(--motion-base) var(--ease-emphasized)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){router-outlet+*{animation:none}}