body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#e0e7ff);display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;padding:2rem;width:100%;max-width:28rem}.icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.icon-wrapper{background:#4f46e5;padding:.75rem;border-radius:9999px}.login-title{font-size:1.875rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:2rem}.form-container{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}.form-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #4f46e5}.login-button{width:100%;background:#4f46e5;color:#fff;padding:.75rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer}.login-button:hover{background:#4338ca}.journal-page td{white-space:break-word}.journal-page .action-button{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.journal-page .action-button svg{width:1rem;height:1rem;margin-right:.25rem}.journal-page .action-button.approve{background:#16a34a;color:#fff}.journal-page .action-button.reject{background:#dc2626;color:#fff}.journal-page .pagination-card{margin-top:1rem;padding:.75rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem}.journal-page .pagination-card>button{background:#4f46e5;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.journal-page .pagination-card>button:disabled{background:#9ca3af;cursor:not-allowed}.journal-page .pagination-card>button:not(:disabled):hover{background:#4338ca}.navbar{background:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e5e7eb}.navbar .navbar-content{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar .navigations{display:flex;align-items:center;gap:1.5rem}.navbar .navigations .nav-link{text-decoration:none;color:#374151;font-weight:500;cursor:pointer}.navbar .navigations .nav-link:hover{color:#5679aa}.navbar .navigations .nav-link.active{color:#78a8eb;font-size:1.2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.navbar .logout-button{background:#e5e7eb;color:#374151;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.navbar .logout-button:hover{background:#d1d5db}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}button{font-family:inherit}.table{width:100%;border-collapse:collapse}.table thead{background:#f9fafb}.table th{padding:.75rem 1.5rem;text-align:left;font-size:.6rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.table tbody tr:hover{background:#f9fafb}.table td{padding:1rem 1.5rem;white-space:nowrap}.common-text{font-size:.875rem;color:#111827;font-family:monospace}.completed-text{color:#6b7280}.button-group{display:flex;gap:.5rem}.sales-page{min-height:100vh;background:#f9fafb}.sales-page .table-container{overflow-x:auto}.sales-page .products-content{display:flex;flex-direction:column;gap:.4rem}.sales-page .products-content .product-item{display:flex;justify-content:space-between;align-items:flex-start}.sales-page .products-content .product-item .product-name{flex:1 1 auto;min-width:0;max-width:300px;overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-weight:500;color:#374151}.sales-page .products-content .product-item .price-quantity{font-weight:400;color:#6b7280;font-size:.7rem}.sales-page .products-content .show-all-products-btn{background-color:transparent;border:none;padding:none;margin-top:10px;font-weight:600;text-decoration:underline;cursor:pointer}.sales-page .products-content .show-all-products-btn.shown,.sales-page .products-content .show-all-products-btn:hover{color:#6b7280}.sales-page .total-price{font-weight:600;color:#1f2937;font-size:1.3rem}.sales-page .pay-method{background-color:pink;padding:8px;border-radius:20px;text-align:center;width:max-content}.sales-page .pay-method>span{color:#80376a;font-size:.7rem}.sales-page .channel{padding:8px 4px;border-radius:20px;text-align:center;width:max-content;min-width:90px}.sales-page .channel.mobile{background-color:#c0ffcd}.sales-page .channel.mobile>span{color:#1f873b}.sales-page .channel.web{background-color:#c0e0ff}.sales-page .channel.web>span{color:#1f3987}.sales-page .channel>span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem}.sales-page td{white-space:break-word;font-size:.8rem}.sales-page .content-wrapper{max-width:90rem;margin:0 auto;padding:2rem 1rem}.sales-page .card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.sales-page .card .card-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sales-page .card .filter{display:flex;flex-direction:row;gap:10px;align-items:center}.sales-page .card .filter .dates{display:flex;flex-direction:row;align-items:center;gap:5px}.sales-page .card .filter input{border:1px solid pink;padding:12px 8px;border-radius:12px}.sales-page .card .filter input.search{width:350px}.sales-page .card .filter .found-info{margin-left:5px}.sales-page .card .right-col{display:flex;flex-direction:row;align-items:center;gap:10px}.sales-page .card .annotation{font-size:.8rem;color:#9196a1}.sales-page .card .refresh-icon{cursor:pointer;color:#000;font-size:.5rem}.sales-page .card .refresh-icon:hover{transform:scale(.96)}.sales-page .card .refresh-icon.active{transform:scale(.98)}.sales-page .download-actions{margin-bottom:10px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.sales-page .download-actions button{background-color:#c2ffc0;border:1px solid #359132;color:#1d851a;border-radius:20px;outline:none;padding:12px 8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:12px}.sales-page .download-actions button:hover{background-color:#f3f4f6}.sales-page .header{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-between}.sales-page .header .title{font-size:1.25rem;font-weight:600;color:#1f2937}.sales-page .header .subtitle{font-weight:300;color:#4f5967}.sales-page .header .header-actions{display:flex;flex-direction:row;gap:10px}.sales-page .header .header-actions>button{background-color:#fff;border:1px solid pink;border-radius:20px;outline:none;padding:12px 8px;cursor:pointer}.sales-page .header .header-actions>button.active{background-color:#984d5a;border-color:#984d5a;color:#fff;font-weight:600}.journal-page{min-height:100vh;background:#f9fafb}.journal-page td{white-space:break-word;vertical-align:middle}.journal-page .content-wrapper{max-width:90rem;margin:0 auto;padding:2rem 1rem}.journal-page .card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.journal-page .card-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.journal-page .history-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.journal-page .card-title{font-size:1.25rem;font-weight:600;color:#1f2937}.journal-page .status-filter{padding:.4rem .6rem;border-radius:.375rem;border:1px solid #d1d5db;font-size:.875rem}.journal-page .table{width:100%;border-collapse:collapse}.journal-page .table th{background:#f3f4f6;text-align:left;padding:.75rem;font-size:.875rem;font-weight:600}.journal-page .table td{padding:.75rem;border-top:1px solid #e5e7eb;font-size:.875rem}.journal-page .loading-cell{text-align:center;padding:3rem;font-size:1.1rem}.journal-page .status-badge{padding:.25rem .5rem;border-radius:.375rem;font-weight:500;font-size:.75rem}.journal-page .status-badge.status-1{background:#e0e7ff;color:#3730a3}.journal-page .status-badge.status-2{background:#dcfce7;color:#166534}.journal-page .status-badge.status-3{background:#fee2e2;color:#991b1b}.journal-page .button-group{display:flex;flex-wrap:wrap;gap:.4rem}.journal-page .action-button{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.75rem;font-weight:500;color:#fff}.journal-page .action-button svg{width:.9rem;height:.9rem}.journal-page .action-button.approve{background:#16a34a}.journal-page .action-button.approve:hover{background:#15803d}.journal-page .action-button.reject{background:#dc2626}.journal-page .action-button.reject:hover{background:#b91c1c}.journal-page .action-button.reset{background:#2563eb}.journal-page .action-button.reset:hover{background:#1d4ed8}.journal-page .pagination-card{margin-top:1rem;padding:.75rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.journal-page .pagination-card button{background:#4f46e5;color:#fff;padding:.4rem .8rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.8rem}.journal-page .pagination-card button:disabled{background:#9ca3af;cursor:not-allowed}.journal-page .pagination-card button:not(:disabled):hover{background:#4338ca}