:root{color:#1f3023;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#a6cebe;width:100%;max-width:none;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.app-layout{justify-content:space-between;align-items:flex-start;width:100%;min-width:0;min-height:calc(100vh - 60px);display:flex}body{background-color:#a6cebe;width:100%;padding-bottom:30px}*{font-weight:500}.header{color:#fff;box-sizing:border-box;background-color:#1f3d2e;justify-content:flex-start;width:100%;min-width:100%;padding:10px;display:flex}.header-title{text-align:center;border-radius:5px;margin:0;padding:0 15px}.header-caption{text-align:end;flex:1;font-size:smaller}.sidebar{text-align:center;background-color:#fffef4;border-radius:5px 0 0 5px;flex-direction:column;flex:0 0 200px;height:auto;padding-bottom:30px;display:flex}.sidebar h2{color:#1f3d2e;text-decoration:underline}.sidebar-list a,.sidebar-list a:visited{color:#fff;text-decoration:none}.sidebar-list a:hover{color:#1f3d2e}.sidebar-list{justify-items:center;margin:0;padding-left:0}.sidebar-list li{color:#fff;background-color:#1f3d2e;border:2px solid #faf6d7;border-radius:5px;width:75%;padding:8px;list-style:none}.sidebar-list li:hover{background-color:#fff4c1}.orders-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.orders{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.all-orders{background-color:#faf9f0;border-radius:5px;width:100%}.all-orders h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-orders thead{background-color:#d0ecdc}.orders .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.orders .find-order{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.orders .find-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.orders .find-order button{height:25px}.orders .find-order p{text-align:center;margin:0}.orders .find-order .find-order-table{width:90%;padding-bottom:9px}.create-order-container{background-color:#faf9f0;border-radius:5px;width:100%}.create-order-container details{cursor:pointer;padding:0 0 15px 15px;font-weight:700}.create-order-container h3{text-align:center;margin-top:0;margin-bottom:6px;text-decoration:underline}.create-order{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;width:100%;padding-bottom:7px}.create-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.create-order p{text-align:center}.create-order form{flex-direction:column;align-items:center;gap:8px;padding:9px 5px 0 0;display:flex}.create-order button{height:25px;margin:14px 0}.update-order{background-color:#faf9f0;border-radius:5px;flex-direction:column;width:100%;display:flex}.update-order form{flex-flow:column wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin-top:0}.update-order p{text-align:center}.update-order button{height:27px;margin:10px 0}.find-product-user-container{flex-direction:row;display:flex}.find-product-user-container>*{width:100%}.orders .find-product{background-color:#faf9f0;flex-direction:column;align-items:center;margin-right:0;display:flex}.orders .find-product h2{border-radius:0}.orders .find-product button{height:25px}.orders .find-product p{margin:0}.orders-find-product-table{width:100%}.orders .find-user{background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;display:flex}.orders .find-user h2{border-radius:0}.orders .find-user button{height:25px}.orders .find-user p{margin:0}.orders-find-user-table{width:100%}.delete-order{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-order form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-order h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-order button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-order button:hover{background-color:#d43434}.dashboard{box-sizing:border-box;color:#1f3d2e;background-color:#a6cebe;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.dashboard-sections{text-align:center;background-color:#faf9f0;border-radius:5px;justify-items:center;width:100%}.dashboard-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px;padding-top:3px}.dashboard-header h2{text-align:center;margin:0}.dashboard-stats{gap:20px;display:flex}.stat-card p{background-color:#e1f5e6;border:1px solid #b9d8c7;border-radius:15px;padding:15px 0}.stat-card h3{color:#fff;background-color:#426e56;border-radius:5px;padding:5px 10px}section h2{text-align:center;color:#fff;background-color:#426e56;width:100%;height:40px;margin-top:0}section table{border-collapse:collapse;width:100%}section th,section td{white-space:nowrap;padding:6px 12px}section td{border:1px solid #b3dbbf}.recent-orders,.recent-notifications{width:100%}.no-data{text-align:center}.dashboard .recent-orders h2{height:45px;margin-bottom:0}.dashboard .recent-orders thead{background-color:#e1f5e6}.dashboard .recent-notifications h2{height:45px;margin-bottom:0}.dashboard .recent-notifications thead{background-color:#e1f5e6}.view-all-resource{text-align:center;color:#426e56;background-color:#ebf7ee;border:1px solid #c9e6d6;border-radius:5px;justify-self:center;width:fit-content;margin:10px 0;padding:10px}.view-all-resource a:visited{color:#2e5f44}.view-all-resource a:hover{color:#94683f}.payments{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.payments-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.all-payments{background-color:#faf9f0;border-radius:5px;width:100%}.all-payments h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-payments thead{background-color:#d0ecdc}.payments .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.find-payment{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.find-payment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.find-payment p{margin:0}.find-payment-table{width:100%}.create-payment{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;padding-bottom:7px}.create-payment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.create-payment form{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.payments .find-and-create{flex-direction:row;gap:10px;width:100%;display:flex}.payments .find-and-create>*{flex:1}.payments .find-order{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:0 0 10px;display:flex}.payments .find-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0}.update-payment{background-color:#faf9f0;border-radius:5px;flex-direction:column;width:100%;display:flex}.update-payment form{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-payment-row{flex-basis:100%;justify-content:center;padding-top:10px;display:flex}.update-payment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-payment{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-payment form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-payment h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-payment button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-payment button:hover{background-color:#d43434}.shipments{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.shipments-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.all-shipments{background-color:#faf9f0;border-radius:5px;width:100%}.all-shipments h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-shipments thead{background-color:#d0ecdc}.shipments .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.find-shipment{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.find-shipment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.find-shipment p{margin:0}.find-shipment-table{width:95%;margin-top:0;padding-bottom:9px}.shipments .create-shipment{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;padding-bottom:7px}.shipments .create-shipment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.shipments .create-shipment form{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.shipments .find-and-create{flex-direction:row;gap:10px;width:100%;display:flex}.shipments .find-and-create>*{flex:1}.shipments .find-order{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:0 0 10px;display:flex}.shipments .find-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0}.update-shipment{background-color:#faf9f0;border-radius:5px;flex-direction:column;width:100%;display:flex}.update-shipment form{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-shipment-row{flex-basis:100%;justify-content:center;padding-top:10px;display:flex}.update-shipment h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-shipment{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-shipment form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-shipment h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-shipment button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-shipment button:hover{background-color:#d43434}.notifications{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.notifications-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.all-notifications{background-color:#faf9f0;border-radius:5px;width:100%}.all-notifications h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-notifications thead{background-color:#d0ecdc}.notifications .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.find-notification{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.find-notification h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.find-notification p{margin:0}.find-notification-table{width:100%}.create-notification{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;padding-bottom:7px}.create-notification h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.create-notification form{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.notifications .find-and-create{flex-direction:row;gap:10px;width:100%;display:flex}.notifications .find-and-create>*{flex:1}.notifications .find-order{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:0 0 10px;display:flex}.notifications .find-order h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0}.update-notification{background-color:#faf9f0;border-radius:5px;flex-direction:column;width:100%;display:flex}.update-notification form{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-notification-row{flex-basis:100%;justify-content:center;padding-top:10px;display:flex}.update-notification h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-notification{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-notification form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-notification h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-notification button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-notification button:hover{background-color:#d43434}.products-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.products{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.all-products{background-color:#faf9f0;border-radius:5px;width:100%}.all-products h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-products thead{background-color:#d0ecdc}.products .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.find-product{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.find-product h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.find-product button{height:25px}.find-product p{margin:0}.find-product .find-product-table{width:95%;padding-bottom:9px}.products .create-product{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;width:100%;padding-bottom:7px}.products .create-product h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.products .create-product form{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.products .update-product-and-inventory{flex-direction:row;gap:10px;width:100%;display:flex}.products .update-product-and-inventory>*{flex:1}.update-product,.update-inventory{background-color:#faf9f0;border-radius:5px;flex-direction:column;width:100%;display:flex}.update-product h2,.update-inventory h2{border-radius:5px 5px 0 0}.update-product form,.update-inventory form{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-product-button,.update-inventory-button{text-align:center;flex-basis:100%}.update-product-button button,.update-inventory-button button{width:auto;padding:5px 10px}.delete-product{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-product form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-product h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-product button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-product button:hover{background-color:#d43434}.users-header{color:#fff;text-align:center;background-color:#093b1f;border-radius:5px;width:250px}.users{box-sizing:border-box;color:#1f3d2e;flex-direction:column;flex:2;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.all-users{background-color:#faf9f0;border-radius:5px;width:100%}.all-users h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.all-users thead{background-color:#d0ecdc}.users .pagination{justify-self:center;gap:10px;justify-items:space-around;margin:18px 0;display:flex}.find-user{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.find-user h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;width:100%;height:40px;margin:0 auto}.find-user button{height:25px}.find-user p{margin:0}.find-user .find-user-table{width:90%;padding-bottom:9px}.users .create-update-container{flex-direction:row;gap:10px;width:100%;display:flex}.users .create-update-container>*{width:100%}.create-user{box-sizing:border-box;background-color:#faf9f0;border-radius:5px;padding-bottom:7px}.create-user h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin:0}.create-user form{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.create-user button{height:25px;margin:10px 0}.update-user{background-color:#faf9f0;border-radius:5px;flex-direction:column;display:flex}.update-user h2{text-align:center;color:#fff;background-color:#426e56;border-radius:5px 5px 0 0;height:40px;margin-top:0}.update-user form{flex-flow:column wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.update-user button{height:27px;margin:10px 0}.delete-user{box-sizing:border-box;background-color:#ffefef;border-radius:5px;width:100%}.delete-user form{flex-direction:column;align-items:center;gap:10px;margin:20px;display:flex}.delete-user h2{text-align:center;color:#fff;background-color:#612020;border-radius:5px 5px 0 0;height:40px;margin-top:0}.delete-user button{color:#fff;background-color:#612020;border:none;border-radius:5px;height:40px;margin-bottom:0}.delete-user button:hover{background-color:#d43434}