@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");:root{--color-primary:#041e41;--color-secondary:#d1ad73;--color-bg:#f8fafc;--color-text:#0b1220;--color-border:#e5e7eb}body,html{padding:0;margin:0;font-family:Open Sans,Arial,sans-serif;color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}.header{background:var(--color-primary);color:#fff;padding:14px 20px}.header h1{font-size:18px;margin:0;letter-spacing:.2px}main{max-width:840px;margin:0 auto;padding:24px}a{color:var(--color-secondary);text-decoration:none}button{cursor:pointer}button,input,select{font-size:16px;padding:10px 12px;border-radius:8px}input,select{border:1px solid var(--color-border);background:#fff}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--color-secondary) 40%,white);border-color:var(--color-secondary)}.card{border:1px solid var(--color-border);border-radius:12px;padding:20px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}.row{display:flex;gap:12px;align-items:center}.col{flex-direction:column}.actions,.col{display:flex;gap:10px}.actions{justify-content:flex-end}.actions.center{justify-content:center}.btn{border:none;padding:10px 14px;border-radius:8px;font-weight:600}.btn-lg{padding:12px 24px;font-size:18px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary{background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-secondary)}.avatar{width:260px;height:260px;object-fit:cover;border-radius:10px;border:2px solid var(--color-border)}.section-title{margin:10px 0 4px;font-weight:700;color:var(--color-primary)}.searchbox{width:100%}.dropdown{border:1px solid var(--color-border);border-radius:8px}.dropdown-item{padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:color-mix(in srgb,var(--color-secondary) 20%,white)}.dropdown-item.selected:after{content:"✓";font-weight:700;color:var(--color-secondary)}.option-grid{display:flex;flex-wrap:wrap;gap:10px}.option-tile{border:1px solid var(--color-border);padding:8px 10px;border-radius:8px;cursor:pointer}.option-tile input{margin-right:6px}.brand{color:var(--color-secondary)}.section{margin-top:18px;margin-bottom:18px}.center{display:flex;justify-content:center}.notice{padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);margin-bottom:12px}.notice.info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.notice.error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}