:root{--color-primary: #1e1b4b;--color-primary-light: #34306e;--color-primary-lighter: #4c4794;--color-primary-dark: #131130;--color-accent: #0d9488;--color-accent-light: #14b8a6;--color-accent-dark: #0b7a70;--gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, #312d78 55%, var(--color-accent) 150%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-bg: #f6f6fb;--color-surface: #ffffff;--color-surface-alt: #f1f1f8;--color-border: #e4e4ef;--color-border-strong: #cfcfe4;--color-text: #1a1a2e;--color-text-muted: #64647d;--color-text-subtle: #9494ab;--color-text-inverse: #ffffff;--font-heading: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--fw-heading-lg: 700;--fw-heading-md: 600;--fw-heading-sm: 500;--fs-h1: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);--fs-h2: clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--fs-h3: 1.25rem;--fs-h4: 1.0625rem;--fs-body: .9375rem;--fs-sm: .8125rem;--fs-xs: .75rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(30, 27, 75, .06), 0 1px 1px rgba(30, 27, 75, .04);--shadow-md: 0 4px 12px rgba(30, 27, 75, .08), 0 2px 4px rgba(30, 27, 75, .04);--shadow-lg: 0 12px 32px rgba(30, 27, 75, .12), 0 4px 8px rgba(30, 27, 75, .04);--shadow-focus: 0 0 0 4px rgba(13, 148, 136, .18);--ease-standard: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-standard);--transition-base: .22s var(--ease-standard);--header-height: 68px;--sidebar-width: 260px;--sidebar-width-collapsed: 80px;--content-max-width: 1440px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);color:var(--color-text);line-height:1.25}h1{font-size:var(--fs-h1);font-weight:var(--fw-heading-lg)}h2{font-size:var(--fs-h2);font-weight:var(--fw-heading-lg)}h3{font-size:var(--fs-h3);font-weight:var(--fw-heading-md)}h4,h5,h6{font-size:var(--fs-h4);font-weight:var(--fw-heading-sm)}p{margin:0;line-height:1.6}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark);text-decoration:underline}button{font-family:inherit}.link-btn{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--color-accent);transition:color var(--transition-fast)}.link-btn:hover:not(:disabled){color:var(--color-accent-dark);text-decoration:underline}.link-btn:disabled{opacity:.55;cursor:not-allowed}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent-light);color:var(--color-text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);padding:.7rem 1.25rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}.btn--primary{background:var(--gradient-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.04)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-dark)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn--block{width:100%}.btn--sm{padding:.5rem .9rem;font-size:var(--fs-sm)}.btn--icon{padding:.55rem;border-radius:var(--radius-pill)}.field{display:flex;flex-direction:column;gap:.4rem;text-align:left}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.field__control{position:relative;display:flex;align-items:center}.field__icon{position:absolute;left:.9rem;display:inline-flex;color:var(--color-text-subtle);pointer-events:none}.input{width:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem .95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-subtle)}.input:hover{border-color:var(--color-border-strong)}.input:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}.input.input--with-icon{padding-left:2.6rem}.input.input--with-action{padding-right:2.6rem}.input.input--invalid{border-color:var(--color-danger)}.field__action{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:none;background:transparent;color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-pill);transition:color var(--transition-fast),background var(--transition-fast)}.field__action:hover{color:var(--color-text);background:var(--color-surface-alt)}.field__action:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}.field__error{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-xs);color:var(--color-danger);min-height:1rem}.field__hint{font-size:var(--fs-xs);color:var(--color-text-subtle)}.checkbox-row{display:flex;align-items:flex-start;gap:.55rem;font-size:var(--fs-sm);color:var(--color-text-muted)}.checkbox-row input[type=checkbox]{accent-color:var(--color-accent);width:1.05rem;height:1.05rem;margin-top:.1rem;cursor:pointer;flex-shrink:0}.checkbox-row label{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-text-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel__legend{display:flex;gap:1rem;font-size:var(--fs-sm);color:var(--color-text-muted)}.panel__legend span{display:inline-flex;align-items:center;gap:.4rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-text-subtle)}.dot--accent{background:var(--color-accent)}.dot--subtle{background:var(--color-text-subtle)}.dot--success{background:var(--color-success)}.dot--danger{background:var(--color-danger)}.dot--info{background:var(--color-info)}.settings-stack{display:flex;flex-direction:column;gap:1.25rem}.placeholder-page{max-width:560px}.placeholder-page__identity{display:flex;align-items:center;gap:1rem}.placeholder-page__avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-brand);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.placeholder-page__name{font-weight:600}.feature-page{display:flex;flex-direction:column;gap:1.25rem}.feature-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rules-panel{gap:1.75rem}.goal-list{display:flex;flex-direction:column;gap:1rem}.goal-row{display:grid;grid-template-columns:1fr;gap:.9rem;padding:1rem;border-radius:var(--radius-md);background:var(--color-surface-alt);border:1.5px solid transparent}@media(min-width:600px){.goal-row{grid-template-columns:1fr 1.3fr 1.3fr;align-items:start}}.goal-row--invalid{border-color:var(--color-danger);background:#dc26260d}.goal-row__unit-type{font-weight:600;font-size:var(--fs-sm);padding-top:.6rem}.goal-list__footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.goal-list__error{font-size:var(--fs-sm);font-weight:600;color:var(--color-danger)}.inline-form{display:flex;flex-direction:column;gap:1.1rem;padding:1.1rem;border-radius:var(--radius-md);background:var(--color-surface-alt)}.form-row{display:grid;grid-template-columns:1fr;gap:1.1rem}@media(min-width:600px){.form-row{grid-template-columns:1fr 1fr}}.progress-list{display:flex;flex-direction:column;gap:1rem}.progress-row{display:grid;grid-template-columns:140px 1fr 30px;align-items:center;gap:.75rem;font-size:var(--fs-sm);color:var(--color-text-muted)}.progress-track{height:8px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--gradient-accent)}.progress-value{text-align:right;font-weight:600;color:var(--color-text)}.period-selector{display:flex;gap:.35rem;overflow-x:auto;align-self:flex-start}.period-selector__btn{flex-shrink:0;padding:.5rem .95rem;border:none;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-alt);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.period-selector__btn:hover{color:var(--color-text)}.period-selector__btn--active{background:var(--color-primary);color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.chart-placeholder{display:flex;align-items:flex-end;gap:.5rem;height:220px;padding-top:1rem;border-top:1px dashed var(--color-border)}.chart-placeholder__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.5rem;height:100%}.chart-placeholder__col span{font-size:var(--fs-xs);color:var(--color-text-subtle)}.chart-placeholder__bar{width:100%;max-width:22px;border-radius:6px 6px 2px 2px;background:var(--gradient-accent);transition:opacity var(--transition-fast)}.chart-placeholder__bar:hover{opacity:.8}.chart-placeholder__bar--secondary{background:var(--color-primary)}.table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th,.data-table td{padding:.6rem .75rem;text-align:left;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.data-table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-subtle);font-weight:600;border-bottom:1px solid var(--color-border)}.data-table tbody tr{border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:var(--color-text)}.data-table__suggested{color:var(--color-accent-dark);font-weight:600}.data-table__suggested app-price-delta{margin-left:.5rem}.rec-list{display:flex;flex-direction:column;gap:.85rem}.rec-card__confidence{align-self:flex-start;font-size:var(--fs-xs);font-weight:700;padding:.15rem .55rem;border-radius:var(--radius-pill);background:#16a34a1f;color:var(--color-success)}.rec-card__confidence[data-level=Medium]{background:#d977061f;color:var(--color-warning)}.rec-card__confidence[data-level=Flagged]{background:#dc26261f;color:var(--color-danger)}.rec-card__tags{display:flex;gap:.4rem;flex-wrap:wrap}.rec-card__tag{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-alt);padding:.2rem .55rem;border-radius:var(--radius-pill)}.rec-card__tag--pending{color:var(--color-warning);background:#d977061f}.declined-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;flex-wrap:wrap}.declined-row__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.declined-row__unit{font-weight:600}.divider-text{display:flex;align-items:center;gap:.75rem;color:var(--color-text-subtle);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-form{display:flex;flex-direction:column;gap:1.35rem}.auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.auth-form__link{font-size:var(--fs-sm);font-weight:600}.auth-form__footer{text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted)}.auth-form__banner{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;line-height:1.45}.auth-form__banner svg{flex-shrink:0;margin-top:.1rem}.auth-form__banner--error{background:#dc262614;color:var(--color-danger);border:1px solid rgba(220,38,38,.18)}.auth-form__banner--success{background:#16a34a14;color:var(--color-success);border:1px solid rgba(22,163,74,.18)}.auth-form__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem 0 .5rem}.auth-form__success-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#16a34a1a;color:var(--color-success)}.auth-terms{font-size:var(--fs-sm);line-height:1.4}.auth-terms a{font-weight:600}.trace{display:flex;flex-direction:column;gap:1.1rem}.trace__back{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted);align-self:flex-start}.trace__back:hover{color:var(--color-text);text-decoration:none}.trace__summary{gap:1rem}.trace__rate-change{display:flex;align-items:center;gap:.75rem;color:var(--color-text-subtle)}.trace__rate{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--fw-heading-lg)}.trace__rate--previous{text-decoration:line-through;color:var(--color-text-subtle);font-size:1.25rem}.trace__rate--new{color:var(--color-text)}.trace__narrative{font-size:var(--fs-sm)}.trace__notice{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--color-text-muted);padding:.75rem 0;border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border)}.trace__notice strong{color:var(--color-text)}.trace__rules{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:var(--fs-sm)}.trace__rules strong{color:var(--color-text)}.trace__actions{display:flex;justify-content:flex-end;gap:.75rem}