*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,sans-serif;height:100%;--primary: 168, 85, 247;--background: 22, 15, 31;--glow: 0 0px 10px rgba(var(--primary), .5), 0 0px 30px rgb(var(--primary),.5)}.dela,.header h1{font-family:Dela Gothic One,sans-serif}.header{background-color:rgb(var(--primary));display:flex;justify-content:space-between;padding:2rem;color:rgb(var(--background))}.header h1{font-size:2rem}.header img{width:7rem;height:7rem}.header .column{display:flex;flex-direction:column;gap:1rem}.header .column small{opacity:.5}.content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.tableCard .title{background-color:rgb(var(--primary));padding:.5rem 1rem;border-radius:.5rem .5rem 0px 0px;display:flex;justify-content:space-between}.tableCard .title p{color:rgb(var(--background));font-weight:700}.tableCard .tableCard-content{padding:1rem;width:100%;display:flex;flex-direction:column;gap:.5rem;border-color:rgb(var(--primary));border-radius:0rem 0rem .5rem .5rem;border-width:1px;border-style:solid}.tableCard .tableCard-content .t-row{display:flex;justify-content:space-between}.tableCard .tableCard-content .t-row p{font-size:.9rem}.tableCard .tableCard-content .separator{height:1px;background-color:rgba(var(--background),.2);width:100%}.f-btm{position:fixed;bottom:0;width:100%}.statuspill{background-color:#fff;padding:1rem;border-radius:.5rem}.statuspill p{font-weight:700;font-size:1.5rem}.notpaid{color:red}.paid{color:green}.topay{font-size:2rem;font-weight:700}.footer{text-align:center;padding:1rem}.footer a{color:rgb(var(--primary))}.footer .small{font-size:.8rem;opacity:.5}.mono{font-family:monospace,monospace}
