:root{--card-bg-light:#ffffff0d;--card-bg-hover:#ffffff14;--card-border-light:#00000014;--card-border-hover:#0000001f;--card-shadow:0 2px 8px #0000000d;--card-shadow-hover:0 4px 12px #0000001a;--card-bg-dark:#ffffff05;--card-bg-hover-dark:#ffffff0d;--card-border-dark:#ffffff14;--card-border-hover-dark:#ffffff1f;--card-shadow-dark:0 2px 8px #0003;--card-shadow-hover-dark:0 4px 12px #0000004d}.card-base,.card-interactive{background:var(--card-bg-light);border:1px solid var(--card-border-light);border-radius:8px;box-shadow:var(--card-shadow);transition:all .2s ease}.card-base:hover,.card-interactive:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.q-dark .card-base,.q-dark .card-interactive{background:var(--card-bg-dark);border-color:var(--card-border-dark);box-shadow:var(--card-shadow-dark)}.q-dark .card-base:hover,.q-dark .card-interactive:hover{background:var(--card-bg-hover-dark);border-color:var(--card-border-hover-dark);box-shadow:var(--card-shadow-hover-dark)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(1px)}.row-4{gap:4px}.row-4,.row-8{display:flex;flex-direction:row;width:100%}.row-8{gap:8px}.row-12{gap:12px}.row-12,.row-16{display:flex;flex-direction:row;width:100%}.row-16{gap:16px}.row-20{gap:20px}.row-20,.row-24{display:flex;flex-direction:row;width:100%}.row-24{gap:24px}.row-32{display:flex;flex-direction:row;gap:32px;width:100%}.col-4{gap:4px}.col-4,.col-8{display:flex;flex-direction:column;width:100%}.col-8{gap:8px}.col-12{gap:12px}.col-12,.col-16{display:flex;flex-direction:column;width:100%}.col-16{gap:16px}.col-20{gap:20px}.col-20,.col-24{display:flex;flex-direction:column;width:100%}.col-24{gap:24px}.col-32{display:flex;flex-direction:column;gap:32px;width:100%}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-min{height:min-content}.h-max{height:max-content}.flex-center{align-items:center}.flex-center,.flex-center-h{display:flex;justify-content:center}.flex-center-v,.flex-center.row-8{align-items:center;display:flex}.flex-center.row-8{flex-direction:row;gap:8px;justify-content:center}.flex-center.row-16{flex-direction:row;gap:16px}.flex-center.col-8,.flex-center.row-16{align-items:center;display:flex;justify-content:center}.flex-center.col-8{flex-direction:column;gap:8px}.flex-center.col-16{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}body{margin:0;padding:0}*{box-sizing:border-box}.q-page,.q-page-container{min-height:unset!important;width:100%!important}