:root{color:#172033;background:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border:0;border-radius:999px;padding:.68rem 1rem;font-weight:800}button.secondary{color:#3730a3;background:#fff;border:1px solid #c7d2fe}button.danger{background:linear-gradient(135deg,#ef4444,#f97316)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{color:#172033;background:#fff;border:1px solid #c7d2fe;border-radius:.9rem;width:100%;padding:.68rem .82rem}textarea{resize:vertical;min-height:86px}.app{max-width:1440px;margin:0 auto;padding:1.5rem}.hero{background:radial-gradient(circle at 0 0,#dbeafe,#fff 54%,#e0e7ff);border:1px solid #c7d2fe;border-radius:1.5rem;gap:.75rem;margin-bottom:1rem;padding:1.5rem;display:grid;box-shadow:0 22px 70px #4f46e521}.hero h1{color:#312e81;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.hero p{color:#3730a3;margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.9rem;display:grid}.card{background:#ffffffeb;border:1px solid #c7d2fe;border-radius:1.2rem;padding:1rem;box-shadow:0 14px 48px #312e8114}.card h2,.card h3{color:#312e81;margin-top:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.stack{gap:.7rem;display:grid}.nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.nav button{color:#3730a3;background:#fff;border:1px solid #c7d2fe}.nav button.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9)}.badge{color:#3730a3;background:#e0e7ff;border-radius:999px;align-items:center;padding:.26rem .58rem;font-size:.82rem;font-weight:800;display:inline-flex}.message{color:#3730a3;background:#fff;border:1px solid #c7d2fe;border-radius:1rem;margin-bottom:1rem;padding:.78rem 1rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.table{gap:.7rem;display:grid}.row{background:#fff;border:1px solid #e0e7ff;border-radius:1rem;padding:.9rem}.muted{color:#64748b}pre{color:#e0e7ff;background:#111827;border-radius:1rem;max-height:260px;padding:1rem;overflow:auto}
