:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-heading:"Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--bg:#f5f7fb;--bg-soft:#e8eef8;--surface:#ffffffdb;--surface-strong:#fff;--surface-muted:#eef3fb;--border:#0f172a1a;--border-strong:#0f172a2e;--text:#182230;--text-muted:#5d6b82;--heading:#0f172a;--primary:#1d4ed8;--primary-soft:#1d4ed81f;--accent:#0f766e;--accent-soft:#0f766e1f;--danger:#b42318;--danger-soft:#b423181a;--success:#16794b;--success-soft:#16794b1f;--shadow:0 18px 48px #0f172a14;--radius:20px;--radius-sm:14px;--content-width:1120px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left, #3b82f61f, transparent 32%), radial-gradient(circle at top right, #10b9811a, transparent 28%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);border-radius:14px;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#1d4ed873;outline:none;box-shadow:0 0 0 4px #1d4ed81f}textarea{resize:vertical;min-height:120px}.app-shell{min-height:100vh}.app-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7fbd9;border-bottom:1px solid #0f172a0f;padding:1rem 1.25rem;position:sticky;top:0}.app-header__inner,.app-main{max-width:var(--content-width);margin:0 auto}.app-header__inner{flex-direction:column;gap:.9rem;display:flex}.app-header__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header__actions{align-items:center;gap:.75rem;display:flex}.app-logo{color:var(--heading);font-family:var(--font-heading);letter-spacing:-.03em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.app-logo:hover{text-decoration:none}.app-logo__mark{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);border-radius:12px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;display:inline-flex}.app-logo__text{font-size:1.2rem}.app-header__profile{border:1px solid var(--border);background:#ffffffbf;border-radius:999px;align-items:center;gap:.75rem;padding:.35rem .8rem .35rem .35rem;display:inline-flex}.app-header__profile:hover{text-decoration:none}.app-header__avatar{background:var(--primary-soft);width:2rem;height:2rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.app-header__username{color:var(--heading);font-size:.95rem}.app-nav{flex-wrap:wrap;gap:.5rem;display:flex}.app-nav__link{color:var(--text-muted);border-radius:999px;padding:.65rem .95rem;font-size:.95rem;font-weight:600}.app-nav__link--active{color:var(--primary);background:var(--primary-soft)}.app-nav__link:hover{background:#ffffffb3;text-decoration:none}.app-main{width:100%;padding:2rem 1.25rem 3rem}.page{flex-direction:column;gap:1.5rem;display:flex}.page-header{flex-direction:column;gap:.75rem;display:flex}.page-header--compact{gap:.5rem}.page-header__eyebrow,.hero__eyebrow,.card__eyebrow,.hero-card__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:700}.page-header__title,.hero__title{font-family:var(--font-heading);color:var(--heading);letter-spacing:-.04em;margin:0}.page-header__title{font-size:clamp(2rem,2vw + 1.25rem,2.75rem)}.hero__title{max-width:12ch;font-size:clamp(2.5rem,3vw + 1.2rem,4.25rem)}.page-header__lead,.hero__lead,.card__body{color:var(--text-muted);margin:0;line-height:1.65}.hero{padding-top:1rem}.hero__grid,.section--split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.hero__actions,.btn-row,.auth-switch{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-card,.panel,.card,.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card,.panel,.empty-state{padding:1.4rem}.hero-card__list{color:var(--text);gap:.65rem;margin:1rem 0 0;padding-left:1.1rem;display:grid}.section{flex-direction:column;gap:1rem;display:flex}.section__title{font-family:var(--font-heading);color:var(--heading);margin:0;font-size:1.15rem}.card-grid,.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{flex-direction:column;gap:.85rem;padding:1.2rem;display:flex}.card__title{font-family:var(--font-heading);color:var(--heading);margin:0;font-size:1.1rem}.card__metric{font-family:var(--font-heading);color:var(--heading);margin:0;font-size:clamp(1.8rem,1.5vw + 1rem,2.6rem);line-height:1.05}.card__metric span{color:var(--text-muted);font-size:.95rem}.card__metric--title{font-size:1.55rem}.card__link{font-weight:700}.panel--auth{width:min(100%,720px);margin:0 auto}.field,.form-stack{flex-direction:column;gap:.5rem;display:flex}.form-stack{gap:1rem}.field label{color:var(--heading);font-size:.92rem;font-weight:700}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field-row--compact{grid-template-columns:1.2fr 1fr auto;align-items:end}.field-row--three{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.btn{border:1px solid #0000;border-radius:999px;padding:.78rem 1.15rem;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:wait;transform:none}.btn--primary{background:var(--primary);color:#fff}.btn--ghost{color:var(--heading);border-color:var(--border);background:#ffffffb8}.btn--danger{color:var(--danger);background:#ffffffb8;border-color:#b423182e}.btn--block{justify-content:center;width:100%}.btn--sm{padding:.55rem .85rem;font-size:.9rem}.progress-bar{background:var(--bg-soft);border-radius:999px;width:100%;height:.7rem;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%}.progress-bar--accent .progress-bar__fill{background:linear-gradient(90deg,#0f766e,#34d399)}.quick-select{flex-wrap:wrap;gap:.65rem;display:flex}.pill{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:999px;padding:.6rem .9rem;font-weight:600}.pill--active{background:var(--primary-soft);color:var(--primary);border-color:#1d4ed840}.banner{border:1px solid #0000;border-radius:14px;padding:.9rem 1rem}.banner--error{background:var(--danger-soft);color:var(--danger);border-color:#b4231829}.banner--success{background:var(--success-soft);color:var(--success);border-color:#16794b29}.state-loading,.empty-state{text-align:center;align-items:center}.panel--narrow{width:min(100%,420px);margin:0 auto}.spinner{border:3px solid #1d4ed826;border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}.data-list{flex-direction:column;gap:.8rem;display:flex}.data-row{border:1px solid var(--border);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.data-row__primary{color:var(--heading);font-weight:700}.data-row__secondary,.data-row__detail{color:var(--text-muted);font-size:.95rem}.info-list{flex-direction:column;gap:.9rem;margin-bottom:1.25rem;display:flex}.info-list__row{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;gap:1rem;padding-bottom:.9rem;display:flex}.info-list__row strong{color:var(--heading);text-align:right}.auth-switch,.auth-footer{color:var(--text-muted);justify-content:center}.auth-footer{text-align:center;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.hero__grid,.section--split,.card-grid,.card-grid--three,.card-grid--five,.feature-grid,.field-row,.field-row--compact,.field-row--three{grid-template-columns:1fr}.app-header__top{flex-direction:column;align-items:flex-start}.app-header__actions{justify-content:space-between;width:100%}.app-header__profile{min-width:0}}@media (width<=640px){.app-header,.app-main{padding-left:1rem;padding-right:1rem}.page-header__title{font-size:1.85rem}.hero__title{font-size:2.4rem}.btn-row,.hero__actions,.auth-switch{flex-direction:column;align-items:stretch}.btn,.btn--sm{text-align:center;width:100%}}