:root{--background: #fff;--foreground: #a85454}@media (prefers-color-scheme: dark){:root{--background: #fff;--foreground:rgb(8, 1, 32)}}html.dark{--background: rgb(8, 1, 32);--foreground: #fff}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;padding:0;margin:0}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}.hover:hover{transform:scale(1.05)}.spinner{border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background);color:var(--foreground);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.signin-container{max-width:500px;width:400px;margin:50px auto;padding:20px;background-color:#111111f0;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.signin-container h2{margin-bottom:20px;color:#333}.signin-form{display:flex;flex-direction:column;gap:15px}.signin-form input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%;box-sizing:border-box}.signin-form input:focus{border-color:#007bff;outline:none}.password-input-container{position:relative;width:100%;z-index:1}.password-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:red;font-size:14px}.password-toggle-button:hover{color:#0056b3}.signin-form button[type=submit]{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.signin-form button[type=submit]:hover{background-color:#0056b3}.signup{color:red}.error-message{color:red;font-size:14px;margin-top:10px}@media (max-width: 768px){.signin-container{margin-top:200px}}html,body{height:100%;margin:0}.footer{background:linear-gradient(130deg,#eeeceb,#fff3f3ef,#ffffff27,#f1ebe8f6,#eeeef5);color:red;padding:20px 0;position:relative;text-align:center;margin-top:auto;z-index:999}.footer-container{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:100%;margin:auto;padding:10px}.footer-section{margin:10px}.footer-section h4{font-size:18px;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#ff4500;text-decoration:none;transition:.3s}.footer-section ul li a:hover{color:#f4b400}.social-icons{display:flex;gap:15px;justify-content:center}.social-icons a{color:red;font-size:20px;transition:.3s}.social-icons a:hover{color:#f4b400}.footer-bottom{margin-top:20px;font-size:14px}.receipt-box{max-width:600px;margin:0 auto;border:1px solid #eee;padding:20px;box-shadow:0 0 5px #aaa;background:#fff}