:root{font-family:Arial,sans-serif;color:#172033;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.nav{padding:1rem;background:#172033;color:#fff}.nav a{color:#fff;display:block;padding:.55rem 0;text-decoration:none}.main{padding:1.5rem;max-width:1200px;width:100%;margin:auto}.banner{background:#fff3cd;padding:.75rem;border-radius:.4rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.card,table{background:#fff;border-radius:.4rem;padding:1rem;box-shadow:0 1px 2px #0001}.badge{display:inline-block;border-radius:99px;padding:.2rem .55rem;background:#e8eefb}.error{color:#9b1c1c;background:#fee2e2;padding:1rem}.empty{padding:2rem;background:#fff;border-radius:.4rem}.preview{width:100%;min-height:420px;border:1px solid #ccd}@media(max-width:700px){.shell{grid-template-columns:1fr}.nav{display:flex;gap:.75rem;overflow:auto}.nav a{white-space:nowrap}.main{padding:1rem}}.form{display:grid;grid-gap:.85rem;gap:.85rem;max-width:640px;background:#fff;padding:1rem;border-radius:.4rem;box-shadow:0 1px 2px #0001}.form label{display:grid;grid-gap:.3rem;gap:.3rem;font-weight:600}.form input,.form select{font:inherit;padding:.6rem;border:1px solid #aab4c4;border-radius:.3rem}.button,.form button{display:inline-block;width:max-content;background:#1b4d9b;color:#fff;border:0;border-radius:.3rem;padding:.65rem .9rem;text-decoration:none;cursor:pointer}.form button:disabled{opacity:.6;cursor:wait}.muted{color:#516078}.button{margin-bottom:.5rem}