*{margin:0;padding:0;box-sizing:border-box;font-family:Kode Mono,monospace}.login{height:100vh;width:100vw;display:grid;place-items:center;background-color:#000;background-image:url(Assets/login_bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}video{width:100vw;height:100vh;object-fit:cover;object-position:center;position:relative}.login_con{position:absolute;display:flex;flex-direction:column;color:#7fffd4;align-items:center;gap:20px;padding:30px;background-color:#00000076}.login_con h1{font-size:60px}.login_con button{width:190px;height:40px;font-size:15px;border-radius:4px;cursor:pointer;background-color:#000;color:#ff0;border:solid 2px greenyellow;transition:.5s;box-shadow:2px 2px 1px #9f0}.login_con button:hover{transform:scale(1.05)}@media (max-width:450px){.login_con{font-size:15px}.login_con h1{font-size:40px;text-align:center}.login_con button{width:180px;height:40px;font-size:14px}}.exp{width:100vw;height:100%;min-height:100vh;background-image:url(/assets/exp_bg-B8Hdf9N1.jpg);display:grid;place-items:center}.exp_con{width:100%;height:100%;display:flex;flex-direction:column}.exp_nav{height:55px;width:100%;background-color:#000000b1;display:grid;color:#7fffd4;border-bottom:solid 2px rgb(255,255,255)}.exp_nav_con{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.exp_nav_con div{display:flex;gap:20px;align-items:center}.exp_nav_con img{width:35px;border-radius:100%;border:solid 2px aquamarine}.exp_nav_con button{background-color:#000;color:#7fffd4;border:solid 2px white;padding:5px;box-shadow:2px 2px 1px #7fffd4;cursor:pointer}.exp_nav h1{font-size:20px;color:#7fffd4}.financials{display:flex;width:100%;height:90vh;gap:40px;justify-content:space-evenly;align-items:center;padding:20px}.fv{width:40%;height:500px;background-color:#0009;color:#0ff;display:flex;flex-direction:column;padding:20px 40px;gap:30px;border:solid 2px aquamarine;border-radius:4px}.fv p{font-size:18px}.add_transaction{display:flex;flex-direction:column;gap:20px}.add_transaction input{background-color:#7fffd400;border:none;border-bottom:solid 3px white;padding:3px;outline:none;font-size:14px;color:#ff0}.add_transaction input:hover{border-bottom:solid 3px aqua}.add_transaction input::placeholder{color:#fff;letter-spacing:2px}.add_transaction div{display:flex;gap:10px}.amount{font-size:35px}.add_transaction button{height:35px;width:150px;background-color:#000;color:#0ff;border:solid 2px white;box-shadow:2px 2px 1px #0ff;cursor:pointer}.add_transaction button:hover,.exp_nav_con button:hover{box-shadow:2px 2px 1px #9acd32;color:#35f739}#sp{font-size:20px}.history{width:40%;height:500px;background-color:#0009;display:flex;flex-direction:column;color:#0ff;gap:20px;overflow:scroll;border:solid 2px aquamarine;border-radius:4px;padding:20px}.history::-webkit-scrollbar{display:none}.eb{display:flex;justify-content:space-between;align-items:center}.eb p{font-size:15px;color:#adff2f}.history_con{display:flex;flex-direction:column;gap:15px}@media (max-width:450px){.exp{padding-bottom:20px}.exp_nav_con{padding:0 10px}.exp_nav_con div{gap:7px;font-size:13px}.exp_nav_con img{width:25px}.exp_nav_con button{padding:4px;font-size:11px}.exp_nav h1{font-size:13px}.financials{flex-direction:column;min-height:900px;gap:40px}.fv{width:90%;padding:20px 40px;gap:30px}.fv p{font-size:16px}.add_transaction input{padding:3px;font-size:12px}.add_transaction button{height:25px;width:130px;font-size:12px}#sp{font-size:17px}.amount{font-size:30px}.history{width:90%}.eb p{font-size:10px;color:#adff2f}.history_con{display:flex;flex-direction:column;gap:15px}#user{display:none}}.card{border-radius:4px;display:flex;flex-direction:column;padding:5px 0 5px 10px;min-height:100px;color:#fff;gap:10px}.c_con{display:flex;width:100%;gap:5px}.card_con{width:95%;display:flex;flex-direction:column;justify-content:space-between;padding:5px}.card_bottom,.card_top{display:flex;justify-content:space-between}.c_amount{font-size:40px}.c_timestamp{font-size:14px}.c_ex{border:solid 2px red;background-color:#ff000027}.c_in{border:solid 2px greenyellow;background-color:#99cd3227}.c_i{color:#adff2f;text-transform:uppercase}.c_e{color:red;text-transform:uppercase}.c_uti{display:flex;flex-direction:column;gap:20px;align-items:center;width:30px;justify-content:space-between;padding:10px 0}.c_uti i{color:#0ff;cursor:pointer}.card_update{height:30px;display:none;gap:10px}.card_update input{flex:2;background-color:#0000;border:none;border-bottom:solid 2px aqua;letter-spacing:1px;padding:1px;height:30px;color:#ff0;outline:none}.card_update button{width:70px;background-color:#000;border:solid 2px white;color:#0ff;box-shadow:2px 2px 1px orange;cursor:pointer}.c_edit{display:flex}@media (max-width:450px){.card{padding:4px 8px}.card_con{padding:4px;font-size:11px}.c_amount{font-size:30px}.c_timestamp{font-size:11px}.card_update{width:100%}.card_update input{width:100px;padding:1px;height:20px;font-size:11px}.card_update input::placeholder{color:#fff}.card_update button{width:50px;padding:0;font-size:10px;height:20px}}