@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login{align-items:center;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center}.login-wrapper{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);background-color:#ffbaba26;border:1px solid #00000080;border-radius:8px;box-shadow:0 4px 20px #000;padding:30px;text-align:center;width:400px}.login h2{color:#001eff;font-size:2rem;margin-bottom:20px}.login .input-field{border-bottom:2px solid #000000e2;margin:15px 0;position:relative}.login .input-field label{color:#000;font-size:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.15s ease}.login .input-field input{background:#0000;border:none;color:red;font-size:16px;height:40px;outline:none;width:100%}.login .input-field input:focus~label,.login .input-field input:valid~label{font-size:.8rem;top:10px;transform:translateY(-120%)}.login button{background:#ffffff2a;border-color:#000!important;border:2px solid #0000;border-radius:3px;border-radius:30px!important;color:#000;cursor:pointer;font-size:16px;font-weight:600;margin-top:30px;padding:12px 20px;transition:.3s ease}.login button:hover{background:#ff000026;border-color:#2b2a2a;color:#000}.login .error-message{color:red;margin-top:1rem;text-align:center}input[type=date],input[type=number]{font-family:Times New Roman,Times,serif}form{display:flex;flex-direction:column}form>*{margin-bottom:12px}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:40px;width:100%}.toggle-password{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease}.toggle-password:hover{color:#000}*{box-sizing:border-box;font-family:DM Mono,monospace;font-weight:500;margin:0;padding:0;text-decoration:none}:root{--sidebar-width:70px;--sidebar-expanded-width:220px;--header-bg-color:#000;--sidebar-bg-color:#000;--accent-color:#c297b8;--active-color:#fdcff3;--color-text-btn:#fff}.layout{display:flex;flex-direction:column}.header{align-items:center;background-color:#000;background-color:var(--header-bg-color);box-shadow:0 2px 4px #0000001a;display:flex;height:80px;justify-content:space-between;left:0;padding:0 30px;position:fixed;top:0;width:100%;z-index:3}.header img{height:50px;width:50px}.header button{align-items:center;background-color:#c297b8;background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;color:var(--color-text-btn);cursor:pointer;display:flex;font-size:clamp(.5vh,2vh,2.5vh);padding:10px 20px;text-transform:uppercase;transition:background-color .3s,transform .3s}.header button:hover{background-color:#fdcff3;background-color:var(--active-color);transform:scale(1.05)}.header button svg{font-size:clamp(.5vh,2vh,2.5vh);margin-right:10px}.hamburger{color:#fff;cursor:pointer;display:none;font-size:24px}.side-menu{background-color:#000;background-color:var(--sidebar-bg-color);height:calc(100% - 80px);left:0;opacity:.95;overflow-x:hidden;padding-top:40px;position:fixed;top:80px;transition:width .4s ease;width:70px;width:var(--sidebar-width);z-index:2}.side-menu.open,.side-menu:hover{pointer-events:auto;width:220px;width:var(--sidebar-expanded-width)}.side-menu .nav-link{align-items:center;color:#fff;display:flex;font-size:16px;padding:20px 15px;transition:background-color .3s ease}.side-menu .nav-link:hover{background-color:#c297b8;background-color:var(--accent-color);color:#222!important}.side-menu .nav-link.active{background-color:#fdcff3;background-color:var(--active-color);color:#222!important}.link-text{display:none;padding-left:10px;white-space:nowrap}.side-menu.open .link-text,.side-menu:hover .link-text{display:inline}.main-content{margin-left:70px;margin-left:var(--sidebar-width);margin-top:80px;transition:margin-left .4s ease}.main-content.shifted{margin-left:220px;margin-left:var(--sidebar-expanded-width)}@media (max-width:768px){.hamburger{display:block}.side-menu{overflow:hidden;width:0}.side-menu.open{pointer-events:auto;width:220px;width:var(--sidebar-expanded-width)}.main-content{margin-left:0}.purchase-table,.purchase-table tbody,.purchase-table td,.purchase-table th,.purchase-table thead,.purchase-table tr{display:block;width:100%}.table-container{overflow-x:hidden}.purchase-table{min-width:0;min-width:auto}.purchase-table thead{display:none}.purchase-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;padding:10px}.purchase-table td{align-items:center;border:none;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.purchase-table td:last-child{border-bottom:none}.purchase-table td:before{color:#40434e;content:attr(data-label);font-weight:700}}@media (max-width:480px){.purchase-table td,.purchase-table td:before{font-size:10px}}h1{font-size:clamp(2vh,3vh,4vh);text-align:center}.qr-form{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px auto;max-width:400px;padding:20px}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:8px}input[type=file],input[type=text]{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.upload-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px}.upload-btn:hover{background:#0056b3}.preview{margin-top:15px;text-align:center}.preview img{border:1px solid #ddd;border-radius:6px;max-width:150px}table{border-collapse:collapse;margin-top:20px;width:100%}thead{background-color:#4caf50;color:#fff}thead th{padding:12px;text-align:left}tbody td{border-bottom:1px solid #ddd;padding:12px}tbody tr:hover{background-color:#f1f1f1}tbody img{border-radius:5px;max-width:80px}tbody button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-right:5px;padding:5px 10px;transition:.3s}tbody button:disabled{cursor:not-allowed;opacity:.5}.btn-display{background-color:#2196f3}.btn-display:hover:not(:disabled){background-color:#1976d2}.btn-hide{background-color:#ff9800}.btn-hide:hover:not(:disabled){background-color:#e68900}.btn-delete{background-color:#f44336}.btn-delete:hover:not(:disabled){background-color:#d32f2f}@media (max-width:768px){.main-content{padding:10px}.preview img{max-width:100%}table,tbody,td,th,thead,tr{display:block}thead{display:none}tbody tr{border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:10px}tbody td{border:none;padding:5px 10px;position:relative}tbody td:before{content:attr(data-label);display:inline-block;font-weight:700;width:100px}tbody img{display:block;margin:10px 0;max-width:100%}tbody button{margin:5px 1%;width:48%}}.main-content{padding:20px}.table-container{overflow-x:auto;width:100%}.purchase-table{border-collapse:collapse;margin-top:20px;min-width:700px;width:100%}.purchase-table td,.purchase-table th{border:1px solid #ddd;padding:10px;text-align:center;white-space:nowrap}.purchase-table th{background-color:#40434e;color:#fff}.purchase-table tr:nth-child(2n){background-color:#f9f9f9}@media (max-width:768px){.purchase-table,.purchase-table tbody,.purchase-table td,.purchase-table th,.purchase-table thead,.purchase-table tr{display:block;width:70%}.purchase-table thead{display:none}.purchase-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;padding:10px}.purchase-table td{align-items:center;border:none;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 10px;text-align:left}.purchase-table td:last-child{border-bottom:none}.purchase-table td:before{color:#40434e;content:attr(data-label);font-weight:700}}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.accept-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px;transition:background .3s}.accept-btn:hover:not(:disabled){background-color:#45a049}.paid-btn{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px;transition:background .3s}.paid-btn:hover:not(:disabled){background-color:#1e88e5}button:disabled{background-color:#ccc;cursor:not-allowed}.status-label{color:#40434e;font-size:.9rem;font-weight:700;margin-left:5px}@media (max-width:768px){.action-buttons{align-items:flex-start;flex-direction:column}.status-label{margin-left:0;margin-top:4px}}
/*# sourceMappingURL=main.c03ef533.css.map*/