*{box-sizing:border-box}:root{--color-primary:#1565c0;--color-primary-dark:#0d47a1;--color-primary-light:#e3f2fd;--color-primary-text:#b3e5fc;--color-secondary:#00796b;--color-secondary-light:#e0f2f1;--color-accent:#ef6c00;--color-accent-light:#fff3e0;--color-surface:#ffffff;--color-background:#f5f7fa;--color-border:#e3eaf2;--color-text:#263238;--color-text-secondary:#455a64;--color-text-muted:#546e7a;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-card:0 6px 24px rgba(38,50,56,0.1);--shadow-soft:0 2px 8px rgba(38,50,56,0.08);--font-family:Arial,Helvetica,sans-serif}body{margin:0;font-family:var(--font-family);background:var(--color-background);color:var(--color-text);line-height:1.5}.container{max-width:920px;margin:0 auto;padding:24px 12px 48px}.nav{background:var(--color-primary);color:#fff;padding:14px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-soft)}.nav__brand{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-text);font-weight:700}.nav__links{display:flex;gap:16px;flex-wrap:wrap}.nav a{color:#e3f2fd;text-decoration:none;font-weight:600;font-size:14px;padding:6px 10px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.nav a:hover{color:#fff;background:rgba(255,255,255,.12)}.nav__locale{margin-left:auto}.page-shell{display:flex;flex-direction:column;gap:0}.page-hero{background:var(--color-primary);color:#fff;padding:28px 30px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card)}.page-hero__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-text);font-weight:700;margin-bottom:8px}.page-hero__title{margin:0;font-size:28px;line-height:1.2;font-weight:700}.page-hero__subtitle{margin:12px 0 0;font-size:15px;color:#e3f2fd;max-width:640px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 30px;box-shadow:var(--shadow-soft)}.card--elevated{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:var(--shadow-card)}.field-group{margin-bottom:18px}.field-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:700;margin-bottom:10px}.select-wrap{position:relative;display:block}.select-wrap:after{content:"";position:absolute;top:50%;right:16px;width:10px;height:10px;pointer-events:none;transform:translateY(-65%) rotate(45deg);border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);opacity:.75}.input,.select,.textarea{width:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;font-size:15px;font-family:var(--font-family);color:var(--color-text);background:var(--color-surface);transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select{padding-right:44px;cursor:pointer;font-weight:600;color:var(--color-text-secondary)}.textarea{min-height:132px;resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:#90a4ae}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:#90caf9}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(21,101,192,.12);background:#fff}.input:disabled,.select:disabled,.textarea:disabled{background:#f3f6f9;color:var(--color-text-muted);border-color:#e0e7ef;cursor:not-allowed}.select-wrap:has(.select:disabled):after{opacity:.35}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);padding:11px 18px;font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,opacity .15s}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(21,101,192,.25)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.btn--accent{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px rgba(239,108,0,.25)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.home-links{display:flex;flex-direction:column;gap:14px;margin:0}.home-links a{color:var(--color-primary);font-weight:700;text-decoration:none}.home-links a:hover{text-decoration:underline}.log-panel{margin-top:4px;padding:16px;background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:12px 10px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.chip,.data-table th{font-size:12px;font-weight:700}.chip{display:inline-block;padding:6px 12px;border-radius:999px}.chip--primary{background:var(--color-primary-light);color:var(--color-primary)}.progress-panel__hint{margin:14px 0 0;font-size:13px;color:var(--color-text-muted)}.chat-lock-banner{display:flex;align-items:center;gap:10px;background:var(--color-accent-light);border-left:4px solid var(--color-accent);color:var(--color-text-secondary)}.chat-lock-banner,.success-banner{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;margin:0 0 18px}.success-banner{background:#e8f5e9;border-left:4px solid #2e7d32;color:#1b5e20}.prompt-view{margin-bottom:18px}.prompt-view__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:700;margin-bottom:8px}.prompt-view__meta{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.section-divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}.input--readonly{background:#f3f6f9;color:var(--color-text-secondary);cursor:default}@media (max-width:640px){.card,.page-hero{padding:20px 18px}.data-table td,.data-table th{padding:10px 6px;font-size:13px}}