body{
    min-height:100vh
}
.button,button.button{
    background:#7845a7;
    color:white;
    padding:.75rem 1.15rem;
    border-radius:.5rem;
    font-weight:600;
    display:inline-block;
    cursor:pointer}
.button:hover{
        opacity:.9}
.field,textarea,select{
    width:100%;
    display:block;
    padding:.7rem;
    border:1px solid #c7c2d0;
    border-radius:.5rem;
    background:white;
    color:#211b2e}
.panel{
    max-width:720px;
    margin:0 auto;
    padding:2rem;
    border-radius:.75rem;
    background:white;
    box-shadow:0 6px 28px #22113316}
.grid-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:1.2rem}
.notice{padding:1rem;
    border-radius:.5rem;
    background:#f1eaf8;
    margin:1rem 0}
.error{
    background:#fee9e9;
    color:#6d1a1a}
.table-wrap{
    overflow:auto}
table{
    border-collapse:collapse;
    width:100%}
th,td{
    border-bottom:1px solid #ddd;
    padding:.7rem;
    text-align:left;
    white-space:normal;
    vertical-align:top}
a{
    color:oklch(97.1% .013 17.38);}
nav a{
    font-weight:500}
h1{
    font-size:2rem;
    font-weight:700;
    margin-bottom:1.25rem}
h2{
    font-size:1.5rem;
    font-weight:700;
    margin-bottom:1rem}
.badge{
    display:inline-block;
    background:#ede1f7;
    padding:.2rem .5rem;
    border-radius:.3rem}