:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #f3f4f8;--color-surface: #ffffff;--color-surface-muted: #f9fafc;--color-border: #d6dae5;--color-border-strong: #b9bfd1;--color-text: #1f2933;--color-text-muted: #52606d;--color-primary: #4567ff;--color-primary-strong: #2d4fe0;--color-primary-soft: #dee4ff;--color-success: #2ec27e;--color-danger: #f2555a;--color-accent: #f6a531;--color-accent-strong: #d97a11;--color-accent-soft: rgba(246, 165, 49, .2);--color-warning: #e09f3e;--color-warning-soft: rgba(224, 159, 62, .18);--shadow-sm: 0 4px 12px rgba(31, 41, 51, .08);--shadow-md: 0 12px 24px rgba(31, 41, 51, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--container-width: min(1120px, 100%);--transition: .18s ease-in-out;--grid-gap: 16px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px;background-color:var(--color-bg);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none}button:disabled{cursor:not-allowed;opacity:.6}button,input,select,textarea{font-family:inherit}input,textarea{width:100%;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}textarea{resize:vertical}.app-shell{flex:1;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.app-header__inner{height:var(--header-height);max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-title{font-size:1.25rem;font-weight:600;letter-spacing:.01em}.tab-bar{display:flex;flex-wrap:wrap;gap:.5rem}.tab-button{padding:.5rem 1rem;border-radius:999px;background:transparent;border:1px solid var(--color-border);color:var(--color-text);transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.tab-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.tab-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 8px 16px #4567ff40}.logout-button{margin-left:auto;background:var(--color-danger);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:filter var(--transition),transform var(--transition)}.logout-button:hover{filter:brightness(.95);transform:translateY(-1px)}.app-main{flex:1;width:100%;max-width:var(--container-width);margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:clamp(1rem,1.5vw + .5rem,1.75rem);border:1px solid var(--color-border)}.panel__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.panel__title{font-size:clamp(1.1rem,.9rem + .5vw,1.4rem);font-weight:600;margin:0}.panel__actions{display:flex;gap:.5rem;flex-wrap:wrap}.panel__description{margin:0 0 1.25rem;color:var(--color-text-muted);font-size:.94rem;max-width:70ch}.primary-button,.secondary-button,.ghost-button{padding:.55rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.01em;transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);border:1px solid transparent}.primary-button{background:var(--color-primary);color:#fff;box-shadow:0 6px 12px #4567ff33}.primary-button:hover{background:var(--color-primary-strong);transform:translateY(-1px)}.secondary-button{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}.secondary-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.ghost-button{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.ghost-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.card-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.recipe-groups{display:flex;flex-direction:column;gap:1.75rem}.recipe-group{display:flex;flex-direction:column;gap:1rem}.recipe-group__header{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.35rem;border-bottom:1px solid rgba(69,103,255,.08)}.recipe-group__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text)}.recipe-group__subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted)}.card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem;text-align:left;display:flex;flex-direction:column;gap:.35rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card--recipe{position:relative;overflow:hidden;align-items:stretch;gap:.75rem;background:linear-gradient(135deg,#4567ff14,#f6a53133);border:1px solid rgba(69,103,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card--recipe:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(246,165,49,.25),transparent 55%);opacity:.4;pointer-events:none}.card--recipe>*{position:relative;z-index:1}.card--recipe:hover{border-color:#4567ff73;box-shadow:0 16px 28px #4567ff2e}.card--recipe:disabled,.card--recipe[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.2);opacity:.85;border-color:#f2555a59;background:linear-gradient(135deg,#f2555a1f,#fff5f5e6)}.card--recipe:disabled:after,.card--recipe[aria-disabled=true]:after{background:radial-gradient(circle at top right,rgba(242,85,90,.18),transparent 55%)}.card__title{font-size:1.05rem;font-weight:600;margin:0}.card__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-strong);display:inline-flex;align-items:center;gap:.4rem}.card--recipe:disabled .card__eyebrow{color:var(--color-danger)}.card__eyebrow-text{display:inline-flex;align-items:center;gap:.35rem}.card__meta{color:var(--color-text-muted);font-size:.9rem}.card__meta--secondary{font-size:.85rem}.card__header{display:flex;flex-direction:column;gap:.35rem}.card__chips{margin-top:.75rem}.card__error{margin:0;padding:.75rem;border-radius:var(--radius-sm);background:#f2555a1f;color:var(--color-danger);font-weight:600;font-size:.9rem}.chip--muted{background:#1f293314;color:var(--color-text)}@media (max-width: 720px){.table{border-radius:var(--radius-md);border:1px solid rgba(69,103,255,.18);overflow:hidden}.table__header{display:none}.table__row{display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem;background:var(--color-surface);border-bottom:1px solid rgba(69,103,255,.08)}.table__row:nth-child(2n){background:#4567ff0d}.table__row:last-child{border-bottom:none}.table__cell{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;text-align:left!important}.table__cell:before{display:inline-block;content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);opacity:.85}.table__cell--truncate{white-space:normal;word-break:break-word}}.empty-state{padding:2rem;text-align:center;color:var(--color-text-muted);border-radius:var(--radius-md);border:1px dashed var(--color-border);background:var(--color-surface)}.alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);box-shadow:var(--shadow-sm)}.alert--error{border-color:#f2555a47;background:linear-gradient(135deg,#f2555a1a,#fff5f5);color:var(--color-danger)}.alert--warning{border-color:#e09f3e47;background:linear-gradient(135deg,var(--color-accent-soft),#fff8eb);color:var(--color-warning)}.alert__content{display:flex;flex-direction:column;gap:.3rem;color:var(--color-text)}.alert--error .alert__content,.alert--warning .alert__content{color:inherit}.alert__title{font-size:.95rem;font-weight:600;margin:0}.alert__message{margin:0;font-size:.9rem;color:currentColor;opacity:.85}.alert__action{white-space:nowrap;padding:.45rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;border-color:currentColor;color:inherit;background:#ffffff59;transition:filter var(--transition),transform var(--transition)}.alert__action:hover{filter:brightness(.95);transform:translateY(-1px)}.table{width:100%;display:block;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.table__header,.table__row{display:grid;padding:.75rem 1rem;gap:.75rem;align-items:center;width:max-content;min-width:100%}.table__header{font-weight:600;background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);font-size:.95rem}.table__row{border-bottom:1px solid var(--color-border);background:#4567ff05}.table__row:last-child{border-bottom:none}.table__row:nth-child(2n){background:#4567ff14}.table__cell{min-width:0;position:relative}.table__cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table__cell:before{display:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.5rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field--wide{grid-column:1 / -1}.form-field label{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.form-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.8rem;font-weight:600}.section{display:flex;flex-direction:column;gap:1rem}.section__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text)}.panel section.section+section.section .section__title{margin-top:1.5rem}.section__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.5rem}.section__item{display:flex;flex-direction:column;gap:.3rem}.section__item-label{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.section__item-value{font-weight:600;word-break:break-word}.section__item-value--multiline{white-space:pre-wrap}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:1rem}.toolbar .toolbar__spacer{flex:1}.toolbar__hint{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.input-with-icon{position:relative;display:flex;align-items:center;width:min(320px,100%)}.input-with-icon input{padding-left:2.3rem}.input-with-icon__icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(circle at top,rgba(69,103,255,.18),transparent 55%),var(--color-bg)}.auth-card{width:min(420px,100%);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(69,103,255,.12);padding:clamp(1.5rem,3vw + .5rem,2.5rem);display:flex;flex-direction:column;gap:1.5rem}.auth-header{text-align:center;display:flex;flex-direction:column;gap:.35rem}.auth-title{font-size:clamp(1.5rem,1.1rem + 1.5vw,2rem);margin:0}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--color-text-muted)}.auth-link{color:var(--color-primary);font-weight:600}.status-message{padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-primary-soft);background:#4567ff14;color:var(--color-primary-strong);font-weight:500}.status-message.is-error{border-color:#f2555a33;background:#f2555a14;color:var(--color-danger)}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.25rem .75rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.85rem;border:1px solid var(--color-border)}.stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:var(--color-surface-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem}.stat-card--interactive{background:var(--color-surface);border-color:var(--color-primary-soft);box-shadow:0 6px 14px #4567ff1f}.stat-card__label{font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card__value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.stat-card__control{display:flex;align-items:center;gap:.5rem}.stat-card__suffix{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.stat-card__hint{font-size:.8rem;color:var(--color-text-muted)}.inline-field{display:inline-flex;align-items:center;gap:.5rem}.inline-number-input{width:80px;padding:.35rem .5rem;font-weight:600}.sticky-actions{position:sticky;top:calc(var(--header-height) + 1rem);z-index:5;display:flex;flex-wrap:wrap;gap:.75rem;background:linear-gradient(var(--color-bg) 55%,transparent);padding:.5rem 0}.scroll-block{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){:root{--grid-gap: 12px}.app-header__inner{flex-direction:column;justify-content:center;align-items:flex-start;padding:.75rem 1.2rem;height:auto}.logout-button{width:100%;justify-content:center;text-align:center}.app-main{padding:1.25rem clamp(.75rem,4vw,1.5rem)}.panel{padding:1.1rem}.panel__actions{width:100%;justify-content:flex-start}.alert{flex-direction:column;align-items:flex-start}.alert__action{width:100%;text-align:center}.recipe-group__header{border-bottom:none}.recipe-group__title{font-size:.95rem}.card-grid{grid-template-columns:1fr}.input-with-icon{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.toolbar__spacer{display:none}.toolbar__hint{align-self:flex-start}.stat-grid{grid-template-columns:1fr}.sticky-actions{position:static;background:transparent;gap:.5rem;padding:0}.sticky-actions .secondary-button,.sticky-actions .ghost-button{flex:1 1 48%}.sticky-actions .ghost-button{background:#1f29330d}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}