*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:#333;background:#f5f5f5}
header{background:#003366;color:#fff;padding:24px 16px}
h1{margin:0 0 6px 0;font-size:28px}
.subtitle{margin:0;opacity:.9}
main{max-width:960px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:18px}
.hidden{display:none}
.row{margin:12px 0;display:flex;gap:12px;align-items:center}
input[type=text], textarea{width:100%;padding:10px;border:1px solid #cfd8dc;border-radius:8px;font-size:16px}
textarea{min-height:160px;resize:vertical}
.primary{background:#0066cc;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.primary:disabled{opacity:.5;cursor:not-allowed}
.secondary{background:#fff;color:#0066cc;border:2px solid #0066cc;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}
.status{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:12px;margin-bottom:12px}
.section{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:18px}
.section h3{margin-top:0}
.muted{color:#6b7280;font-size:14px}
footer{color:#6b7280;text-align:center;padding:24px 16px}