:root{--green: #16a34a;--green-dark: #166534;--green-light: #f0fdf4;--green-border: #bbf7d0;--text: #1f2937;--muted: #9aa8a0;--border: #e4ede7;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--blue: #2563eb;--blue-light: #eff6ff;--gray: #6b7280;--gray-light: #f3f4f6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--green-dark)}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn{display:inline-block;background:var(--green);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s ease}.btn:hover{background:var(--green-dark)}.btn:disabled{background:var(--muted);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--green-dark);border:1px solid var(--green)}.btn-secondary:hover{background:var(--green-light)}.btn-danger{background:#fff;color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:var(--red-light)}.btn-small{padding:6px 14px;font-size:13px;border-radius:8px}.card{border:1px solid var(--border);border-radius:14px;padding:24px 26px;background:#fff}.field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field input,.field select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff}.field input:focus,.field select:focus{outline:2px solid var(--green);outline-offset:-1px;border-color:var(--green)}.field-row{display:flex;gap:12px}.field-row>.field{flex:1}.muted{color:var(--muted)}.error-text{color:var(--red);font-size:14px;margin:-6px 0 14px}.notice{border-radius:10px;padding:12px 16px;font-size:14px;margin:0 0 16px}.notice-error{background:var(--red-light);color:#991b1b;border:1px solid #fecaca}.notice-success{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-border)}.notice-info{background:var(--blue-light);color:#1e40af;border:1px solid #bfdbfe}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-gray{background:var(--gray-light);color:#374151}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-red{background:var(--red-light);color:var(--red)}.container{width:100%;max-width:1360px;margin:0 auto;padding:0 24px}.container-narrow{width:100%;max-width:480px;margin:0 auto;padding:0 24px}