:root{--accent:#00986b;--accent-hover:#007a56;--accent-deep:#005a61;--teal:#5db5a7;--teal-light:#a6d5cd;--mint:#cbe6e5;--bg:#f5f7f6;--surface:#fff;--surface2:#eef2f0;--text:#1a2e24;--text2:#5a7368;--border:#d4ddd8;--border-light:#e6ece9;--orange:#ea7d00;--red:#d43535;--yellow:#f0c040;--radius:12px;--radius-sm:8px;--radius-xs:6px;--touch-min:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.6}#app{max-width:1400px;padding:var(--sp-4);margin:0 auto}.btn-primary{padding:var(--sp-3) var(--sp-4);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:inherit;font-weight:500;font-size:var(--fs-base);letter-spacing:.02em;cursor:pointer;min-height:var(--touch-min);border:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:var(--sp-3) var(--sp-4);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-weight:500;font-size:var(--fs-base);cursor:pointer;min-height:var(--touch-min);justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface2);border-color:var(--accent)}.btn-ghost{padding:var(--sp-2) var(--sp-3);color:var(--text2);border:1px solid var(--border-light);border-radius:var(--radius-xs);font-family:inherit;font-weight:500;font-size:var(--fs-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.btn-ghost:hover{background:var(--surface2);color:var(--accent)}.btn-ghost.active{background:var(--accent);color:#fff;border-color:var(--accent)}.label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text2);font-weight:500;line-height:1.4}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--sp-4)}.nav-tab{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text2);font-family:inherit;font-weight:500;font-size:var(--fs-sm);letter-spacing:.02em;cursor:pointer;min-height:var(--touch-min);align-items:center;transition:all .15s;display:inline-flex}.nav-tab:hover{border-color:var(--accent);color:var(--accent)}.nav-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.input,.select,.textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--surface);transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00986b1a}