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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{min-height:100vh}.logo-container{gap:10px}.login-container,.page-container{min-height:calc(100vh - 83px)}.login-container{align-items:center;display:flex;justify-content:center;padding:40px 20px}.login-card{background-color:#d1dae2;border-radius:25px;box-shadow:0 2px 4px #0003;margin:0 auto;max-width:420px;padding:30px;width:100%}.login-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.login-card form{gap:16px}.input-group,.login-card form{display:flex;flex-direction:column}.input-group{gap:6px}.input-group label{color:#333;font-size:14px;font-weight:600}.input-group input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px}.forgot-password{color:#555;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:10px;text-align:right;text-decoration:underline}.login-btn{border:none;border-radius:25px;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:16px;padding:12px 0;text-align:center;width:100%}.login-btn-login{background-color:#003e7e;color:#fff}.login-btn-signup{background-color:#f78702;color:#fff}.divider{color:#888;font-size:14px}.divider span{background-color:#d1dae2}.divider:before{background-color:#ccc;content:"";height:1px;position:absolute;top:50%;width:100%;z-index:0}.go-back-btn{background:none;color:#003e7e;margin-left:auto;padding:8px 16px;transition:background .3s ease}.go-back-btn:hover{background-color:#003e7e1a}@media (max-width:480px){.login-card{padding:20px}.login-title{font-size:20px}.login-btn{font-size:14px}}.feedback-container{align-items:center;background-color:#d1dae2;border-radius:25px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;margin:60px auto;max-width:420px;padding:30px;width:100%}.feedback-container h2{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.feedback-formGroup{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.feedback-formGroup label{color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.feedback-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.feedback-textarea{height:150px;resize:vertical}.feedback-errorText{color:#c0392b;font-size:14px;margin-bottom:10px;margin-top:-8px}.feedback-successText{color:#27ae60;font-size:14px;margin-bottom:10px}.feedback-button{background-color:#003e7e}.feedback-button,.feedback-cancelButton{border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;width:100%}.feedback-cancelButton{background-color:#f78702}@media (max-width:480px){.feedback-container{margin:20px;padding:20px}.feedback-button,.feedback-cancelButton{font-size:14px;padding:12px}}.profile-container{align-items:center;background-color:#decda7;border-radius:20px;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:40px auto;max-width:600px;padding:40px 20px}.profile-container h2{color:#333;font-size:24px;margin-bottom:8px}.profile-container p{color:#333;margin-bottom:24px}.profile-radioGroup{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.profile-radioGroup label{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px}.profile-radioGroup input[type=radio]{accent-color:#003594}.profile-formGroup{display:flex;flex-direction:column;margin-bottom:20px;max-width:100%;width:100%}.profile-formGroup label{align-self:flex-start;color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.profile-formGroup .profile-input{background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;font-size:14px;padding:12px 16px;width:100%}.profile-errorText,.profile-successText{font-size:14px;margin-top:12px;text-align:center;width:100%}.profile-errorText{color:#c0392b}.profile-successText{color:#27ae60}.profile-button,.profile-cancelButton{border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;max-width:360px;padding:16px 0;text-align:center;transition:background-color .3s ease;width:100%}.profile-button{background-color:#003594;color:#fff}.profile-button:hover{background-color:#002a6d}.profile-cancelButton{background-color:#f78702;color:#fff}.profile-cancelButton:hover{background-color:#cf6b00}@media (max-width:480px){.profile-container{padding:20px}.profile-button,.profile-cancelButton{max-width:100%}}.orderHistory-container{align-items:center;background:#c8c9c7;display:flex;flex-direction:column;min-height:calc(100vh - 100px);padding:60px 40px}.orderHistory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;max-width:820px;width:100%}.orderHistory-header h2{color:#333;font-size:32px;font-weight:700}.backButton{background:#d9d9d9;border:none;border-radius:28px;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:12px 26px;transition:background .2s}.backButton:hover{background:#c8c8c8}.ordersList{background:#d1dae2;border-radius:25px;box-shadow:0 2px 6px #00000026;gap:30px;max-width:820px;padding:40px 50px;width:100%}.orderItem,.ordersList{display:flex;flex-direction:column}.orderItem{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001f;gap:10px;padding:28px 32px}.orderItem p{color:#444;font-size:15px;line-height:1.6}.orderItemsList{list-style:none;margin-top:8px;padding-left:0}.orderItemsList li{color:#333;font-size:14px;line-height:1.5;margin-bottom:2px}.cancelOrderButton{background:#ff4d4f;border:none;border-radius:28px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:14px 0;transition:background .2s;width:100%}.cancelOrderButton:hover{background:#e34345}.errorText{color:#c00;font-weight:600;margin-top:20px;text-align:center}@media(max-width:600px){.orderHistory-container{padding:40px 24px}.orderHistory-header{margin-bottom:24px}.orderHistory-header h2{font-size:24px}.ordersList{padding:30px 24px}.orderItem{padding:22px 20px}.backButton{font-size:14px;padding:10px 22px}}.signup-page-container{min-height:100vh;position:relative;width:100%}.form-note{color:#666;font-size:12px;margin-bottom:10px;margin-top:-10px;text-align:center}.go-back-btn{background-color:#003e7e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;position:absolute;right:20px;top:20px}.go-back-btn:hover{background-color:#002d5f}.signup-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-card{background-color:#decda7;border-radius:20px;box-shadow:0 3px 5px #00000026;max-width:420px;padding:40px;width:100%}.signup-title{color:#333;font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.signup-card form input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px;width:100%}.input-row{display:flex;gap:10px;margin-bottom:20px}.input-row input{flex:1 1;margin-bottom:0}.divider{color:#666;font-size:13px;margin:20px 0;position:relative;text-align:center}.divider:after,.divider:before{background:#888;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.divider span{background:#decda7;padding:0 10px;position:relative;z-index:1}.signup-btn{background-color:#003594;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;margin-top:10px;padding:14px;width:100%}.signup-btn:hover{background-color:#002d73}.error-text{background-color:#fde9e9;border:1px solid #ffcdd2;border-radius:5px;color:#d32f2f;margin:20px 0;padding:12px}.error-text,.success-text{line-height:1.4;text-align:center}.success-text{background-color:#ebf5eb;border-radius:5px;color:#2e7d32;font-size:14px;margin:15px 0;padding:10px}.security-indicator{font-size:12px;margin-top:15px;text-align:center}.security-indicator.success{color:#2e7d32}.security-indicator.fail{color:#d32f2f}.session-error-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-width:400px;padding:30px;text-align:center;width:90%}.modal-content h3{color:#d32f2f;margin-top:0}.modal-content button{background-color:#003594;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}@media (max-width:500px){.signup-card{padding:25px}.input-row{flex-direction:column;gap:0}.error-text,.success-text{font-size:12px;padding:8px}}body{font-family:Arial,Helvetica,sans-serif}.site-header{height:66px}.header-left{align-items:center;display:flex;gap:24px}.logo{object-fit:contain}.welcome-text{color:#444;font-size:18px;font-weight:600}.cartButton,.feedbackButton,.logoutButton,.profileButton{background:none;border:none;border-radius:8px;color:#444;cursor:pointer;font-size:16px;font-weight:500;padding:6px 12px;transition:background-color .2s}.cartButton:hover,.feedbackButton:hover,.logoutButton:hover,.profileButton:hover{background:#00000014}.user-dashboard{background:#c8c9c7;display:flex;flex-direction:column;min-height:calc(100vh - 66px);padding:60px 40px}.dashboard-greeting{color:#333;font-size:32px;font-weight:700;margin-bottom:40px}.dashboard-cards{display:flex;flex-direction:column;gap:30px;max-width:500px}.dashboard-card{align-items:center;border-radius:20px;box-shadow:2px 3px 6px #00000026;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:12px;padding:20px 30px}.light-blue{background:#d1dae2;color:#333}.light-yellow{background:#decda7;color:#333}.card-icon{font-size:20px}.itemGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:10px}.itemCard{align-items:center;background:#d1dae2;border-radius:16px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center}.itemImage{height:120px;object-fit:contain;width:100%}.itemImagePlaceholder{background:#eee;border-radius:16px;color:#666;height:120px;width:100%}.itemImagePlaceholder,.modalOverlay{align-items:center;display:flex;justify-content:center}.modalOverlay{background:#00000059;inset:0;position:fixed;z-index:999}.itemDetailContent{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:28px;max-height:90vh;max-width:650px;overflow-y:auto;padding:40px 50px;width:90%}.itemDetailImage{background:#e8e8e8;border-radius:8px;height:250px;object-fit:contain;width:250px}.detail-title{color:#222;font-size:26px;font-weight:700;width:100%}.detail-desc{color:#444;font-size:15px;line-height:1.6;width:100%}.detail-meta{color:#777;font-size:14px;margin-top:4px;width:100%}.detail-row{align-items:center;display:flex;font-size:15px;gap:10px;width:100%}.detail-row label{color:#333;font-weight:600}.add-btn,.cancel-btn{border:none;border-radius:28px;cursor:pointer;font-size:18px;font-weight:600;padding:16px 0;width:100%}.add-btn{background:#003e7e;color:#fff}.add-btn:hover{background:#002c5d}.cancel-btn{background:#d9d9d9;color:#333;margin-top:14px}.cancel-btn:hover{background:#c8c8c8}.cartContent{background-color:initial;display:flex;gap:40px;max-height:85vh;max-width:1250px;overflow:hidden;position:relative;width:90%}.cartClose{background:none;border:none;cursor:pointer;font-size:34px;line-height:1;position:absolute;right:20px;top:20px}.cartLeft{background-color:#f5f5f5;border-radius:25px;flex:2 1;overflow-y:auto;padding:40px}.cartLeft h3{border-bottom:1px solid #dcdcdc;color:#444;font-size:28px;font-weight:700;margin-bottom:30px;padding-bottom:10px}.cartItem{align-items:flex-start;border-bottom:1px solid #e1e1e1;display:flex;gap:30px;margin-bottom:30px;padding-bottom:30px}.cartItemImage,.cartItemImagePlaceholder{background-color:#d0d0d0;border-radius:12px;height:110px;object-fit:cover;width:110px}.cartItemInfo{flex:1 1}.cartItemInfo h4{color:#444;font-size:20px;margin-bottom:6px}.cartItemInfo p{color:#666;font-size:14px;line-height:1.4}.amountSection{align-items:center;display:flex;flex-direction:column;gap:10px}.amountSection span{color:#444;font-size:14px;font-weight:600}.amountSection input{border:1px solid #c4c4c4;border-radius:6px;padding:6px;text-align:center;width:70px}.removeButton{align-self:center;background-color:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.cartRight{background-color:#fff;border-radius:25px;display:flex;flex:1 1;flex-direction:column;gap:30px;overflow-y:auto;padding:40px}.cartRight h3{border-bottom:1px solid #dcdcdc;color:#444;font-size:24px;font-weight:700;padding-bottom:10px}.overviewList{color:#444;font-size:15px;line-height:1.8;list-style:disc;padding-left:22px}.formGroup label{color:#444;font-size:14px;font-weight:600}.input{border:1px solid #c4c4c4;border-radius:8px;margin-top:8px}.placeOrderButton{background-color:#decda7;border:none;border-radius:30px;color:#333;cursor:pointer;font-size:18px;font-weight:600;padding:16px 0;width:100%}.placeOrderButton:hover{background-color:#d4c59a}@media (max-width:900px){.cartContent{flex-direction:column;max-height:90vh}.cartLeft,.cartRight{border-radius:20px;padding:30px}.cartLeft{margin-bottom:20px}}@media (max-width:600px){.dashboard-greeting{font-size:24px;margin-bottom:30px}.dashboard-card{font-size:16px;padding:18px 24px}.card-icon{font-size:18px}.itemDetailContent{padding:30px 24px}.itemDetailImage{height:220px;width:220px}}.modalContent{background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:26px;max-height:90vh;max-width:480px;overflow-y:auto;padding:40px 32px;width:90%}.modalContent h3{color:#222;font-size:24px;font-weight:700;margin-bottom:4px;text-align:center}.modalContent .formGroup{display:flex;flex-direction:column;gap:8px}.modalContent .formGroup label{color:#333;font-size:14px;font-weight:600}.modalContent .input{border:1px solid #c4c4c4;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.button,.cancelButton{border:none;border-radius:28px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 0;width:100%}.button{background:#003e7e;color:#fff}.button:hover{background:#002c5d}.cancelButton{background:#d9d9d9;color:#333;margin-top:8px}.cancelButton:hover{background:#c8c8c8}@media(max-width:600px){.modalContent{padding:30px 24px}}.items-header{align-items:center;display:flex;gap:18px;margin-bottom:12px}.items-title{color:#222;font-size:20px;font-weight:700}.items-miss-link{color:#1890ff;cursor:pointer;font-size:14px;text-decoration:underline}.items-miss-link:hover{color:#0d6efd}.store-logo{object-fit:contain}.logout-button{background-color:#444;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.admin-dashboard{background-color:#c8c9c7;display:flex;height:calc(100vh - 83px)}.admin-left{display:flex;flex:1 1;flex-direction:column;gap:24px;max-width:440px;padding:40px 50px}.admin-greeting{color:#333;font-size:32px;font-weight:700}.admin-card{align-items:center;border-radius:24px;box-shadow:2px 3px 6px #00000026;cursor:pointer;display:flex;font-size:19px;font-weight:500;justify-content:space-between;padding:28px 32px}.light-blue{background-color:#d1dae2}.light-yellow{background-color:#decda7}.card-icon{font-size:26px;margin-right:16px}.card-text{flex:1 1;margin-left:14px}.card-badge{border-radius:50%;font-size:13px;font-weight:700;min-width:28px;padding:7px 12px;text-align:center}.blue-badge{background-color:#003594;color:#fff}.yellow-badge{background-color:#f6b800;color:#333}.red-badge{background-color:#c00;color:#fff}.divider-vertical{background-color:#bbb;margin:0 20px;width:3px}.admin-right{align-items:center;display:flex;flex:1 1;justify-content:center}.alerts-card{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px #0000001a;max-width:900px;padding:60px 50px;width:100%}.alerts-title{color:#333;font-size:36px;font-weight:700;margin-bottom:28px}.alert-entry{border-top:1px solid #ddd;color:#333;display:flex;font-size:22px;justify-content:space-between;padding:20px 0}.alert-entry:first-of-type{border-top:none}.alert-entry .card-badge{font-size:16px;min-width:36px;padding:8px 14px}.page-body{background-color:#c8c9c7;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.store-header{align-items:center;background-color:#d9d9d9;display:flex;height:83px;justify-content:space-between;padding:0 27px}.cargo-header{gap:20px}.store-logo{border-radius:50%;height:65px;object-fit:cover;width:65px}.manage-btn{background-color:#decda7}.cargo-container{background-color:#c8c9c7;min-height:calc(100vh - 83px);padding:40px 60px}.cargo-card{background-color:#d1dae2;overflow-x:auto}.cargo-table{background-color:#f9f9f9}.cargo-table th{background-color:#edf1f5;font-weight:700}.cell-container{align-items:center;display:flex;justify-content:space-between}.status.fine{background-color:#2ecc71}.status.low{background-color:#f4b942}.status.out{background-color:#c0392b}@media (max-width:768px){.cargo-card,.cargo-container{padding:20px}.cargo-table{font-size:13px}}.rounds-container{background-color:#c8c9c7;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:calc(100vh - 83px);padding:60px 40px}.rounds-title{color:#333;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.rounds-nav{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:40px}.nav-btn{background-color:#d1dae2;border-radius:999px;color:#333;font-weight:600;padding:12px 28px;transition:background .25s}.nav-btn.active,.nav-btn:hover{background-color:#003594;color:#fff}.nav-btn.grey{background-color:#d9d9d9}.nav-btn.grey:hover{background-color:#bbb;color:#333}.rounds-section{background-color:#fff;border-radius:20px;box-shadow:0 3px 6px #00000026;display:flex;flex:1 1;flex-direction:column;padding:30px}.section-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#444;font-size:24px;margin:0}.btn-group,.modal-nav{display:flex;gap:15px}.chip,.modal-chip{background:#f4f4f4;border:1px solid #aaa;border-radius:25px;cursor:pointer;font-size:14px;padding:8px 18px;transition:all .25s}.chip.selected,.modal-chip.selected{background:#003594;border-color:#003594;color:#fff}.table-wrapper{overflow-x:auto}.table{background:#f9f9f9;border-collapse:collapse;width:100%}.table-header-cell{background:#edf1f5;font-weight:600}.table-cell,.table-header-cell{border:1px solid #ccc;font-size:14px;padding:12px 14px}.table-cell{background:#fff}.action-button{background:#decda7;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .25s}.action-button:hover{background:#ccb987}.form-card{background:#d1dae2;border-radius:20px;box-shadow:0 2px 4px #00000029;display:flex;flex-direction:column;gap:12px;max-width:420px;padding:30px}.input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.status-msg{color:#1cbd3a;margin-top:20px;text-align:center}.item-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000001a;display:flex;height:calc(100% - 83px);justify-content:center;left:0;padding-top:60px;position:fixed;top:83px;width:100%;z-index:1000}.item-modal{background:#decda7;border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-width:820px;padding:30px;width:90%}.modal-title{font-size:26px;font-weight:700;margin-bottom:20px}.modal-body{margin-top:20px}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.modal-close{background:#fff;border:1px solid #aaa;border-radius:25px;cursor:pointer;font-size:16px;padding:14px 30px}.modal-close:hover{background:#f0f0f0}@media (max-width:768px){.rounds-section{padding:20px}.nav-btn{flex:1 1 140px}}.smg-navbar{align-items:center;background-color:#d9d9d9;display:flex;height:83px;justify-content:space-between;margin-bottom:25px;padding:0 27px}.navbar-left,.navbar-right{flex-shrink:0}.navbar-logo{height:65px;object-fit:contain;width:65px}.navbar-center{display:flex;flex:1 1;gap:25px;justify-content:center}.back-btn{background-color:#003594;color:#fff}.back-btn:hover{background-color:#002a6d}.form-wrapper{display:flex;justify-content:center;margin-top:10px;width:100%}.form-card{max-width:560px;width:100%}.form-title{color:#444;font-size:24px;margin-bottom:10px;text-align:center}.section-header .btn-group:empty,.section-header:only-child{justify-content:center}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}body{color:#444;margin:0;padding:0}.nav-bar{align-items:center;background-color:#d9d9d9;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;padding:0 27px}.nav-right-group,.top-nav{display:flex;gap:20px}.nav-logo{height:auto;width:70px}.nav-btn{background:none;border:none;border-radius:4px;color:#444;cursor:pointer;font-size:16px;font-weight:700;padding:8px 16px;transition:background-color .3s}.nav-btn:hover{background-color:#f0f0f0}.volunteer-dashboard-container{box-sizing:border-box;display:flex;flex-direction:row;gap:20px;min-height:calc(100vh - 60px);padding:30px 60px}.volunteer-left-panel{display:flex;flex:1 1;flex-direction:column;gap:30px}.vertical-line{background-color:#888;margin:0 20px;width:2px}.volunteer-left-panel h2{color:#333;font-size:20px;margin:0 0 5px}.orders-cards,.rounds-cards{display:flex;flex-wrap:wrap;gap:20px}.round-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 4px #0000001a;height:200px;padding:16px;width:240px}.round-card h3{color:#333;font-size:16px;margin:0 0 8px}.open-view-btn{background-color:#003e7e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:0;padding:8px}.open-view-btn:hover{background-color:#002d5e}.order-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 4px #0000001a;padding:16px;position:relative;width:220px}.order-card h3{font-size:16px;margin:0 0 6px}.order-card p{margin:4px 0}.completed-badge{background-color:#009e2c;border-radius:4px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:8px;top:8px}.volunteer-right-panel{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.volunteer-right-panel h2{font-size:18px;margin-top:0;text-align:center}.volunteer-right-panel .react-calendar{background-color:#fff;border:none;border-radius:16px;box-shadow:0 2px 4px #0000001a;height:440px;padding:16px;width:440px}.highlight-day{background-color:#f78702!important;border-radius:50%;color:#fff!important}.fullview-modal,.rounds-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.fullview-modal-content,.rounds-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 6px 12px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px 30px;width:90%}.round-detail{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.round-detail h4{color:#333;margin:0 0 6px}.cancel-signup-btn,.close-modal-btn{background-color:#ccc;border:none;border-radius:20px;color:#000;cursor:pointer;display:inline-block;font-weight:700;margin-top:20px;padding:10px 16px}.cancel-signup-btn:hover,.close-modal-btn:hover{background-color:#999}.error-text{color:red;font-size:14px}@media (max-width:768px){.volunteer-dashboard-container{flex-direction:column;padding:20px}.vertical-line{display:none}.volunteer-right-panel .react-calendar{height:auto;width:100%}}.page-container,body{background-color:#c8c9c7}.page-container{overflow-x:hidden;position:relative}.site-header{background-color:#d9d9d9;height:83px}.header-content{margin-top:auto}.site-title{letter-spacing:.1px;line-height:20px}.header-right{gap:30px}.header-right,.main-nav{align-items:center;display:flex}.nav-list{display:flex;gap:30px;list-style:none}.nav-item{position:relative}.nav-link{background:none;border:none;color:#444;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:5px 0;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#000}.nav-link:after{background-color:#444;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px}.menu-bar{background-color:#444;display:block;height:3px;transition:all .3s ease;width:25px}.main-content{overflow-y:auto;padding:40px 20px;width:100%}.content-wrapper{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px}.feature-article{background-color:#d1dae2;box-shadow:0 4px 4px #00000040;overflow:hidden}.feature-article,.feature-image{border-radius:25px;max-width:100%;width:100%}.feature-image{display:block;height:auto;margin:30px auto 0;object-fit:contain;padding:0 15px}.article-content{background-color:#efefef;border-radius:25px;margin:22px 44px;padding:20px}.article-title{color:#444;font-weight:600;margin-bottom:19px;text-align:center}.article-text,.article-title{font-size:13px;letter-spacing:.2px;line-height:20px}.article-text{color:#5a5a5a;font-weight:400}.content-blocks{display:flex;flex:1 1 732px;flex-direction:column;gap:90px;max-width:100%}.content-block{align-items:center;flex-direction:column;gap:15px;height:auto}.beige-block{background-color:#decda7}.blue-block{background-color:#d1dae2}.block-image{border-radius:25px;height:auto;max-width:207px;object-fit:cover;width:100%}.block-content{background-color:#efefef;border-radius:25px;min-width:250px;padding:24px}.block-title{color:#444;margin-bottom:10px}.block-text,.block-title{font-size:13px;letter-spacing:.2px;line-height:20px}.block-text{color:#5a5a5a;font-weight:400}@media (max-width:1200px){.content-wrapper{align-items:center;flex-direction:column}.content-blocks,.feature-article{max-width:732px;width:100%}}@media (min-width:768px){.main-content{padding:60px 40px}.content-wrapper{flex-wrap:wrap}.content-block,.content-wrapper{flex-direction:row}}@media (max-width:850px){.header-right,.nav-list{gap:15px}}@media (max-width:767px){.nav-active+.main-content{padding-top:250px}.article-title{font-size:16px}.article-text{font-size:14px}}@media (max-width:768px){.mobile-menu-toggle{display:flex;z-index:102}.nav-list{background-color:#d9d9d9;box-shadow:0 4px 8px #0000001a;flex-direction:column;left:0;opacity:0;padding:20px;position:absolute;right:0;top:83px;transform:scaleY(0);transform-origin:top;transition:transform .3s ease;z-index:101}.nav-active{opacity:1;transform:scaleY(1)}.nav-item{margin:10px 0;width:100%}.nav-link{display:block;padding:10px 0;text-align:left;width:100%}.nav-link:after{display:none}}@media (max-width:640px){.logo-container{gap:20px}.site-title{font-size:24px}.main-content{padding:40px 20px}.article-content{margin:22px 20px}.feature-image{height:auto}.content-block{flex-direction:column;padding:20px}.block-image{height:auto;max-height:207px;max-width:207px;width:100%}}@media (max-width:480px){.site-header{height:auto;padding:15px}.logo{height:45px;width:45px}.site-title{font-size:20px}}.cargo-input{min-width:140px}.cargo-button{flex-shrink:0}.orders-card{background-color:#d1dae2;border-radius:20px;box-shadow:0 3px 6px #00000026;padding:30px}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.orders-title{color:#333;font-size:28px;font-weight:700}.orders-filterGroup{margin-bottom:20px;text-align:center}.filter-btn{margin:0 8px}.filter-btn.active{box-shadow:inset 0 0 0 2px #333}.orders-error{color:#f5222d;font-weight:700;margin-bottom:15px;text-align:center}.table-scroll{max-height:500px}.orders-table{background-color:#f9f9f9;border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border:1px solid #ccc;font-size:14px;padding:12px 14px;text-align:left}.orders-table th{background-color:#edf1f5;font-weight:600}.status.pending{background-color:#f4b942;color:#333}.status.processing{background-color:#2ecc71}.status.cancelled{background-color:#c0392b}.cancel-btn{background-color:#ff4d4f;border-radius:6px;color:#fff;padding:6px 12px}.cancel-btn:hover{background-color:#d9363e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.page-container{background:#c8c9c7;min-height:100vh;width:100%}.site-header{background:#d9d9d9;height:65px;padding:0 27px}.header-content,.site-header{align-items:center;display:flex;width:100%}.header-content{justify-content:space-between}.logo-container{align-items:center;display:flex;gap:82px}.logo{height:65px;width:65px}.site-title{color:#444;font-size:36px;font-weight:400}.manage-btn{background:#decda7;border:none;border-radius:20px;box-shadow:2px 2px 5px #00000026;color:#333;cursor:pointer;font-size:16px;padding:10px 20px}.main-content{padding:40px 60px}.cargo-container{background:#fff;border-radius:12px;box-shadow:0 3px 6px #0000001a;padding:30px}.cargo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cargo-title{color:#333;font-size:28px;font-weight:700}.cargo-card{background:#d1dae2;border-radius:20px;box-shadow:0 3px 6px #00000026;padding:30px}.table-title{color:#333;font-size:20px;font-weight:700;margin-bottom:15px}.table-scroll{max-height:550px}.table-scroll thead th{background:#edf1f5}.cargo-table{background:#f9f9f9;border-collapse:collapse;width:100%}.cargo-table td,.cargo-table th{border:1px solid #ccc;font-size:14px;padding:12px 14px;text-align:left}.cargo-table th{background:#edf1f5}.status{border-radius:999px;color:#fff;display:inline-block;font-size:13px;font-weight:700;min-width:55px;padding:5px 12px;text-align:center}.status.fine{background:#2ecc71}.status.low{background:#f4b942;color:#333}.status.out{background:#c0392b}.cargo-error{font-weight:700}.drawer-container{display:flex;gap:20px;justify-content:center;margin:30px 0}.drawer-toggle{background:#decda7;border:none;border-radius:20px;box-shadow:2px 2px 5px #00000026;color:#333;cursor:pointer;font-size:16px;padding:10px 20px;width:180px}.drawer-toggle:hover{background:#c9b48f}.drawer-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.drawer-panel.open{max-height:800px}.content-block{border-radius:25px;box-shadow:0 4px 4px #00000040;display:flex;margin:30px 0;padding:20px;width:100%}.blue-block{background:#d1dae2}.beige-block{background:#decda7}.block-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.block-title{color:#333;font-size:20px;font-weight:600;margin-bottom:12px;width:100%}.cargo-input{border:1px solid #ccc;border-radius:6px;flex:1 1 180px;padding:8px 12px}.cargo-button{background:#52c41a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.cargo-button:hover{background:#49a31b}.cargo-small-btn{background:#f5222d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:4px 8px}.cargo-small-btn:hover{background:#cf1322}.cargo-error{color:#f5222d;margin-bottom:10px}.table-scroll{max-height:400px;overflow-y:auto}.table-scroll thead th{background-color:#edf1f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cargo-title{margin-bottom:20px}
/*# sourceMappingURL=main.19b75292.css.map*/