.container{display:flex;margin-top:10px;position:relative}.link{color:inherit;text-decoration:none}@media screen and (max-width:1024px){.container{margin-top:5px}}@media screen and (max-width:768px){.container{flex-direction:column;margin-top:0}}.sidebar{background-color:#fbfbff;flex:1 1;height:calc(100vh - 50px);max-width:250px;min-width:250px;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:50px;transition:all .3s ease-in-out}.sidebar.closed{border:none;flex:0 1;max-width:0;min-width:0;padding:0}.sidebar.closed .sidebarWrapper{display:none}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#555}.sidebarWrapper{color:#555;padding:20px}.sidebar.closed .sidebarWrapper{padding:20px 10px}.sidebarMenu{margin-bottom:10px}.sidebarTitle{color:#bbbaba;font-size:13px;transition:all .3s}.sidebarList{list-style:none;padding:5px}.sidebarListItem{align-items:center;border-radius:10px;cursor:pointer;display:flex;padding:10px;transition:all .3s;white-space:nowrap}.sidebarListItem.active,.sidebarListItem:hover{background-color:#f0f0ff}.sidebarIcon{font-size:20px!important;margin-right:10px;transition:all .3s}.sidebar.closed .sidebarIcon{margin-right:0}@media screen and (max-width:1024px){.sidebar{max-width:200px;min-width:200px}.sidebar.closed{max-width:0;min-width:0}}@media screen and (max-width:768px){.sidebar{box-shadow:2px 0 10px rgba(0,0,0,.1);left:-250px;max-width:250px;position:fixed;z-index:998}.sidebar.open{left:0}.sidebar.closed{left:-250px;max-width:250px}.sidebarWrapper{padding:15px}.sidebarListItem{font-size:14px;padding:8px}.sidebarIcon{font-size:18px!important;margin-right:8px}}@media screen and (max-width:480px){.sidebarTitle{font-size:11px}.sidebarListItem{font-size:12px;padding:6px}}.topbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.topbarWrapper{height:100%;justify-content:space-between;padding:0 20px}.topLeft,.topbarWrapper{align-items:center;display:flex}.topLeft{gap:15px}.menuIcon{color:#555;cursor:pointer;transition:color .3s}.logo,.menuIcon:hover{color:brown}.logo{cursor:pointer;font-size:30px;font-weight:700;margin:0;transition:font-size .3s}.topRight{align-items:center;display:flex;gap:5px}.topbarIconContainer{border-radius:50%;color:#555;cursor:pointer;margin-right:10px;padding:8px;position:relative;transition:all .3s}.topbarIconContainer:hover{background-color:#f0f0f0}.topIconBadge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.topAvatar{border:2px solid #f0f0f0;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:all .3s;width:40px}.topAvatar:hover{border-color:brown}@media screen and (max-width:1024px){.logo{font-size:24px}.topbarWrapper{padding:0 15px}}@media screen and (max-width:768px){.logo{font-size:18px}.topbarWrapper{padding:0 10px}.topbarIconContainer{margin-right:5px;padding:6px}.topbarIconContainer svg{font-size:20px}.topAvatar{height:32px;width:32px}.topIconBadge{font-size:9px;height:14px;width:14px}}@media screen and (max-width:480px){.logo{font-size:16px}.logo sup{font-size:6px!important}.topbarIconContainer{margin-right:2px;padding:4px}.topbarIconContainer svg{font-size:18px}.topAvatar{height:28px;width:28px}}.chart{background:#fff;border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;overflow-x:auto;padding:20px}.chartTitle{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}@media screen and (max-width:1024px){.chart{margin:15px;padding:15px}.chartTitle{font-size:16px}}@media screen and (max-width:768px){.chart{margin:10px 0;padding:15px 10px}.chartTitle{font-size:14px;margin-bottom:15px}}@media screen and (max-width:480px){.chart{margin:10px 0;padding:10px 5px}.chartTitle{font-size:13px;margin-bottom:10px}}.analytics{flex:4 1;padding:20px}.analyticsTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.analyticsCharts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.analyticsInfo{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media screen and (max-width:1024px){.analytics{padding:15px}.analyticsTitle{font-size:24px}.analyticsCharts{grid-template-columns:1fr}.analyticsInfo{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media screen and (max-width:768px){.analytics{padding:10px}.analyticsTitle{font-size:20px;margin-bottom:15px}.analyticsCharts{gap:15px;margin-bottom:20px}.analyticsInfo{gap:15px;grid-template-columns:1fr}.analyticsCard{padding:15px}.analyticsValue{font-size:28px}}@media screen and (max-width:480px){.analytics{padding:10px}.analyticsTitle{font-size:18px}.analyticsValue{font-size:24px}.analyticsCard h3{font-size:12px}}.analyticsCard{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.analyticsCard h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.analyticsValue{color:#333;font-size:32px;font-weight:700}.analyticsRate{font-size:14px;font-weight:600}.analyticsRate.positive{color:#28a745}.analyticsRate.negative{color:#dc3545}.feedback{flex:4 1;padding:20px}.feedbackTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.feedbackStats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.feedbackStat{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.feedbackStat h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.feedbackValue{color:#333;font-size:28px;font-weight:700}.feedbackList{display:flex;flex-direction:column;gap:15px}.feedbackItem{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.feedbackItemHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.feedbackCustomerInfo{display:flex;flex-direction:column;gap:5px}.feedbackCustomer{color:#333;font-size:16px;font-weight:600}.feedbackProduct{color:#666;font-size:13px}.feedbackRating{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.feedbackStars{display:flex;gap:2px}.starFilled{color:#ffc107;font-size:18px}.starEmpty{color:#ddd;font-size:18px}.feedbackDate{color:#999;font-size:12px}.feedbackComment{color:#555;font-size:14px;line-height:1.6;margin:0}.featured{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.featuredItem{background:#fff;border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);cursor:pointer;flex:1 1;min-width:250px;padding:30px;transition:all .3s}.featuredItem:hover{box-shadow:0 5px 20px -5px rgba(0,0,0,.2);transform:translateY(-5px)}.featuredTitle{color:#666;font-size:20px;font-weight:500}.featuredMoneyContainer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.featuredMoney{color:#333;font-size:30px;font-weight:600}.featuredMoneyRate{align-items:center;display:flex;font-size:16px;font-weight:600}.featuredIcon{color:green;margin-left:5px}.featuredIcon.negative{color:red}.featuredSub{color:gray;font-size:15px}@media screen and (max-width:1024px){.featured{gap:15px}.featuredItem{min-width:220px;padding:25px}.featuredMoney{font-size:26px}.featuredTitle{font-size:18px}}@media screen and (max-width:768px){.featured{flex-direction:column;gap:15px}.featuredItem{min-width:auto;padding:20px}.featuredMoney{font-size:24px}.featuredTitle{font-size:16px}.featuredMoneyRate{font-size:14px}.featuredSub{font-size:13px}}@media screen and (max-width:480px){.featuredItem{padding:15px}.featuredMoney{font-size:22px}.featuredTitle{font-size:14px}.featuredSub{font-size:12px}}.widgetLg{background:#fff;border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:2 1;padding:20px}.widgetLgTitle{font-size:22px;font-weight:600;margin-bottom:20px}.widgetLgTable{border-collapse:initial;border-spacing:0;width:100%}.widgetLgTr{border-bottom:1px solid #f0f0f0}.widgetLgTh{border-bottom:2px solid #f0f0f0;color:#666;font-size:14px;font-weight:600;padding:15px 10px;text-align:left;text-transform:uppercase}.widgetLgTable tbody tr{transition:background .2s}.widgetLgTable tbody tr:hover{background:#f8f9fa}.widgetLgTable tbody td{padding:15px 10px}.widgetLgUser{align-items:center;display:flex;font-weight:600}.widgetLgImg{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.widgetLgAmount,.widgetLgDate{color:#666;font-weight:300}.Approved{background-color:#e5faf2;border:none;border-radius:10px;color:#3bb077;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.Approved:hover{background-color:#d0f5e4}.Declined{background-color:#fff0f1;border:none;border-radius:10px;color:#d95087;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.Declined:hover{background-color:#ffe0e3}.Pending{background-color:#ebf1fe;border:none;border-radius:10px;color:#2a7ade;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.Pending:hover{background-color:#d6e5fd}@media screen and (max-width:1024px){.widgetLg{padding:15px}.widgetLgTitle{font-size:20px}.widgetLgImg{height:35px;width:35px}}@media screen and (max-width:768px){.widgetLg{overflow-x:auto;padding:15px}.widgetLgTitle{font-size:18px;margin-bottom:15px}.widgetLgTable{min-width:600px}.widgetLgTable tbody td,.widgetLgTh{padding:10px 8px}.widgetLgImg{height:32px;margin-right:8px;width:32px}.widgetLgUser{font-size:14px}.widgetLgAmount,.widgetLgDate{font-size:13px}.Approved,.Declined,.Pending{font-size:11px;padding:5px 10px}}@media screen and (max-width:480px){.widgetLgTitle{font-size:16px}.widgetLgTable{min-width:550px}.widgetLgTh{font-size:12px}.widgetLgUser{font-size:13px}.widgetLgImg{height:28px;width:28px}}.widgetSm{background:#fff;border-radius:10px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;margin-right:20px;padding:20px}.widgetSmTitle{font-size:22px;font-weight:600;margin-bottom:20px}.widgetSmImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.widgetSmList{list-style:none;margin:0;padding:0}.widgetSmListItem{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:20px 0}.widgetSmUser{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.widgetSmUsername{font-size:14px;font-weight:600}.widgetSmUserTitle{color:#666;font-size:12px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widgetSmButton{align-items:center;background-color:#eeeef7;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:13px;padding:7px 10px;transition:all .3s}.widgetSmButton:hover{background-color:#dddde7}.widgetSmIcon{font-size:16px!important;margin-right:5px}@media screen and (max-width:1024px){.widgetSm{margin-right:15px;padding:15px}.widgetSmTitle{font-size:20px}.widgetSmImg{height:35px;width:35px}}@media screen and (max-width:768px){.widgetSm{margin-bottom:20px;margin-right:0;padding:15px}.widgetSmTitle{font-size:18px;margin-bottom:15px}.widgetSmListItem{flex-wrap:wrap;margin:15px 0}.widgetSmImg{height:35px;width:35px}.widgetSmButton{justify-content:center;margin-top:8px;width:100%}}@media screen and (max-width:480px){.widgetSmTitle{font-size:16px}.widgetSmUsername{font-size:13px}.widgetSmUserTitle{font-size:11px}.widgetSmImg{height:30px;width:30px}}.home{flex:4 1;overflow-x:hidden;padding:20px}.homeWidgets{display:flex;gap:0;margin:20px 0}@media screen and (max-width:1024px){.home{padding:15px}.homeWidgets{margin:15px 0}}@media screen and (max-width:768px){.home{flex:1 1;padding:10px}.homeWidgets{flex-direction:column;margin:10px 0}}@media screen and (max-width:480px){.home{padding:5px}}.mail{flex:4 1;padding:20px}.mailHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mailTitle{color:#333;font-size:28px;font-weight:600}.mailComposeBtn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background .3s}.mailComposeBtn:hover{background:#0056b3}.mailIcon{font-size:20px}.mailStats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.mailStat{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:15px}.mailStatLabel{color:#666;font-size:14px;font-weight:500}.mailStatValue{color:#333;font-size:24px;font-weight:700}.mailList{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.mailItem{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:15px;padding:20px;transition:background .2s}.mailItem:hover{background:#f8f9fa}.mailItem.unread{background:#f0f7ff}.mailItemActions{flex-shrink:0}.starIcon{color:#ccc;cursor:pointer;transition:color .2s}.starIcon.starred,.starIcon:hover{color:#ffc107}.mailItemContent{flex:1 1}.mailItemHeader{display:flex;justify-content:space-between;margin-bottom:8px}.mailItemSender{color:#333;font-size:14px;font-weight:600}.mailItemTime{color:#999;font-size:12px}.mailItemSubject{color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.mailItemPreview{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailItemButtons{display:flex;flex-shrink:0;gap:10px}.mailItemBtn{align-items:center;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;padding:8px;transition:background .2s}.mailItemBtn:hover{background:#e9ecef}@media screen and (max-width:1024px){.mail{padding:15px}.mailTitle{font-size:24px}.mailStats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media screen and (max-width:768px){.mail{padding:10px}.mailHeader{align-items:flex-start;flex-direction:column;gap:15px}.mailTitle{font-size:20px}.mailStats{gap:10px;grid-template-columns:repeat(2,1fr)}.mailStat{padding:12px}.mailItem{flex-direction:column;gap:10px;padding:15px}.mailItemButtons{justify-content:flex-start;width:100%}.mailItemPreview{white-space:normal}}@media screen and (max-width:480px){.mail{padding:10px}.mailTitle{font-size:18px}.mailComposeBtn{font-size:13px;padding:10px 16px}.mailStats{grid-template-columns:1fr}.mailStatValue{font-size:20px}}.messages{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex:4 1;height:calc(100vh - 60px);margin:20px;overflow:hidden}.messagesSidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:320px}.messagesTitle{border-bottom:1px solid #e0e0e0;color:#333;font-size:20px;font-weight:600;padding:20px}.conversationsList{flex:1 1;overflow-y:auto}.conversationItem{border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:12px;padding:15px;transition:background .2s}.conversationItem.active,.conversationItem:hover{background:#fff}.conversationAvatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.conversationInfo{flex:1 1;overflow:hidden}.conversationHeader{display:flex;justify-content:space-between;margin-bottom:5px}.conversationUser{color:#333;font-size:14px;font-weight:600}.conversationTime{color:#999;font-size:12px}.conversationLastMessage{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationUnread{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.messagesMain{display:flex;flex:1 1;flex-direction:column}.messagesHeader{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:20px}.messagesHeaderAvatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.messagesHeaderName{color:#333;font-size:16px;font-weight:600}.messagesContent{flex:1 1;gap:15px;overflow-y:auto;padding:20px}.message,.messagesContent{display:flex;flex-direction:column}.message{align-items:flex-start;max-width:60%}.message.own{align-items:flex-end;align-self:flex-end}.messageText{word-wrap:break-word;background:#e9ecef;border-radius:16px;color:#333;font-size:14px;padding:12px 16px}.message.own .messageText{background:#007bff;color:#fff}.messageTime{color:#999;font-size:11px;margin-top:4px}.messagesInput{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px}.messageInputField{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border .2s}.messageInputField:focus{border-color:#007bff}.messageSendBtn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .3s;width:44px}.messageSendBtn:hover{background:#0056b3}@media screen and (max-width:1024px){.messages{margin:15px}.messagesSidebar{width:280px}.message{max-width:70%}}@media screen and (max-width:768px){.messages{flex-direction:column;height:auto;margin:10px;min-height:calc(100vh - 80px)}.messagesSidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px;width:100%}.messagesMain{min-height:400px}.message{max-width:80%}.messagesInput{padding:15px}}@media screen and (max-width:480px){.messages{margin:5px}.messagesTitle{font-size:18px;padding:15px}.conversationItem{padding:12px}.conversationAvatar{height:40px;width:40px}.messagesHeaderAvatar{height:35px;width:35px}.messagesHeaderName{font-size:14px}.message{max-width:90%}.messageText{font-size:13px;padding:10px 14px}.messagesInput{padding:12px}.messageInputField{font-size:13px;padding:10px 14px}.messageSendBtn{height:40px;width:40px}}.newProduct{flex:4 1;padding:20px}.addProductTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.addProductForm{margin-top:10px}.addProductItem{display:flex;flex-direction:column;margin-bottom:10px;width:250px}.addProductItem>label{color:gray;font-weight:600;margin-bottom:10px}.addProductItem>input{border:1px solid #ddd;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 15px;transition:all .3s}.addProductItem>input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.addProductItem>select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;height:40px;outline:none;padding:10px 15px;transition:all .3s}.addProductItem>select:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.addProductButton{background-color:#00008b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:7px 10px}@media screen and (max-width:768px){.newProduct{flex:1 1;padding:10px}.addProductButton,.addProductItem{width:100%}}@media screen and (max-width:480px){.newProduct{padding:5px}.addProductForm{margin-top:5px}.addProductItem{margin-bottom:5px}}.newUser{flex:4 1;padding:20px}.newUserTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.newUserForm{display:flex;flex-wrap:wrap}.newUserItem{display:flex;flex-direction:column;margin-right:20px;margin-top:10px;width:400px}.newUserItem>label{color:#979696;font-size:14px;font-weight:600;margin-bottom:10px}.newUserItem>input{border:1px solid #ddd;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 15px;transition:all .3s}.newUserItem>input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.newUserGender>input{accent-color:#007bff;cursor:pointer;height:18px;margin-top:15px;width:18px}.newUserGender>label{color:#555;font-size:18px;margin:10px}.newUserSelect{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;height:40px;outline:none;padding:0 15px;transition:all .3s}.newUserSelect:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.newUserButton{background-color:#00008b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:30px;padding:7px 10px;width:200px}@media screen and (max-width:768px){.newUser{flex:1 1;padding:10px}.newUserItem{margin-right:0;width:100%}.newUserButton{width:100%}}@media screen and (max-width:480px){.newUser{padding:5px}.newUserItem{margin-top:5px}.newUserGender>label{font-size:16px}}.product{flex:4 1;padding:20px}.productTitleContainer{align-items:center;display:flex;justify-content:space-between}.productAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.productTop{display:flex}.productTopLeft,.productTopRight{flex:1 1}.productTopRight{box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.productInfoImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.productInfoTop{align-items:center;display:flex}.productName{font-weight:600}.productInfoBottom{margin-top:10px}.productInfoItem{display:flex;justify-content:space-between;width:150px}.productInfoValue{font-weight:300}.productBottom{box-shadow:0 0 15px -10px rgba(0,0,0,.75);margin:20px;padding:20px}.productForm{display:flex;justify-content:space-between}.productFormLeft{display:flex;flex-direction:column}.productFormLeft>label{color:gray;margin-bottom:10px}.productFormLeft>input{border:1px solid #ddd;border-radius:8px;font-size:14px;height:40px;margin-bottom:15px;outline:none;padding:10px 15px;transition:all .3s}.productFormLeft>input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.productFormLeft>select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;height:40px;margin-bottom:15px;outline:none;padding:10px 15px;transition:all .3s}.productFormLeft>select:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.productUploadImg{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.productFormRight{display:flex;flex-direction:column;justify-content:space-around}.productUpload{align-items:center;display:flex}.productButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px}@media screen and (max-width:1024px){.productTop{flex-direction:column}.productTopRight{margin:10px 0}.productForm{flex-direction:column}.productFormRight{margin-top:20px}}@media screen and (max-width:768px){.product{flex:1 1;padding:10px}.productTitleContainer{align-items:flex-start;flex-direction:column;gap:10px}.productBottom,.productTop{margin:10px 0;padding:15px}.productInfoItem{width:100%}.productUploadImg{height:80px;width:80px}}@media screen and (max-width:480px){.product{padding:5px}.productBottom,.productTop{padding:10px}.productInfoImg{height:35px;width:35px}.productName{font-size:14px}.productUploadImg{height:60px;width:60px}}.productList{flex:4 1;overflow-x:hidden;padding:20px}@media screen and (max-width:1024px){.productList{padding:15px}}@media screen and (max-width:768px){.productList{padding:10px}}.productListItem{align-items:center;display:flex}.productListImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.productListEdit{align-items:center;color:#007bff;cursor:pointer;display:inline-flex;font-size:20px;margin-right:10px;transition:color .2s}.productListEdit:hover{color:#0056b3}.productListDelete{align-items:center;color:#dc3545;cursor:pointer;display:inline-flex;font-size:20px;transition:color .2s}.productListDelete:hover{color:#c82333}@media screen and (max-width:768px){.productList{flex:1 1;margin:10px}}.reports{flex:4 1;padding:20px}.reportsTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.reportsActions{margin-bottom:30px}.reportsButton{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background .3s}.reportsButton:hover{background:#0056b3}.reportsIcon{font-size:20px}.reportsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reportCard{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.reportCard:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.reportCardHeader{align-items:center;display:flex;justify-content:space-between}.reportCardIcon{color:#007bff;font-size:32px}.reportType{background:#e7f3ff;border-radius:12px;color:#007bff;font-size:12px;font-weight:600;padding:4px 12px}.reportCardTitle{color:#333;font-size:18px;font-weight:600;margin:0}.reportCardDescription{color:#666;font-size:14px;line-height:1.5;margin:0}.reportCardFooter{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:10px}.reportDate,.reportSize{color:#999;font-size:12px}.reportDownload{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:10px;padding:8px 16px;transition:background .3s}.reportDownload:hover{background:#218838}.downloadIcon{font-size:18px}.sales{flex:4 1;padding:20px}.salesTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.salesTop{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.salesCard{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.salesCard h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.salesValue{color:#333;font-size:32px;font-weight:700}.salesRate{font-size:14px;font-weight:600}.salesRate.positive{color:#28a745}.salesRate.negative{color:#dc3545}.salesBottom{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-top:30px;overflow-x:auto;padding:20px}.salesSubtitle{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.salesTable{border-collapse:collapse;min-width:600px;width:100%}.salesTable th{border-bottom:2px solid #f0f0f0;color:#666;font-size:14px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.salesTable td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.salesTable td.positive{color:#28a745;font-weight:600}@media screen and (max-width:1024px){.sales{padding:15px}.salesTitle{font-size:24px}.salesSubtitle{font-size:18px}}@media screen and (max-width:768px){.sales{padding:10px}.salesTitle{font-size:20px;margin-bottom:15px}.salesTop{gap:15px;margin-bottom:20px}.salesCard{padding:15px}.salesValue{font-size:24px}.salesBottom{margin-top:20px;padding:15px}.salesSubtitle{font-size:16px;margin-bottom:15px}.salesTable{min-width:550px}.salesTable td,.salesTable th{font-size:13px;padding:10px}}.staff{flex:4 1;padding:20px}.staffHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.staffTitle{color:#333;font-size:28px;font-weight:600}.staffAddButton{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .3s}.staffAddButton:hover{background:#0056b3}.staffStats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.staffStat{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.staffStat h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.staffStatValue{color:#333;font-size:28px;font-weight:700}.staffTableWrapper{overflow-x:auto}.staffTable{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:900px;overflow:hidden;width:100%}.staffTable th{background:#f8f9fa;color:#666;font-size:14px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.staffTable td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.staffUser{align-items:center;display:flex;gap:10px}.staffAvatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.staffStatus{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.staffStatus.active{background:#d4edda;color:#155724}.staffStatus.inactive{background:#f8d7da;color:#721c24}.staffActions{display:flex;gap:10px}.staffDeleteIcon,.staffEditIcon{cursor:pointer;font-size:20px;transition:color .2s}.staffEditIcon{color:#007bff}.staffEditIcon:hover{color:#0056b3}.staffDeleteIcon{color:#dc3545}.staffDeleteIcon:hover{color:#c82333}@media screen and (max-width:1024px){.staff{padding:15px}.staffTitle{font-size:24px}.staffTable{min-width:800px}}@media screen and (max-width:768px){.staff{padding:10px}.staffHeader{align-items:flex-start;flex-direction:column;gap:15px}.staffTitle{font-size:20px}.staffAddButton{justify-content:center;width:100%}.staffStats{gap:15px;margin-bottom:20px}.staffStat{padding:15px}.staffStatValue{font-size:24px}.staffTable{min-width:750px}.staffTable td,.staffTable th{font-size:13px;padding:10px}.staffAvatar{height:32px;width:32px}}@media screen and (max-width:480px){.staff{padding:5px}.staffTitle{font-size:18px}.staffStats{grid-template-columns:1fr}.staffStat{padding:12px}.staffStatValue{font-size:20px}.staffTable td,.staffTable th{font-size:12px;padding:8px}.staffAvatar{height:28px;width:28px}.staffDeleteIcon,.staffEditIcon{font-size:18px}}.staffAnalytics{flex:4 1;padding:20px}.staffAnalyticsTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.staffAnalyticsMetrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.staffMetricCard{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.staffMetricCard h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.staffMetricValue{color:#333;font-size:32px;font-weight:700}.staffMetricChange{font-size:14px;font-weight:600}.staffMetricChange.positive{color:#28a745}.staffMetricChange.negative{color:#dc3545}.staffAnalyticsCharts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.staffAnalyticsCharts>div{overflow-x:auto}@media screen and (max-width:1024px){.staffAnalytics{padding:15px}.staffAnalyticsTitle{font-size:24px}.staffAnalyticsCharts{grid-template-columns:1fr}.staffAnalyticsMetrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media screen and (max-width:768px){.staffAnalytics{padding:10px}.staffAnalyticsTitle{font-size:20px;margin-bottom:15px}.staffAnalyticsMetrics{gap:15px;grid-template-columns:repeat(2,1fr)}.staffMetricCard{padding:15px}.staffMetricValue{font-size:28px}.staffAnalyticsCharts{gap:15px}}@media screen and (max-width:480px){.staffAnalytics{padding:10px}.staffAnalyticsTitle{font-size:18px}.staffAnalyticsMetrics{grid-template-columns:1fr}.staffMetricValue{font-size:24px}.staffMetricCard h3{font-size:12px}}.staffDetail{flex:4 1;padding:20px}.staffDetailTitleContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.staffDetailTitle{color:#333;font-size:28px;font-weight:600}.staffDetailContainer{display:flex;gap:20px}.staffDetailShow{flex:1 1}.staffDetailShow,.staffDetailUpdate{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px}.staffDetailUpdate{flex:2 1}.staffDetailShowTop{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding-bottom:20px}.staffDetailShowImg{border-radius:50%;height:60px;object-fit:cover;width:60px}.staffDetailShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.staffDetailShowUsername{color:#333;font-size:18px;font-weight:600}.staffDetailShowUserTitle{color:#666;font-size:14px;font-weight:400;margin-top:5px}.staffDetailShowBottom{margin-top:20px}.staffDetailShowTitle{color:#999;display:block;font-size:14px;font-weight:600;margin-bottom:15px;margin-top:20px;text-transform:uppercase}.staffDetailShowTitle:first-child{margin-top:0}.staffDetailShowInfo{align-items:center;color:#444;display:flex;margin:15px 0}.staffDetailShowIcon{color:#666;font-size:18px!important}.staffDetailShowInfoTitle{font-size:14px;margin-left:12px}.staffDetailUpdateTitle{color:#333;display:block;font-size:20px;font-weight:600;margin-bottom:20px}.staffDetailUpdateForm{display:flex;gap:30px;justify-content:space-between}.staffDetailUpdateLeft{flex:1 1}.staffDetailUpdateItem{display:flex;flex-direction:column;margin-bottom:20px}.staffDetailUpdateItem>label{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.staffDetailUpdateInput{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 15px;transition:all .3s;width:100%}.staffDetailUpdateInput:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}select.staffDetailUpdateInput{cursor:pointer}.staffDetailUpdateRight{justify-content:space-between;min-width:200px}.staffDetailUpdateRight,.staffDetailUpdateUpload{align-items:center;display:flex;flex-direction:column}.staffDetailUpdateUpload{gap:15px}.staffDetailUpdateImg{border-radius:10px;height:120px;object-fit:cover;width:120px}.staffDetailUpdateIcon{color:#007bff;cursor:pointer;font-size:28px!important;transition:color .3s}.staffDetailUpdateIcon:hover{color:#0056b3}.staffDetailUpdateButton{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background .3s;width:100%}.staffDetailUpdateButton:hover{background-color:#0056b3}@media screen and (max-width:1024px){.staffDetail{padding:15px}.staffDetailContainer{flex-direction:column}.staffDetailTitle{font-size:24px}}@media screen and (max-width:768px){.staffDetail{padding:10px}.staffDetailTitle{font-size:20px}.staffDetailShow,.staffDetailUpdate{padding:15px}.staffDetailUpdateForm{flex-direction:column;gap:20px}.staffDetailUpdateRight{width:100%}.staffDetailUpdateImg{height:100px;width:100px}}@media screen and (max-width:480px){.staffDetail{padding:5px}.staffDetailTitle{font-size:18px}.staffDetailShow,.staffDetailUpdate{padding:10px}.staffDetailShowImg{height:50px;width:50px}.staffDetailShowUsername{font-size:16px}.staffDetailUpdateImg{height:80px;width:80px}}.staffReports{flex:4 1;padding:20px}.staffReportsHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.staffReportsTitle{color:#333;font-size:28px;font-weight:600}.staffReportsGenerate{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background .3s}.staffReportsGenerate:hover{background:#0056b3}.staffReportsIcon{font-size:20px}.staffReportsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.staffReportCard{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.staffReportCard:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.staffReportHeader{align-items:center;display:flex;justify-content:space-between}.staffReportIcon{color:#007bff;font-size:32px}.staffReportDept{background:#e7f3ff;border-radius:12px;color:#007bff;font-size:12px;font-weight:600;padding:4px 12px}.staffReportTitle{color:#333;font-size:18px;font-weight:600;margin:0}.staffReportDescription{color:#666;font-size:14px;line-height:1.5;margin:0}.staffReportFooter{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:10px}.staffReportInfo{display:flex;gap:15px}.staffReportDate,.staffReportSize{color:#999;font-size:12px}.staffReportDownload{align-items:center;background:#28a745;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .3s;width:36px}.staffReportDownload:hover{background:#218838}.transactions{flex:4 1;padding:20px}.transactionsTitle{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.transactionsStats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.transactionsStat{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.transactionsStat h3{color:#666;font-size:14px;font-weight:500;text-transform:uppercase}.transactionsValue{color:#333;font-size:28px;font-weight:700}.transactionsTableWrapper{overflow-x:auto}.transactionsTable{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:800px;overflow:hidden;width:100%}.transactionsTable th{background:#f8f9fa;color:#666;font-size:14px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.transactionsTable td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.transactionStatus{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.transactionStatus.completed{background:#d4edda;color:#155724}.transactionStatus.pending{background:#fff3cd;color:#856404}.transactionStatus.failed{background:#f8d7da;color:#721c24}@media screen and (max-width:1024px){.transactions{padding:15px}.transactionsTitle{font-size:24px}}@media screen and (max-width:768px){.transactions{padding:10px}.transactionsTitle{font-size:20px;margin-bottom:15px}.transactionsStats{gap:15px;margin-bottom:20px}.transactionsStat{padding:15px}.transactionsValue{font-size:24px}.transactionsTable{min-width:700px}.transactionsTable td,.transactionsTable th{font-size:13px;padding:10px}}.user{flex:4 1;padding:20px}.userTitleContainer{align-items:center;display:flex;justify-content:space-between}.userAddButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px;width:80px}.userContainer{display:flex;margin-top:20px}.userShow{flex:1 1}.userShow,.userUpdate{box-shadow:0 0 15px -10px rgba(0,0,0,.75);padding:20px}.userUpdate{flex:2 1;margin-left:20px}.userShowTop{align-items:center;display:flex}.userShowImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.userShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.userShowUsername{font-weight:600}.userShowUserTitle{font-weight:300}.userShowBottom{margin-top:20px}.userShowTitle{color:#afaaaa;font-size:14px;font-weight:600}.userShowInfo{align-items:center;color:#444;display:flex;margin:20px 0}.userShowIcon{font-size:16px!important}.userShowInfoTitle{margin-left:10px}.userUpdateTitle{font-size:24px;font-weight:600}.userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{font-size:14px;margin-bottom:5px}.userUpdateInput{border:1px solid #ddd;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 15px;transition:all .3s;width:250px}.userUpdateInput:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{align-items:center;display:flex}.userUpdateImg{border-radius:10px;height:100px;margin-right:20px;object-fit:cover;width:100px}.userUpdateIcon{cursor:pointer}.userUpdateButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px}@media screen and (max-width:1024px){.userContainer{flex-direction:column}.userUpdate{margin-left:0;margin-top:20px}}@media screen and (max-width:768px){.user{flex:1 1;padding:10px}.userTitleContainer{align-items:flex-start;flex-direction:column;gap:10px}.userShow,.userUpdate{padding:15px}.userUpdateForm{flex-direction:column}.userUpdateInput{width:100%}.userUpdateImg{height:80px;width:80px}}@media screen and (max-width:480px){.user{padding:5px}.userShow,.userUpdate{padding:10px}.userShowImg{height:35px;width:35px}.userShowTopTitle{margin-left:10px}.userShowUsername{font-size:14px}.userUpdateTitle{font-size:20px}.userUpdateImg{height:60px;width:60px}}.userList{flex:4 1;overflow-x:hidden;padding:20px}.userList>div{overflow-x:auto;width:100%}@media screen and (max-width:1024px){.userList{padding:15px}}@media screen and (max-width:768px){.userList{flex:1 1;padding:10px}.userList>div{min-width:100%}}.userListUser{align-items:center;display:flex}.userListImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.userListEdit{align-items:center;color:#007bff;cursor:pointer;display:inline-flex;font-size:20px;margin-right:10px;transition:color .2s}.userListEdit:hover{color:#0056b3}.userListDelete{align-items:center;color:#dc3545;cursor:pointer;display:inline-flex;font-size:20px;transition:color .2s}.userListDelete:hover{color:#c82333}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}img{height:auto;max-width:100%}table{width:100%}@media screen and (max-width:768px){body.sidebar-open{overflow:hidden}body.sidebar-open:after{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;position:fixed;right:0;top:50px;z-index:997}}
/*# sourceMappingURL=main.369f1f30.css.map*/