.page-wrapper .page-header .header.content .block-search .control input {
  background: #404040;
  border-color: #b0b0b0;
  color: #ffffff;
}
.page-wrapper .page-header .header.content .block-search .control input::placeholder {
  color: #b0b0b0;
}
.panel.wrapper {
  border-bottom: 1px solid #404040;
}
.nav-sections {
  border-bottom: 1px solid #404040;
}
.page-footer {
  border-top: 1px solid #404040;
}
.fieldset > .field > .label {
  color: #ffffff;
}
table {
  background: #2d2d2d;
  border-color: #404040;
}
table th,
table td {
  border-color: #404040;
}
table thead {
  background: #404040;
}
.message.info {
  background: #404040;
  border-color: #64b5f6;
}
.message.error {
  background: #442726;
  border-color: #ef5350;
}
.message.success {
  background: #2e3e2e;
  border-color: #4caf50;
}
.breadcrumbs {
  background: #2d2d2d;
  border-color: #404040;
}
.breadcrumbs .items .item {
  color: #b0b0b0;
}
.breadcrumbs .items .item a {
  color: #64b5f6;
}
.breadcrumbs .items .item a:hover {
  color: #42a5f5;
}
.page-wrapper {
  margin-left: 60px;
  transition: margin-left 0.3s ease;
  min-height: 100vh;
  background-color: #1a1a1a;
}
.page-wrapper .page-main {
  padding: 20px;
  max-width: 1280px;
  margin: 0 auto;
}
body.sidebar-open .page-wrapper {
  margin-left: 280px;
}
body {
  background-color: #1a1a1a;
  color: #ffffff;
}
.page-header {
  background-color: #2d2d2d;
}
.footer {
  background-color: #2d2d2d;
  padding: 20px;
  color: #ffffff;
}
.footer a {
  color: #64b5f6;
}
.footer a:hover {
  color: #42a5f5;
}
@media (max-width: 768px) {
  .page-wrapper {
    margin-left: 0;
    transition: margin-left 0.3s ease;
  }
  body.sidebar-open .page-wrapper {
    margin-left: 280px;
  }
}
.sidebar-navigation {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: #2d2d2d;
  z-index: 1000;
  transition: all 0.3s ease;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
}
.sidebar-navigation.collapsed {
  width: 60px;
}
.sidebar-navigation.expanded {
  width: 250px;
}
.sidebar-toggle {
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #404040;
  cursor: pointer;
  border-bottom: 1px solid #555;
  min-height: 60px;
}
.sidebar-toggle:hover {
  background-color: #4a4a4a;
}
.toggle-icon {
  font-size: 20px;
  color: #64b5f6;
  min-width: 30px;
}
.toggle-text {
  margin-left: 10px;
  color: #ffffff;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sidebar-navigation.expanded .toggle-text {
  opacity: 1;
}
.sidebar-nav-items {
  flex: 1;
  overflow-y: auto;
}
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-item {
  margin: 0;
}
.nav-link {
  display: flex !important;
  align-items: center;
  padding: 15px;
  color: #e0e0e0 !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border-bottom: 1px solid #404040;
}
.nav-link:hover {
  background-color: #404040;
  color: #64b5f6 !important;
}
.nav-icon {
  min-width: 30px;
  font-size: 18px;
  text-align: center;
}
.nav-icon-home:before {
  content: "🏠";
}
.nav-icon-products:before {
  content: "📦";
}
.nav-icon-services:before {
  content: "⚙️";
}
.nav-icon-support:before {
  content: "🛠️";
}
.nav-icon-contact:before {
  content: "📞";
}
.nav-label {
  margin-left: 10px;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.3s ease;
  white-space: nowrap;
}
.sidebar-navigation.expanded .nav-label {
  opacity: 1;
}
.sidebar-footer {
  padding: 20px 15px;
  border-top: 1px solid #404040;
  background-color: #333;
}
.company-info {
  display: flex;
  align-items: center;
  color: #64b5f6;
  font-size: 14px;
  font-weight: 500;
}
body {
  background-color: #1a1a1a;
  color: #ffffff;
}
.page-wrapper {
  background-color: #1a1a1a;
}
.page-header {
  background-color: #2d2d2d;
}
.page-header .panel.wrapper {
  background-color: #404040;
}
.page-header .header.panel {
  color: #ffffff;
}
.nav-sections {
  background: #2d2d2d;
}
.navigation {
  background: #2d2d2d;
}
.navigation .level0 > .level-top {
  color: #ffffff;
}
.navigation .level0 > .level-top:hover {
  color: #64b5f6;
}
a {
  color: #64b5f6;
}
a:hover {
  color: #42a5f5;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  background-color: #404040;
  border-color: #b0b0b0;
  color: #ffffff;
}
.action.primary,
button,
.button {
  background: #64b5f6;
  border-color: #64b5f6;
  color: #ffffff;
}
.action.primary:hover,
button:hover,
.button:hover {
  background: #42a5f5;
  border-color: #42a5f5;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FYourCompany%5C%2Fcustom-luma%5C%2Fen_US%5C%2Fcss%5C%2F_extend.less%22%2C%22%5C%2Fstatic%5C%2Ffrontend%5C%2FYourCompany%5C%2Fcustom-luma%5C%2Fen_US%5C%2Fcss%5C%2Fstyles-l.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAGA%2CaACI%2CaACI%2CQAAO%2CQACH%2CcACI%2CSACI%3BEACI%2CmBAAA%3BEACA%2CqBAAA%3BEACA%2CcAAA%3B%3BAAEA%2CaATpB%2CaACI%2CQAAO%2CQACH%2CcACI%2CSACI%2CMAKK%3BEACG%2CcAAA%3B%3BAAU5B%2CMAAM%3BEACF%2CgCAAA%3B%3BAAIJ%3BEACI%2CgCAAA%3B%3BAAIJ%3BEACI%2C6BAAA%3B%3BAAIJ%2CSACM%2CSACI%3BEACE%2CcAAA%3B%3BAAYZ%3BEACI%2CmBAAA%3BEACA%2CqBAAA%3B%3BAAFJ%2CKAII%3BAAJJ%2CKAIQ%3BEACA%2CqBAAA%3B%3BAALR%2CKAQI%3BEACI%2CmBAAA%3B%3BAAMJ%2CQAAC%3BEACG%2CmBAAA%3BEACA%2CqBAAA%3B%3BAAGJ%2CQAAC%3BEACG%2CmBAAA%3BEACA%2CqBAAA%3B%3BAAGJ%2CQAAC%3BEACG%2CmBAAA%3BEACA%2CqBAAA%3B%3BAAKR%3BEACI%2CmBAAA%3BEACA%2CqBAAA%3B%3BAAFJ%2CYAII%2COACI%3BEACI%2CcAAA%3B%3BAANZ%2CYAII%2COACI%2CMAGI%3BEACI%2CcAAA%3B%3BAAEA%2CYAPZ%2COACI%2CMAGI%2CEAGK%3BEACG%2CcAAA%3B%3BAC%5C%2FFpB%3BEACI%2CiBAAA%3BEACA%2CiCAAA%3BEACA%2CiBAAA%3BEACA%2CyBAAA%3B%3BAAJJ%2CaAMI%3BEACI%2CaAAA%3BEACA%2CiBAAA%3BEACA%2CcAAA%3B%3BAAIR%2CIAAI%2CaAAc%3BEACd%2CkBAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3BEACA%2CcAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3BEACA%2CaAAA%3BEACA%2CcAAA%3B%3BAAHJ%2COAKI%3BEACI%2CcAAA%3B%3BAAEA%2COAHJ%2CEAGK%3BEACG%2CcAAA%3B%3BAAgBZ%2CQAX0B%3BEACtB%3BIACI%2CcAAA%3BIACA%2CiCAAA%3B%3BEAGJ%2CIAAI%2CaAAc%3BIACd%2CkBAAA%3B%3B%3BAAIR%3BEACI%2CeAAA%3BEACA%2CMAAA%3BEACA%2COAAA%3BEACA%2CaAAA%3BEACA%2CyBAAA%3BEACA%2CaAAA%3BEACA%2CyBAAA%3BEACA%2CwCAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3B%3BAAGJ%2CmBAAmB%3BEACf%2CWAAA%3B%3BAAGJ%2CmBAAmB%3BEACf%2CYAAA%3B%3BAAGJ%3BEACI%2CaAAA%3BEACA%2CmBAAA%3BEACA%2CaAAA%3BEACA%2CyBAAA%3BEACA%2CeAAA%3BEACA%2C6BAAA%3BEACA%2CgBAAA%3B%3BAAGJ%2CeAAe%3BEACX%2CyBAAA%3B%3BAAGJ%3BEACI%2CeAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3B%3BAAGJ%3BEACI%2CiBAAA%3BEACA%2CcAAA%3BEACA%2CgBAAA%3BEACA%2CUAAA%3BEACA%2C6BAAA%3B%3BAAGJ%2CmBAAmB%2CSAAU%3BEACzB%2CUAAA%3B%3BAAGJ%3BEACI%2COAAA%3BEACA%2CgBAAA%3B%3BAAGJ%3BEACI%2CgBAAA%3BEACA%2CSAAA%3BEACA%2CUAAA%3B%3BAAGJ%3BEACI%2CSAAA%3B%3BAAGJ%3BEACI%2CwBAAA%3BEACA%2CmBAAA%3BEACA%2CaAAA%3BEACA%2CcAAA%3BEACA%2CgCAAA%3BEACA%2CyBAAA%3BEACA%2CgCAAA%3B%3BAAGJ%2CSAAS%3BEACL%2CyBAAA%3BEACA%2CcAAA%3B%3BAAGJ%3BEACI%2CeAAA%3BEACA%2CeAAA%3BEACA%2CkBAAA%3B%3BAAGJ%2CcAAc%3BEAAU%2CSAAS%2CMAAT%3B%3BAACxB%2CkBAAkB%3BEAAU%2CSAAS%2CMAAT%3B%3BAAC5B%2CkBAAkB%3BEAAU%2CSAAS%2CQAAT%3B%3BAAC5B%2CiBAAiB%3BEAAU%2CSAAS%2CSAAT%3B%3BAAC3B%2CiBAAiB%3BEAAU%2CSAAS%2CMAAT%3B%3BAAE3B%3BEACI%2CiBAAA%3BEACA%2CgBAAA%3BEACA%2CUAAA%3BEACA%2C6BAAA%3BEACA%2CmBAAA%3B%3BAAGJ%2CmBAAmB%2CSAAU%3BEACzB%2CUAAA%3B%3BAAGJ%3BEACI%2CkBAAA%3BEACA%2C6BAAA%3BEACA%2CsBAAA%3B%3BAAGJ%3BEACI%2CaAAA%3BEACA%2CmBAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAAaJ%3BEACI%2CyBAAA%3BEACA%2CcAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3B%3BAADJ%2CYAGI%2COAAM%3BEACF%2CyBAAA%3B%3BAAJR%2CYAOI%2CQAAO%3BEACH%2CcAAA%3B%3BAAIR%3BEACI%2CmBAAA%3B%3BAAGJ%3BEACI%2CmBAAA%3B%3BAADJ%2CWAGI%2CQACM%3BEACE%2CcAAA%3B%3BAAEA%2CWAJR%2CQACM%2CaAGG%3BEACG%2CcAAA%3B%3BAAMhB%3BEACI%2CcAAA%3B%3BAAEA%2CCAAC%3BEACG%2CcAAA%3B%3BAAIR%2CKAAK%3BAACL%2CKAAK%3BAACL%2CKAAK%3BAACL%3BEACI%2CyBAAA%3BEACA%2CqBAAA%3BEACA%2CcAAA%3B%3BAAGJ%2COAAO%3BADjMP%3BAACA%3BECiMI%2CmBAAA%3BEACA%2CqBAAA%3BEACA%2CcAAA%3B%3BAAEA%2COALG%2CQAKF%3BADtML%2CMCsMK%3BADrML%2COCqMK%3BEACG%2CmBAAA%3BEACA%2CqBAAA%22%7D */