*{box-sizing:border-box}body{margin:0;background:#0b0c0e;color:#eee;font:15px Arial,sans-serif}header{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#111;border-bottom:1px solid #9d7b32}header b,h1{color:#d6ad55}nav a{color:#eee;text-decoration:none;margin-left:18px}main{max-width:1180px;margin:auto;padding:24px}.hero{padding:22px 0}.hero h1{font-size:32px;margin:0}.hero p{color:#aaa}.card{background:#15171a;border:1px solid #303238;border-radius:14px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.tag{background:#5c461b;padding:5px 9px;border-radius:20px;font-size:12px}.numbers{display:grid;gap:7px;margin:16px 0}.balance{border-left:4px solid #d6ad55;background:#1e1b14;padding:13px;margin:14px 0;display:flex;justify-content:space-between;gap:10px}.big{font-size:20px}.button,button{display:inline-block;background:#d6ad55;color:#111;border:0;border-radius:8px;padding:11px 16px;font-weight:bold;text-decoration:none;cursor:pointer}.ghost{background:#292b2f;color:#eee}.form{max-width:760px}.form label,.mini{display:grid;gap:7px;margin:12px 0}.cols,.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{width:100%;background:#0d0f11;color:#eee;border:1px solid #41444a;border-radius:8px;padding:11px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.summary div{background:#15171a;border-radius:12px;padding:16px}.summary small{display:block;color:#aaa}.summary b{display:block;font-size:21px;margin-top:5px;color:#d6ad55}table{width:100%;border-collapse:collapse;margin:10px 0 18px}th,td{text-align:left;padding:8px;border-bottom:1px solid #303238}.bad{color:#ff9d9d}.login{max-width:420px;margin:10vh auto}.login h1{text-align:center}@media(max-width:760px){.cols,.twocol,.summary{grid-template-columns:1fr}header{height:auto;padding:16px;align-items:flex-start;gap:12px;flex-direction:column}nav a{margin:0 14px 0 0}.balance{flex-direction:column}}