:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--font-main: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--ease-fast: .14s ease;--ease: .22s ease;--shadow-sm: 0 1px 2px rgba(25, 53, 47, .04), 0 8px 24px rgba(25, 53, 47, .04);--shadow-md: 0 14px 36px rgba(25, 53, 47, .08);--shadow-lg: 0 22px 60px rgba(25, 53, 47, .14)}:root,[data-theme=light]{color-scheme:light;--bg-main: #f7f8f4;--bg-soft: #eef5f1;--bg-subtle: #f2f1eb;--text-main: #19352f;--text-muted: #6b7d77;--text-soft: #8b9995;--panel-bg: #ffffff;--panel-border: #e5ebe7;--color-primary: #2f806b;--color-primary-hover: #256a58;--color-primary-soft: #e4f2ed;--color-secondary: #ed765f;--color-accent: #e6b93f;--color-success: #3d8b70;--color-warning: #c18a22;--color-danger: #c95f5f;--input-bg: #fbfcfa;--input-border: #d9e2dd;--nav-bg: rgba(247, 248, 244, .9);--overlay: rgba(22, 43, 38, .45)}[data-theme=dark]{color-scheme:dark;--bg-main: #101b18;--bg-soft: #172722;--bg-subtle: #1d2925;--text-main: #edf5f1;--text-muted: #a8bab4;--text-soft: #7f938c;--panel-bg: #192824;--panel-border: #2b3e38;--color-primary: #72b9a4;--color-primary-hover: #8bc9b7;--color-primary-soft: #223d35;--color-secondary: #f08b77;--color-accent: #e7c15c;--color-success: #63ad91;--color-warning: #d3a54a;--color-danger: #e18282;--input-bg: #15231f;--input-border: #334740;--nav-bg: rgba(16, 27, 24, .9);--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .16), 0 8px 24px rgba(0, 0, 0, .12);--shadow-md: 0 14px 36px rgba(0, 0, 0, .2);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .28)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text-main);background:var(--bg-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 28%,transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em}a{color:inherit}.button,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;color:#fff;background:var(--color-primary);border:1px solid transparent;border-radius:var(--radius-md);font-weight:800;text-decoration:none;cursor:pointer;transition:transform var(--ease-fast),background var(--ease-fast),box-shadow var(--ease-fast)}.button:hover,button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.button:active,button:active{transform:translateY(0)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{color:#fff;background:#2f806b;box-shadow:0 8px 20px #2f806b29}.button-primary:hover{background:#256a58}.button-light{color:#285d50;background:#fff}.button-light:hover{color:#204c41;background:#f8fbfa}.button-small{min-height:39px;padding:8px 16px;font-size:13px}.button-large{min-height:52px;padding:13px 22px;border-radius:14px}.button-secondary,button.secondary{color:var(--text-main);background:var(--panel-bg);border-color:var(--panel-border);box-shadow:none}.button-secondary:hover,button.secondary:hover{background:var(--bg-soft)}.button-danger,button.danger{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,var(--panel-bg))}.icon-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;color:var(--text-muted);background:transparent;border-color:var(--panel-border);box-shadow:none}.icon-button:hover{color:var(--text-main);background:var(--bg-soft)}label,.field-label{display:block;margin-bottom:7px;color:var(--text-main);font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:46px;padding:11px 13px;color:var(--text-main);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:border-color var(--ease-fast),box-shadow var(--ease-fast),background var(--ease-fast)}textarea{min-height:92px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,select:focus,textarea:focus{background:var(--panel-bg);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent);outline:none}.panel{padding:var(--space-5);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.container{width:100%;max-width:1180px;margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-header h1{margin:0 0 7px;color:var(--text-main);font-size:clamp(28px,3vw,38px)}.page-header p{margin:0;color:var(--text-muted);line-height:1.6}.eyebrow-app{display:block;margin-bottom:8px;color:var(--color-primary);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.progress{height:9px;overflow:hidden;background:var(--bg-subtle);border-radius:var(--radius-pill)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#62a992);border-radius:var(--radius-pill);transition:width .4s ease}.empty-state{padding:34px 24px;color:var(--text-muted);background:color-mix(in srgb,var(--bg-soft) 62%,transparent);border:1px dashed var(--input-border);border-radius:var(--radius-lg);text-align:center}.empty-state strong{display:block;margin-bottom:5px;color:var(--text-main)}.empty-state p{margin:0;font-size:13px}.skeleton{position:relative;overflow:hidden;color:transparent!important;background:var(--bg-subtle)!important}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--panel-bg) 65%,transparent) 45%,transparent 70%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:680px){.page-header{align-items:flex-start;flex-direction:column;margin-bottom:24px}.panel{padding:20px}}
