:root{--color-navy-900: #0f2a45;--color-navy-800: #163a5f;--color-navy-700: #1f4a75;--color-navy-100: #e7edf4;--color-gold-600: #b8892f;--color-gold-500: #c89b3c;--color-gold-100: #f6ecd6;--color-teal-600: #0e7c66;--color-teal-100: #e1f3ee;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-border: #e2e6ec;--color-border-strong: #cbd2dc;--color-text: #1b2430;--color-text-muted: #5b6472;--color-text-faint: #8a92a0;--color-success: #1c8a5a;--color-success-bg: #e4f5ec;--color-warning: #b3760a;--color-warning-bg: #fbedd4;--color-danger: #c53434;--color-danger-bg: #fbe6e6;--color-info: #2563a8;--color-info-bg: #e5eefa;--shadow-sm: 0 1px 2px rgba(15, 42, 69, .06);--shadow-md: 0 4px 14px rgba(15, 42, 69, .1);--shadow-lg: 0 12px 32px rgba(15, 42, 69, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{padding:0;margin:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--color-navy-900)}p{margin:0}a{color:inherit}button{font-family:inherit}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;white-space:nowrap;line-height:1.2}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-navy-800);border-color:var(--color-navy-800);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-navy-700);border-color:var(--color-navy-700)}.btn-gold{background:var(--color-gold-500);border-color:var(--color-gold-500);color:#33260a}.btn-gold:hover:not(:disabled){background:var(--color-gold-600);border-color:var(--color-gold-600)}.btn-secondary{background:#fff;border-color:var(--color-border-strong);color:var(--color-navy-900)}.btn-secondary:hover:not(:disabled){border-color:var(--color-navy-700);color:var(--color-navy-700)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-navy-800)}.btn-ghost:hover:not(:disabled){background:var(--color-navy-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-navy-100);color:var(--color-navy-800)}.badge-gold{background:var(--color-gold-100);color:var(--color-gold-600)}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--color-navy-900)}.field .hint{font-size:12px;color:var(--color-text-faint)}.field .error{font-size:12px;color:var(--color-danger)}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-size:14px;font-family:inherit;color:var(--color-text);background:#fff}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-navy-700);box-shadow:0 0 0 3px var(--color-navy-100)}.textarea{resize:vertical;min-height:96px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-title{font-size:22px;margin-bottom:4px}.section-subtitle{color:var(--color-text-muted);font-size:14px;margin-bottom:24px}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.divider{height:1px;background:var(--color-border);border:none;margin:24px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex:none}.skip-link:focus{position:fixed;top:8px;left:8px;background:#fff;padding:8px 12px;z-index:999}@media (max-width: 720px){.field-row{grid-template-columns:1fr}}@media (max-width: 640px){.text-collapse{display:none}}