/**
* Template Name: NiceAdmin
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
* Updated: Apr 20 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  background: #f6f9ff;
  color: #444444;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
  margin-top: 60px;
  padding: 20px 30px;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  #main {
    padding: 20px;
  }
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.pagetitle {
  margin-bottom: 10px;
}

.pagetitle h1 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 600;
  color: #012970;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {
  border-radius: 4px;
  padding: 10px 0;
  animation-name: dropdown-animate;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  border: 0;
  box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-footer {
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
}

.dropdown-menu .dropdown-footer a {
  color: #444444;
  text-decoration: underline;
}

.dropdown-menu .dropdown-footer a:hover {
  text-decoration: none;
}

.dropdown-menu .dropdown-divider {
  color: #a5c5fe;
  margin: 0;
}

.dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 10px 15px;
  transition: 0.3s;
}

.dropdown-menu .dropdown-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 0;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f6f9ff;
}

@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}

@keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

/* Light Backgrounds */
.bg-primary-light {
  background-color: #cfe2ff;
  border-color: #cfe2ff;
}

.bg-secondary-light {
  background-color: #e2e3e5;
  border-color: #e2e3e5;
}

.bg-success-light {
  background-color: #d1e7dd;
  border-color: #d1e7dd;
}

.bg-danger-light {
  background-color: #f8d7da;
  border-color: #f8d7da;
}

.bg-warning-light {
  background-color: #fff3cd;
  border-color: #fff3cd;
}

.bg-info-light {
  background-color: #cff4fc;
  border-color: #cff4fc;
}

.bg-dark-light {
  background-color: #d3d3d4;
  border-color: #d3d3d4;
}

/* Card */
.card {
  margin-bottom: 30px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.card-header,
.card-footer {
  border-color: #ebeef4;
  background-color: #fff;
  color: #798eb3;
  padding: 15px;
}

.card-title {
  padding: 20px 0 15px 0;
  font-size: 18px;
  font-weight: 500;
  color: #012970;
  font-family: "Poppins", sans-serif;
}

.card-title span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-body {
  padding: 0 20px 20px 20px;
}

.card-img-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Alerts */
.alert-heading {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
}

/* Close Button */
.btn-close {
  background-size: 25%;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
}

/* Accordion */
.accordion-item {
  border: 1px solid #ebeef4;
}

.accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: #012970;
  background-color: #f6f9ff;
}

.accordion-flush .accordion-button {
  padding: 15px 0;
  background: none;
  border: 0;
}

.accordion-flush .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #4154f1;
}

.accordion-flush .accordion-body {
  padding: 0 0 15px 0;
  color: #3e4f6f;
  font-size: 15px;
}

/* Breadcrumbs */
.breadcrumb {
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  color: #899bbd;
  font-weight: 600;
}

.breadcrumb a {
  color: #899bbd;
  transition: 0.3s;
}

.breadcrumb a:hover {
  color: #51678f;
}

.breadcrumb .breadcrumb-item::before {
  color: #899bbd;
}

.breadcrumb .active {
  color: #51678f;
  font-weight: 600;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color: #4154f1;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color: #4154f1;
  border-bottom: 2px solid #4154f1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  line-height: 1;
}

@media (min-width: 1200px) {
  .logo {
    width: 280px;
  }
}

.logo img {
  max-height: 26px;
  margin-right: 6px;
}

.logo span {
  font-size: 26px;
  font-weight: 700;
  color: #012970;
  font-family: "Nunito", sans-serif;
}

.header {
  transition: all 0.5s;
  z-index: 997;
  height: 60px;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
  padding-left: 20px;
  /* Toggle Sidebar Button */
  /* Search Bar */
}

.header .toggle-sidebar-btn {
  font-size: 32px;
  padding-left: 10px;
  cursor: pointer;
  color: #012970;
}

.header .search-bar {
  min-width: 360px;
  padding: 0 20px;
}

@media (max-width: 1199px) {
  .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }

  .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
}

.header .search-form {
  width: 100%;
}

.header .search-form input {
  border: 0;
  font-size: 14px;
  color: #012970;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}

.header .search-form input:focus,
.header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}

.header .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
}

.header .search-form button i {
  color: #012970;
}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
  list-style: none;
}

.header-nav>ul {
  margin: 0;
  padding: 0;
}

.header-nav .nav-icon {
  font-size: 22px;
  color: #012970;
  margin-right: 25px;
  position: relative;
}

.header-nav .nav-profile {
  color: #012970;
}

.header-nav .nav-profile img {
  max-height: 36px;
}

.header-nav .nav-profile span {
  font-size: 14px;
  font-weight: 600;
}

.header-nav .badge-number {
  position: absolute;
  inset: -2px -5px auto auto;
  font-weight: normal;
  font-size: 12px;
  padding: 3px 6px;
}

.header-nav .notifications {
  inset: 8px -15px auto auto !important;
}

.header-nav .notifications .notification-item {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  transition: 0.3s;
}

.header-nav .notifications .notification-item i {
  margin: 0 20px 0 10px;
  font-size: 24px;
}

.header-nav .notifications .notification-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.header-nav .notifications .notification-item p {
  font-size: 13px;
  margin-bottom: 3px;
  color: #919191;
}

.header-nav .notifications .notification-item:hover {
  background-color: #f6f9ff;
}

.header-nav .messages {
  inset: 8px -15px auto auto !important;
}

.header-nav .messages .message-item {
  padding: 15px 10px;
  transition: 0.3s;
}

.header-nav .messages .message-item a {
  display: flex;
}

.header-nav .messages .message-item img {
  margin: 0 20px 0 10px;
  max-height: 40px;
}

.header-nav .messages .message-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #444444;
}

.header-nav .messages .message-item p {
  font-size: 13px;
  margin-bottom: 3px;
  color: #919191;
}

.header-nav .messages .message-item:hover {
  background-color: #f6f9ff;
}

.header-nav .profile {
  min-width: 240px;
  padding-bottom: 0;
  top: 8px !important;
}

.header-nav .profile .dropdown-header h6 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
  color: #444444;
}

.header-nav .profile .dropdown-header span {
  font-size: 14px;
}

.header-nav .profile .dropdown-item {
  font-size: 14px;
  padding: 10px 15px;
  transition: 0.3s;
}

.header-nav .profile .dropdown-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 0;
}

.header-nav .profile .dropdown-item:hover {
  background-color: #f6f9ff;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 996;
  transition: all 0.3s;
  padding: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
}

@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }
}

.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}

@media (min-width: 1200px) {

  #main,
  #footer {
    margin-left: 300px;
  }
}

@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
}

@media (min-width: 1200px) {

  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 0;
  }

  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-item {
  margin-bottom: 5px;
}

.sidebar-nav .nav-heading {
  font-size: 11px;
  text-transform: uppercase;
  color: #899bbd;
  font-weight: 600;
  margin: 10px 0 5px 15px;
}

.sidebar-nav .nav-link {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #4154f1;
  transition: 0.3;
  background: #f6f9ff;
  padding: 10px 15px;
  border-radius: 4px;
}

.sidebar-nav .nav-link i {
  font-size: 16px;
  margin-right: 10px;
  color: #4154f1;
}

.sidebar-nav .nav-link.collapsed {
  color: #012970;
  background: #fff;
}

.sidebar-nav .nav-link.collapsed i {
  color: #899bbd;
}

.sidebar-nav .nav-link:hover {
  color: #4154f1;
  background: #f6f9ff;
}

.sidebar-nav .nav-link:hover i {
  color: #4154f1;
}

.sidebar-nav .nav-link .bi-chevron-down {
  margin-right: 0;
  transition: transform 0.2s ease-in-out;
}

.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}

.sidebar-nav .nav-content {
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-content a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #012970;
  transition: 0.3;
  padding: 10px 0 10px 40px;
  transition: 0.3s;
}

.sidebar-nav .nav-content a i {
  font-size: 6px;
  margin-right: 8px;
  line-height: 0;
  border-radius: 50%;
}

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: #4154f1;
}

.sidebar-nav .nav-content a.active i {
  background-color: #4154f1;
}

/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
/* Filter dropdown */
.dashboard .filter {
  position: absolute;
  right: 0px;
  top: 15px;
}

.dashboard .filter .icon {
  color: #aab7cf;
  padding-right: 20px;
  padding-bottom: 5px;
  transition: 0.3s;
  font-size: 16px;
}

.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {
  color: #4154f1;
}

.dashboard .filter .dropdown-header {
  padding: 8px 15px;
}

.dashboard .filter .dropdown-header h6 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #aab7cf;
  margin-bottom: 0;
  padding: 0;
}

.dashboard .filter .dropdown-item {
  padding: 8px 15px;
}

/* Info Cards */
.dashboard .info-card {
  padding-bottom: 10px;
}

.dashboard .info-card h6 {
  font-size: 28px;
  color: #012970;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.dashboard .card-icon {
  font-size: 32px;
  line-height: 0;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  flex-grow: 0;
}

.dashboard .sales-card .card-icon {
  color: #4154f1;
  background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
  color: #2eca6a;
  background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
  color: #ff771d;
  background: #ffecdf;
}

/* Activity */
.dashboard .activity {
  font-size: 14px;
}

.dashboard .activity .activity-item .activite-label {
  color: #888;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 64px;
}

.dashboard .activity .activity-item .activite-label::before {
  content: "";
  position: absolute;
  right: -11px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #eceefe;
}

.dashboard .activity .activity-item .activity-badge {
  margin-top: 3px;
  z-index: 1;
  font-size: 11px;
  line-height: 0;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid #fff;
  flex-grow: 0;
}

.dashboard .activity .activity-item .activity-content {
  padding-left: 10px;
  padding-bottom: 20px;
}

.dashboard .activity .activity-item:first-child .activite-label::before {
  top: 5px;
}

.dashboard .activity .activity-item:last-child .activity-content {
  padding-bottom: 0;
}

/* News & Updates */
.dashboard .news .post-item+.post-item {
  margin-top: 15px;
}

.dashboard .news img {
  width: 80px;
  float: left;
  border-radius: 5px;
}

.dashboard .news h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
  margin-bottom: 5px;
}

.dashboard .news h4 a {
  color: #012970;
  transition: 0.3s;
}

.dashboard .news h4 a:hover {
  color: #4154f1;
}

.dashboard .news p {
  font-size: 14px;
  color: #777777;
  margin-left: 95px;
}

/* Recent Sales */
.dashboard .recent-sales {
  font-size: 14px;
}

.dashboard .recent-sales .table thead {
  background: #f6f6fe;
}

.dashboard .recent-sales .table thead th {
  border: 0;
}

.dashboard .recent-sales .dataTable-top {
  padding: 0 0 10px 0;
}

.dashboard .recent-sales .dataTable-bottom {
  padding: 10px 0 0 0;
}

/* Top Selling */
.dashboard .top-selling {
  font-size: 14px;
}

.dashboard .top-selling .table thead {
  background: #f6f6fe;
}

.dashboard .top-selling .table thead th {
  border: 0;
}

.dashboard .top-selling .table tbody td {
  vertical-align: middle;
}

.dashboard .top-selling img {
  border-radius: 5px;
  max-width: 60px;
}

/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.25rem;
  padding-top: 15px;
}

.iconslist .icon {
  background-color: #fff;
  border-radius: 0.25rem;
  text-align: center;
  color: #012970;
  padding: 15px 0;
}

.iconslist i {
  margin: 0.25rem;
  font-size: 2.5rem;
}

.iconslist .label {
  font-family: var(--bs-font-monospace);
  display: inline-block;
  width: 100%;
  overflow: hidden;
  padding: 0.25rem;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #012970;
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {
  font-size: 18px;
  font-weight: 600;
  color: #4154f1;
}

.faq .basic p {
  color: #6980aa;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  padding: 28px 30px;
}

.contact .info-box i {
  font-size: 38px;
  line-height: 0;
  color: #4154f1;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #012970;
  font-weight: 700;
  margin: 20px 0 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

/* Portal visual system */
:root { --ink:#101c2d; --paper:#f5f7fb; --muted:#718097; --line:#e4e9f1; --blue:#2474e8; --green:#19a974; --orange:#f29b38; --violet:#8062df; }
body { font-family:"DM Sans",sans-serif; background:var(--paper); color:var(--ink); }
h1,h2,h3,h4,h5,h6 { font-family:"Manrope",sans-serif; }
.header { height:72px; padding-left:28px; background:var(--ink); box-shadow:none; }
.header .logo { width:248px; color:#fff; }.header .logo img { max-height:32px; margin-right:12px; filter:brightness(0) invert(1); }.header .logo span { color:#fff; font-size:16px; letter-spacing:.08em; }.header .logo small { display:block; color:#94a5bd; font:9px "DM Sans",sans-serif; letter-spacing:.18em; margin-top:4px; }.header .toggle-sidebar-btn { color:#aebbd0; font-size:25px; }.header .search-bar { min-width:320px; }.header .search-form input { border:1px solid #30415a; border-radius:7px; padding:10px 38px 10px 14px; background:#1a2a43; color:#fff; }.header .search-form input::placeholder { color:#8b9ab0; }.header .search-form button i,.header-nav .nav-icon,.header-nav .nav-profile { color:#b8c5d8; }.header-nav .nav-profile span { color:#fff; }
.sidebar { top:72px; width:248px; padding:26px 16px; background:var(--ink); box-shadow:none; scrollbar-color:#31445e transparent; }.sidebar-nav .nav-item { margin-bottom:4px; }.sidebar-nav .nav-heading { color:#657790; font-size:10px; letter-spacing:.14em; margin:25px 13px 9px; }.sidebar-nav .nav-link,.sidebar-nav .nav-link.collapsed { color:#a6b4c9; background:transparent; border-radius:7px; padding:11px 13px; font-weight:500; font-size:13px; }.sidebar-nav .nav-link i,.sidebar-nav .nav-link.collapsed i { color:#8394ad; font-size:17px; margin-right:12px; }.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link:not(.collapsed) { color:#fff; background:#263957; }.sidebar-nav .nav-link:hover i,.sidebar-nav .nav-link:not(.collapsed) i { color:#72a7ff; }.sidebar-nav .nav-content a { color:#8394ad; font-size:12px; padding:9px 0 9px 42px; }.sidebar-nav .nav-content a:hover,.sidebar-nav .nav-content a.active { color:#fff; }
#main { margin-top:72px; padding:34px 38px 42px; margin-left:248px; } #footer { margin-left:248px; background:transparent; border:0; padding:10px 38px 25px; font-size:11px; color:#8a98aa; }.footer .credits { display:none; }
.portal-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }.portal-heading h1 { color:var(--ink); font-size:28px; margin:7px 0 5px; letter-spacing:-.03em; }.portal-heading p { color:var(--muted); margin:0; font-size:14px; }.eyebrow { color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.heading-actions { display:flex; align-items:center; gap:18px; }.btn-icon { border:0; background:transparent; color:var(--muted); position:relative; font-size:20px; }.btn-icon span { position:absolute; top:-5px; right:-8px; background:var(--orange); color:#fff; width:16px; height:16px; font-size:9px; border-radius:50%; display:grid; place-items:center; }.primary-action { background:var(--blue); color:#fff; padding:11px 16px; border-radius:6px; font-size:12px; font-weight:700; }.primary-action:hover { background:#155ec6; color:#fff; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:16px; }.metric-card,.panel { background:#fff; border:1px solid var(--line); border-radius:9px; box-shadow:0 7px 20px rgba(24,43,70,.035); }.metric-card { padding:18px 18px 14px; min-height:154px; border-top:3px solid var(--accent); }.accent-blue { --accent:var(--blue); }.accent-green { --accent:var(--green); }.accent-orange { --accent:var(--orange); }.accent-violet { --accent:var(--violet); }.metric-top { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; }.metric-top i { color:var(--accent); font-size:19px; }.metric-card strong { display:block; font:800 26px "Manrope",sans-serif; margin:15px 0 4px; }.metric-card small { color:#9aa6b6; font-size:10px; }.metric-card small b,.chart-summary b { color:var(--green); }.sparkline { height:22px; display:flex; align-items:end; gap:3px; margin-top:11px; }.sparkline i { display:block; flex:1; background:var(--accent); opacity:.22; border-radius:2px 2px 0 0; }.sparkline i:nth-child(1){height:9px}.sparkline i:nth-child(2){height:15px}.sparkline i:nth-child(3){height:11px}.sparkline i:nth-child(4){height:19px}.sparkline i:nth-child(5){height:13px}.sparkline i:nth-child(6){height:22px}.sparkline i:nth-child(7){height:17px}.sparkline i:nth-child(8){height:21px}.metric-progress,.content-bar { background:#edf1f6; height:5px; border-radius:5px; margin-top:18px; overflow:hidden; }.metric-progress span,.content-bar span { display:block; height:100%; background:var(--accent); border-radius:inherit; }.progress-caption { display:block; margin-top:8px; }
.dashboard-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:16px; margin-bottom:16px; }.lower-grid { grid-template-columns:1.25fr 1fr; }.panel { padding:20px 22px; }.panel-heading { display:flex; justify-content:space-between; align-items:flex-start; }.panel-heading h2 { margin:5px 0 0; font-size:16px; }.panel-heading select { border:1px solid var(--line); border-radius:5px; color:#53647c; padding:7px 10px; font-size:11px; background:#fff; }.text-link { color:var(--blue); font-size:11px; font-weight:700; }.chart-summary { margin:22px 0 8px; display:flex; align-items:baseline; gap:14px; }.chart-summary strong { font:800 24px "Manrope",sans-serif; }.chart-summary span { color:var(--muted); font-size:10px; }.reach-chart { display:flex; height:210px; }.chart-y { display:flex; flex-direction:column; justify-content:space-between; color:#9ba7b8; font-size:9px; padding:5px 12px 24px 0; }.chart-area { position:relative; flex:1; }.grid-lines { position:absolute; inset:0 0 23px; background:repeating-linear-gradient(to bottom,#eef2f7 0,#eef2f7 1px,transparent 1px,transparent 25%); }.chart-area svg { position:absolute; inset:0 0 23px; width:100%; height:calc(100% - 23px); overflow:visible; }.chart-fill { fill:url(#reachFill); }.chart-line { fill:none; stroke:var(--blue); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }.chart-area circle { fill:#fff; stroke:var(--blue); stroke-width:3; }.chart-x { position:absolute; bottom:0; width:100%; display:flex; justify-content:space-between; color:#9ba7b8; font-size:9px; }
.activity-list { list-style:none; margin:22px 0 0; padding:0; }.activity-list li { display:flex; gap:11px; align-items:center; padding:12px 0; border-bottom:1px solid #eef1f5; }.activity-list li:last-child { border:0; }.activity-icon { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border-radius:7px; font-size:14px; }.activity-icon.blue{background:#e8f1ff;color:var(--blue)}.activity-icon.green{background:#e7f8f0;color:var(--green)}.activity-icon.orange{background:#fff2e2;color:var(--orange)}.activity-icon.violet{background:#f0ebff;color:var(--violet)}.activity-list div { min-width:0; flex:1; }.activity-list strong,.activity-list small { display:block; }.activity-list strong { font-size:11px; }.activity-list small,.activity-list time { color:#98a4b4; font-size:10px; margin-top:3px; }.activity-list time { white-space:nowrap; align-self:flex-start; }.content-row { display:grid; grid-template-columns:1.25fr 1fr 35px; gap:14px; align-items:center; margin-top:20px; }.content-type { display:flex; align-items:center; gap:10px; }.content-type>i { width:29px; height:29px; display:grid; place-items:center; background:#edf3ff; color:var(--blue); border-radius:6px; }.content-type strong,.content-type small { display:block; }.content-type strong { font-size:12px; }.content-type small { color:#9aa6b6; font-size:10px; margin-top:3px; }.content-bar { margin:0; height:6px; }.content-bar span { background:var(--blue); }.content-row b { color:var(--muted); font-size:11px; text-align:right; }.quick-actions { margin-top:18px; }.quick-actions a { display:flex; gap:11px; align-items:center; color:var(--ink); border-bottom:1px solid #eef1f5; padding:13px 0; font-size:12px; }.quick-actions a>i:first-child { color:var(--blue); font-size:16px; }.quick-actions a>i:last-child { margin-left:auto; color:#9aa6b6; }.quick-actions a:hover { color:var(--blue); }
/* Login */
.login-page { background:var(--paper); }.login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(360px,43%) 1fr; }.login-story { background:var(--ink); color:#fff; padding:42px 8%; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }.login-story:after { content:""; position:absolute; width:430px; height:430px; right:-180px; bottom:-120px; border:1px solid #2b4262; border-radius:50%; box-shadow:0 0 0 45px rgba(43,66,98,.25),0 0 0 90px rgba(43,66,98,.14); }.login-brand { display:flex; gap:12px; align-items:center; position:relative; z-index:1; font:700 13px "Manrope",sans-serif; letter-spacing:.05em; }.login-brand img { width:38px; max-height:42px; object-fit:contain; filter:brightness(0) invert(1); }.login-brand small { color:#8495ae; font:9px "DM Sans",sans-serif; letter-spacing:.16em; text-transform:uppercase; }.login-story-copy { max-width:410px; position:relative; z-index:1; }.login-story-copy h1 { font-size:clamp(34px,4vw,54px); line-height:1.08; letter-spacing:-.05em; margin:16px 0; }.login-story-copy p { color:#9cacc1; font-size:15px; line-height:1.7; max-width:350px; }.login-story-footer { display:flex; justify-content:space-between; color:#72849e; font-size:10px; letter-spacing:.08em; position:relative; z-index:1; }.login-story-footer i { color:var(--green); font-size:14px; margin-left:5px; }.login-form-panel { display:flex; flex-direction:column; justify-content:center; padding:50px 10%; }.login-form-wrap { width:min(400px,100%); }.mobile-login-brand { display:none; }.login-form-panel h2 { font-size:30px; letter-spacing:-.04em; margin:13px 0 8px; }.login-intro,.login-help { color:var(--muted); font-size:13px; }.login-intro { margin-bottom:32px; }.login-field { margin-bottom:20px; }.login-field label,.field-label-row { font-size:11px; font-weight:700; }.field-label-row { display:flex; justify-content:space-between; margin-bottom:8px; }.field-label-row a,.login-help a { color:var(--blue); }.login-field>label { display:block; margin-bottom:8px; }.field-control { display:flex; align-items:center; border:1px solid #dbe2ec; border-radius:6px; background:#fff; padding:0 13px; transition:.2s; }.field-control:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px rgba(36,116,232,.11); }.field-control>i { color:#93a1b4; font-size:16px; }.field-control input { min-width:0; flex:1; border:0; outline:0; padding:14px 10px; font:13px "DM Sans",sans-serif; color:var(--ink); }.field-control input::placeholder { color:#aab5c3; }.password-toggle { border:0; background:transparent; color:#8c9aab; }.remember-option { display:flex; gap:9px; align-items:center; color:var(--muted); font-size:11px; margin:4px 0 25px; }.remember-option input { accent-color:var(--blue); }.login-submit { width:100%; border:0; border-radius:6px; padding:14px; background:var(--blue); color:#fff; font:700 13px "DM Sans",sans-serif; }.login-submit i { float:right; }.login-submit:hover { background:#155ec6; }.login-help { margin-top:24px; text-align:center; font-size:11px; }.login-legal { width:min(400px,100%); margin-top:46px; color:#9aa6b6; font-size:10px; }.login-legal span { float:right; }
@media (max-width:1199px) { #main,#footer { margin-left:0; }.header .logo { width:auto; } }.toggle-sidebar .sidebar { z-index:1000; }
@media (max-width:767px) { .header { padding-left:16px; }.header .search-bar { min-width:0; }.header-nav .nav-profile span { display:none; } #main { padding:25px 16px; }.portal-heading { align-items:flex-start; gap:20px; }.portal-heading h1 { font-size:23px; }.heading-actions .btn-icon { display:none; }.primary-action { white-space:nowrap; }.metric-grid { grid-template-columns:repeat(2,1fr); }.dashboard-grid,.lower-grid { grid-template-columns:1fr; }.panel { padding:18px 16px; }.content-row { grid-template-columns:1fr 80px 30px; gap:8px; }.content-type small { white-space:nowrap; }.login-shell { display:block; }.login-story { display:none; }.login-form-panel { min-height:100vh; padding:30px 25px; }.mobile-login-brand { display:flex; margin-bottom:55px; }.login-form-panel h2 { font-size:27px; }.login-legal { margin-top:35px; } }

/* Content workspace and inbox */
.cms-layout { display:grid; grid-template-columns: .85fr 1.45fr; gap:16px; margin-bottom:16px; }.cms-section-list { margin-top:18px; }.cms-section-list a { display:flex; align-items:center; gap:12px; padding:13px 8px; border-bottom:1px solid #eef1f5; color:var(--ink); }.cms-section-list a.is-selected { background:#f1f6ff; border-radius:6px; }.cms-section-list a>i { color:var(--blue); font-size:17px; }.cms-section-list span { flex:1; }.cms-section-list strong,.cms-section-list small { display:block; }.cms-section-list strong { font-size:12px; }.cms-section-list small { color:#9aa6b6; font-size:10px; margin-top:3px; }.cms-section-list b { color:var(--green); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.cms-editor { min-height:390px; }.status-pill { color:var(--green); background:#e8f8f1; border-radius:20px; padding:6px 9px; font-size:10px; font-weight:700; }.editor-note { color:var(--muted); font-size:12px; line-height:1.6; max-width:520px; margin:20px 0; }.cms-form label { color:var(--ink); display:block; font-size:11px; font-weight:700; margin-bottom:14px; }.cms-form input,.cms-form textarea { display:block; width:100%; border:1px solid var(--line); border-radius:5px; padding:10px 12px; margin-top:7px; outline:0; color:var(--ink); font:12px "DM Sans",sans-serif; resize:vertical; }.cms-form input:focus,.cms-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(36,116,232,.1); }.form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }.secondary-action { border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--muted); padding:10px 14px; font-size:11px; font-weight:700; }.cms-queue { padding-bottom:24px; }.queue-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }.queue-grid>div { border:1px solid var(--line); border-radius:7px; padding:15px; }.queue-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:6px; margin-bottom:12px; }.queue-icon.orange { color:var(--orange); background:#fff2e2; }.queue-icon.blue { color:var(--blue); background:#e8f1ff; }.queue-icon.green { color:var(--green); background:#e7f8f0; }.queue-grid strong,.queue-grid small { display:block; }.queue-grid strong { font-size:12px; }.queue-grid small { color:#9aa6b6; font-size:10px; margin:4px 0 12px; }.queue-grid a { color:var(--blue); font-size:10px; font-weight:700; }.inbox-panel { padding:0 22px; }.inbox-toolbar { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding:18px 0 0; }.inbox-tabs { display:flex; gap:22px; }.inbox-tabs a { color:var(--muted); font-size:11px; padding-bottom:15px; }.inbox-tabs a.active { color:var(--blue); border-bottom:2px solid var(--blue); font-weight:700; }.inbox-tabs b { background:#eef3fb; border-radius:10px; padding:2px 5px; margin-left:3px; font-size:9px; }.inbox-toolbar select { border:1px solid var(--line); border-radius:5px; padding:7px 10px; color:var(--muted); font-size:10px; }.message-list { padding:4px 0; }.message-row { display:flex; align-items:center; gap:12px; border-bottom:1px solid #eef1f5; padding:16px 0; color:var(--ink); }.message-row:last-child { border:0; }.avatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:50%; color:#fff; font-size:10px; font-weight:700; }.avatar-blue { background:var(--blue); }.avatar-orange { background:var(--orange); }.avatar-green { background:var(--green); }.avatar-violet { background:var(--violet); }.message-copy { min-width:0; flex:1; }.message-copy strong,.message-copy small,.message-copy>span { display:block; }.message-copy strong { font-size:12px; }.message-copy strong i { color:var(--blue); font-size:6px; vertical-align:middle; margin-left:3px; }.message-copy small { color:var(--blue); font-size:10px; margin:3px 0; }.message-copy>span { color:#9aa6b6; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.message-row time { color:#9aa6b6; font-size:10px; white-space:nowrap; }
@media (max-width:767px) { .cms-layout,.queue-grid { grid-template-columns:1fr; }.inbox-panel { padding:0 16px; }.inbox-toolbar { align-items:flex-start; gap:12px; }.inbox-tabs { gap:12px; }.message-row time { display:none; } }
.period-select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 12px; font-size:11px; }.source-list { margin-top:20px; }.source-list>div { display:grid; grid-template-columns:1fr 35px; gap:8px; margin:18px 0; font-size:11px; }.source-list span i { color:var(--blue); margin-right:8px; }.source-list b { text-align:right; color:var(--muted); }.source-list em { grid-column:1 / -1; height:6px; background:#edf1f6; border-radius:4px; overflow:hidden; }.source-list em i { display:block; height:100%; background:var(--blue); border-radius:inherit; }.rank-list { margin:19px 0 0; padding:0; list-style:none; counter-reset:rank; }.rank-list li { counter-increment:rank; display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid #eef1f5; font-size:11px; }.rank-list li:before { content:counter(rank); width:18px; height:18px; display:grid; place-items:center; color:var(--blue); background:#edf3ff; border-radius:50%; font-size:9px; }.rank-list li span { flex:1; }.rank-list li b { color:var(--muted); }.media-panel { padding:0 22px 22px; }.media-toolbar { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-top:18px; }.media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-top:20px; }.media-grid figure { margin:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; background:#fff; }.media-grid img { width:100%; height:135px; object-fit:cover; display:block; }.media-grid figcaption { padding:10px 11px; }.media-grid strong,.media-grid small { display:block; }.media-grid strong { font-size:11px; }.media-grid small { color:#9aa6b6; font-size:9px; margin-top:3px; }.settings-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.settings-card { display:flex; flex-direction:column; gap:2px; }.settings-card:nth-child(3) { grid-column:1 / -1; }.settings-symbol { color:var(--blue); font-size:20px; }.settings-card label { color:var(--ink); display:block; font-size:11px; font-weight:700; margin-top:18px; }.settings-card input,.settings-card textarea,.settings-card select { display:block; width:100%; border:1px solid var(--line); border-radius:5px; padding:10px 12px; margin-top:7px; outline:0; color:var(--ink); background:#fff; font:12px "DM Sans",sans-serif; }.settings-card textarea { resize:vertical; }.settings-card .primary-action { border:0; align-self:flex-start; margin-top:20px; }.switch-row { display:flex!important; align-items:center; gap:8px; font-weight:500!important; }.switch-row input { width:auto; accent-color:var(--blue); }
@media (max-width:767px) { .media-panel { padding:0 16px 16px; }.media-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.media-grid img { height:105px; }.media-toolbar { gap:10px; overflow:auto; }.settings-grid { grid-template-columns:1fr; }.settings-card:nth-child(3) { grid-column:auto; } }

/* Affiliate workspace */
.affiliate-toolbar { display:flex; align-items:center; justify-content:space-between; padding:0 22px; margin-bottom:16px; }.affiliate-toolbar .inbox-tabs { padding-top:18px; }.affiliate-tools { display:flex; gap:10px; }.affiliate-tools label { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:#8b99aa; }.affiliate-tools input { width:155px; border:0; outline:0; padding:10px 0; font:12px "DM Sans",sans-serif; }.affiliate-tools select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 10px; font-size:11px; }.affiliate-layout { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; margin-bottom:16px; }.partner-list { margin-top:17px; }.partner-row { display:flex; align-items:center; gap:11px; color:var(--ink); border-top:1px solid #eef1f5; padding:14px 8px; }.partner-row.is-selected { background:#f1f6ff; border-radius:6px; }.partner-mark { width:39px; height:39px; display:grid; place-items:center; flex:0 0 39px; border-radius:7px; color:#fff; font:700 18px "Manrope",sans-serif; }.partner-mark.hostinger { background:#673de6; }.partner-mark.fiverr { background:#19a974; }.partner-mark.alison { background:#1875d1; }.partner-mark.great-learning { background:#f29b38; }.partner-copy { flex:1; min-width:0; }.partner-copy strong,.partner-copy small { display:block; }.partner-copy strong { font-size:13px; }.partner-copy small { color:#9aa6b6; font-size:10px; margin-top:4px; }.partner-state { border-radius:15px; padding:5px 8px; font-size:10px; font-weight:700; white-space:nowrap; }.partner-state.active { color:var(--green); background:#e7f8f0; }.partner-state.review { color:#b56b14; background:#fff2e2; }.partner-row>i { color:#aab5c3; font-size:13px; }.partner-editor-meta { display:flex; align-items:center; gap:12px; color:#9aa6b6; font-size:10px; padding:15px 0 20px; border-bottom:1px solid #eef1f5; }.partner-editor-meta a { color:var(--blue); margin-left:auto; }.disclosure-check { display:flex; align-items:center; gap:11px; padding:13px; background:#f5fbf8; border:1px solid #d8f0e4; border-radius:6px; margin-top:8px; }.disclosure-check>i { color:var(--green); font-size:20px; }.disclosure-check div { flex:1; }.disclosure-check strong,.disclosure-check small { display:block; }.disclosure-check strong { font-size:12px; }.disclosure-check small { color:var(--muted); font-size:10px; margin-top:3px; }.disclosure-check input { accent-color:var(--green); width:17px; height:17px; }.affiliate-performance { padding-bottom:10px; }.performance-table { margin-top:18px; }.performance-table>div { display:grid; grid-template-columns:1.4fr .7fr .9fr 1fr .7fr; gap:10px; align-items:center; padding:13px 5px; border-top:1px solid #eef1f5; font-size:11px; }.performance-table .performance-head { border-top:0; color:#9aa6b6; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.performance-table b { font-size:11px; }.performance-table span { color:var(--muted); }.performance-up { color:var(--green)!important; font-size:10px; }.performance-table strong { font-size:12px; }
@media (max-width:767px) { .affiliate-toolbar { display:block; padding:0 16px; overflow:hidden; }.affiliate-tools { padding:15px 0; }.affiliate-tools input { width:100%; }.affiliate-layout { grid-template-columns:1fr; }.partner-editor-meta { flex-wrap:wrap; }.partner-editor-meta a { margin-left:0; }.performance-table>div { grid-template-columns:1.5fr .7fr .9fr 1fr; }.performance-table>div>*:last-child { display:none; }.performance-table .performance-head { font-size:9px; } }

/* Shop and order workspace */
.shop-tabs { display:flex; align-items:center; justify-content:space-between; padding:0 22px; margin-bottom:16px; }.shop-tabs .inbox-tabs { padding-top:18px; }.shop-tools { display:flex; gap:10px; }.shop-tools label { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:#8b99aa; }.shop-tools input { width:160px; border:0; outline:0; padding:10px 0; font:12px "DM Sans",sans-serif; }.shop-tools select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 10px; font-size:11px; }.shop-workspace { display:grid; grid-template-columns:1.05fr 1.35fr; gap:16px; }.inventory-list,.order-list { margin-top:17px; }.inventory-row { display:flex; align-items:center; gap:12px; border-top:1px solid #eef1f5; padding:14px 0; }.shop-product-art { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:7px; color:#fff; font-size:18px; }.shop-product-art.stand { background:#2474e8; }.shop-product-art.light { background:#f29b38; }.shop-product-art.hub { background:#19a974; }.shop-product-art.mic { background:#8062df; }.inventory-copy { flex:1; min-width:0; }.inventory-copy strong,.inventory-copy small { display:block; }.inventory-copy strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.inventory-copy small { color:#9aa6b6; font-size:11px; margin-top:4px; }.stock-status { font-size:10px; white-space:nowrap; }.stock-status i { font-size:6px; vertical-align:middle; margin-right:4px; }.in-stock { color:var(--green); }.low-stock { color:var(--orange); }.order-row { display:grid; grid-template-columns:55px 1fr 70px 86px 75px; gap:10px; align-items:center; border-top:1px solid #eef1f5; padding:14px 0; color:var(--ink); }.order-number { color:var(--blue); font-size:11px; font-weight:700; }.order-copy { min-width:0; }.order-copy strong,.order-copy small { display:block; }.order-copy strong { font-size:12px; }.order-copy small { color:#9aa6b6; font-size:10px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.order-total { font-size:12px; }.order-status { width:max-content; border-radius:15px; padding:5px 7px; font-size:9px; font-weight:700; }.order-status.new { color:var(--blue); background:#e8f1ff; }.order-status.review { color:#b56b14; background:#fff2e2; }.order-status.quoted { color:var(--green); background:#e7f8f0; }.order-row time { color:#9aa6b6; font-size:10px; white-space:nowrap; }.fulfilment-note { display:flex; align-items:center; gap:14px; margin-top:16px; padding:16px 20px; }.fulfilment-note>i { color:var(--blue); font-size:22px; }.fulfilment-note div { flex:1; }.fulfilment-note strong { font-size:13px; }.fulfilment-note p { color:var(--muted); font-size:11px; margin:4px 0 0; }.fulfilment-note a { color:var(--blue); font-size:11px; font-weight:700; white-space:nowrap; }
@media (max-width:767px) { .shop-tabs { display:block; padding:0 16px; overflow:hidden; }.shop-tools { padding:15px 0; }.shop-tools input { width:100%; }.shop-workspace { grid-template-columns:1fr; }.inventory-row { gap:9px; }.stock-status { display:none; }.order-row { grid-template-columns:45px 1fr 70px; gap:7px; }.order-status,.order-row time { display:none; }.fulfilment-note { align-items:flex-start; flex-wrap:wrap; }.fulfilment-note a { margin-left:36px; } }

/* Advertising workspace */
.advertising-tabs { display:flex; align-items:center; justify-content:space-between; padding:0 22px; margin-bottom:16px; }.advertising-tabs .inbox-tabs { padding-top:18px; }.advertising-tools { display:flex; gap:10px; }.advertising-tools label { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:#8b99aa; }.advertising-tools input { width:155px; border:0; outline:0; padding:10px 0; font:12px "DM Sans",sans-serif; }.advertising-tools select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 10px; font-size:11px; }.advertising-layout { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; margin-bottom:16px; }.campaign-list { margin-top:17px; }.campaign-row { display:flex; align-items:center; gap:11px; color:var(--ink); border-top:1px solid #eef1f5; padding:14px 8px; }.campaign-row.is-selected { background:#f1f6ff; border-radius:6px; }.campaign-mark { width:39px; height:39px; flex:0 0 39px; display:grid; place-items:center; border-radius:7px; color:#fff; font-size:17px; }.campaign-blue { background:var(--blue); }.campaign-orange { background:var(--orange); }.campaign-green { background:var(--green); }.campaign-copy { flex:1; min-width:0; }.campaign-copy strong,.campaign-copy small { display:block; }.campaign-copy strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.campaign-copy small { color:#9aa6b6; font-size:10px; margin-top:4px; }.campaign-status { border-radius:15px; padding:5px 8px; font-size:10px; font-weight:700; white-space:nowrap; }.campaign-status.active { color:var(--green); background:#e7f8f0; }.campaign-status.proposal { color:#b56b14; background:#fff2e2; }.campaign-status.completed { color:var(--blue); background:#e8f1ff; }.campaign-row>i { color:#aab5c3; font-size:13px; }.campaign-meta { display:flex; align-items:center; gap:12px; color:#9aa6b6; font-size:10px; padding:15px 0 20px; border-bottom:1px solid #eef1f5; }.campaign-meta a { color:var(--blue); margin-left:auto; }.offer-panel { margin-bottom:16px; }.offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }.offer-grid>div { position:relative; border:1px solid var(--line); border-radius:7px; padding:18px; min-height:145px; }.offer-number { color:var(--blue); font:700 11px "Manrope",sans-serif; }.offer-grid i { display:block; color:var(--orange); font-size:22px; margin:17px 0 10px; }.offer-grid strong,.offer-grid small { display:block; }.offer-grid strong { font-size:13px; }.offer-grid small { color:#9aa6b6; font-size:11px; line-height:1.5; margin-top:5px; }.disclosure-note { display:flex; align-items:center; gap:14px; padding:16px 20px; }.disclosure-note>i { color:var(--green); font-size:23px; }.disclosure-note div { flex:1; }.disclosure-note strong { font-size:13px; }.disclosure-note p { color:var(--muted); font-size:11px; margin:4px 0 0; }.disclosure-note a { color:var(--blue); font-size:11px; font-weight:700; white-space:nowrap; }
@media (max-width:767px) { .advertising-tabs { display:block; padding:0 16px; overflow:hidden; }.advertising-tools { padding:15px 0; }.advertising-tools input { width:100%; }.advertising-layout { grid-template-columns:1fr; }.campaign-status { display:none; }.campaign-meta { flex-wrap:wrap; }.campaign-meta a { margin-left:0; }.offer-grid { grid-template-columns:1fr; }.disclosure-note { align-items:flex-start; flex-wrap:wrap; }.disclosure-note a { margin-left:37px; } }

/* Resume workspace */
.heading-actions .secondary-action { display:inline-flex; align-items:center; gap:7px; text-decoration:none; }.resume-summary { display:flex; justify-content:space-between; align-items:center; gap:20px; background:var(--ink); border-radius:9px; padding:24px 28px; margin-bottom:16px; color:#fff; }.resume-profile { display:flex; align-items:center; gap:16px; }.resume-profile img { width:65px; height:65px; object-fit:cover; border-radius:50%; border:3px solid #426184; }.resume-profile h2 { color:#fff; margin:5px 0 4px; font-size:21px; }.resume-profile p { color:#a9b7ca; margin:0 0 8px; font-size:12px; }.resume-location { color:#91a1b6; font-size:10px; }.resume-location i { color:#72a7ff; }.resume-publish { display:flex; align-items:flex-end; flex-direction:column; gap:7px; }.resume-publish small { color:#91a1b6; font-size:10px; }.resume-publish a { color:#83b2ff; font-size:11px; font-weight:700; }.resume-tabs { padding:0 22px; margin-bottom:16px; }.resume-tabs .inbox-tabs { padding-top:18px; }.resume-layout { display:grid; grid-template-columns:1.35fr 1fr; gap:16px; margin-bottom:16px; }.resume-editor .cms-form { margin-top:19px; }.resume-health { min-width:0; }.resume-score { display:flex; align-items:center; gap:13px; border-bottom:1px solid #eef1f5; padding:22px 0 17px; margin-bottom:4px; }.resume-score strong { color:var(--green); font:800 30px "Manrope",sans-serif; }.resume-score b,.resume-score small { display:block; }.resume-score b { font-size:13px; }.resume-score small { color:var(--muted); font-size:10px; margin-top:4px; }.resume-check { display:flex; align-items:center; gap:9px; border-bottom:1px solid #eef1f5; padding:13px 0; color:var(--ink); font-size:12px; }.resume-check>i { color:var(--green); font-size:15px; }.resume-check.pending>i { color:var(--orange); }.resume-check a { color:var(--blue); font-size:11px; font-weight:700; margin-left:auto; }.resume-timeline { margin-bottom:16px; }.resume-entry { display:grid; grid-template-columns:110px 1fr 25px; gap:18px; border-top:1px solid #eef1f5; padding:19px 0; }.resume-entry time { color:var(--blue); font-size:11px; font-weight:700; }.resume-entry strong,.resume-entry small { display:block; }.resume-entry strong { font-size:14px; }.resume-entry small { color:var(--blue); font-size:11px; margin-top:4px; }.resume-entry p { color:var(--muted); font-size:11px; line-height:1.55; margin:7px 0 0; }.resume-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.resume-list { list-style:none; padding:0; margin:18px 0 0; }.resume-list li { border-top:1px solid #eef1f5; padding:14px 0; }.resume-list strong,.resume-list small { display:block; }.resume-list strong { font-size:12px; }.resume-list small { color:var(--muted); font-size:10px; margin-top:4px; }.skill-tags { display:flex; flex-wrap:wrap; gap:8px; margin:21px 0 20px; }.skill-tags span { color:var(--blue); background:#edf3ff; border-radius:4px; padding:7px 9px; font-size:11px; }.resume-bottom-grid .text-link { font-size:11px; }
@media (max-width:767px) { .resume-summary { align-items:flex-start; flex-direction:column; padding:20px; }.resume-profile h2 { font-size:18px; }.resume-publish { align-items:flex-start; margin-left:81px; }.resume-tabs { padding:0 16px; overflow:auto; }.resume-tabs .inbox-tabs { min-width:510px; }.resume-layout,.resume-bottom-grid { grid-template-columns:1fr; }.resume-entry { grid-template-columns:1fr 25px; gap:7px; }.resume-entry time { grid-column:1 / -1; }.resume-entry p { font-size:12px; }.resume-bottom-grid { gap:16px; } }

/* User management workspace */
.user-toolbar { display:flex; align-items:center; justify-content:space-between; padding:0 22px; margin-bottom:16px; }.user-toolbar .inbox-tabs { padding-top:18px; }.user-tools { display:flex; gap:10px; }.user-tools label { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:#8b99aa; }.user-tools input { width:145px; border:0; outline:0; padding:10px 0; font:12px "DM Sans",sans-serif; }.user-tools select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 10px; font-size:11px; }.user-layout { display:grid; grid-template-columns:1.55fr 1fr; gap:16px; margin-bottom:16px; }.user-table-panel,.role-panel { min-width:0; }.user-table { margin-top:18px; }.user-table-head,.user-row { display:grid; grid-template-columns:2fr 1fr .85fr .75fr 25px; gap:12px; align-items:center; }.user-table-head { color:#9aa6b6; font-size:10px; padding:0 10px 10px; text-transform:uppercase; letter-spacing:.06em; }.user-row { border-top:1px solid #eef1f5; padding:14px 10px; }.user-person { display:flex; align-items:center; gap:10px; min-width:0; }.user-avatar { display:grid; place-items:center; width:35px; height:35px; flex:0 0 35px; border-radius:50%; color:#fff; font-size:10px; font-weight:700; }.user-person strong,.user-person small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.user-person strong { font-size:12px; }.user-person small { color:#9aa6b6; font-size:10px; margin-top:3px; }.role-label,.last-active,.user-status { font-size:10px; }.role-label { font-weight:700; }.role-label.admin { color:var(--violet); }.role-label.editor { color:var(--blue); }.role-label.client { color:var(--orange); }.role-label.collaborator { color:var(--green); }.last-active { color:var(--muted); }.user-status { width:max-content; border-radius:15px; padding:5px 8px; font-weight:700; }.user-status.active { color:var(--green); background:#e7f8f0; }.user-status.pending { color:#b56b14; background:#fff2e2; }.table-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #eef1f5; margin-top:5px; padding:16px 10px 2px; color:#9aa6b6; font-size:10px; }.pagination-button { width:27px; height:27px; margin-left:4px; border:1px solid var(--line); border-radius:4px; color:var(--muted); background:#fff; font-size:10px; }.pagination-button.active { border-color:var(--blue); color:#fff; background:var(--blue); }.pagination-button:disabled { opacity:.45; }.role-card { display:flex; align-items:center; gap:11px; border-bottom:1px solid #eef1f5; padding:15px 0; }.role-card>span:nth-child(2) { flex:1; }.role-card strong,.role-card small { display:block; }.role-card strong { font-size:13px; }.role-card small { color:#9aa6b6; font-size:10px; margin-top:3px; }.role-card>b { color:var(--muted); font-size:12px; }.role-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:6px; font-size:16px; }.role-icon.admin { color:var(--violet); background:#f0ebff; }.role-icon.editor { color:var(--blue); background:#e8f1ff; }.role-icon.collaborator { color:var(--green); background:#e7f8f0; }.role-icon.client { color:var(--orange); background:#fff2e2; }.role-note { display:flex; align-items:flex-start; gap:8px; margin-top:18px; color:var(--muted); font-size:11px; line-height:1.5; }.role-note i { color:var(--blue); }.invite-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; }.invite-panel h2 { margin:5px 0 4px; font-size:18px; }.invite-panel p { color:var(--muted); font-size:11px; margin:0; }.invite-form { display:flex; align-items:flex-end; gap:10px; }.invite-form label { color:var(--ink); font-size:11px; font-weight:700; }.invite-form input,.invite-form select { display:block; width:180px; border:1px solid var(--line); border-radius:5px; padding:11px; margin-top:7px; outline:0; color:var(--ink); background:#fff; font:12px "DM Sans",sans-serif; }.invite-form .primary-action { border:0; white-space:nowrap; }
@media (max-width:767px) { .user-toolbar { display:block; padding:0 16px; overflow:hidden; }.user-toolbar .inbox-tabs { min-width:500px; }.user-tools { padding:15px 0; }.user-tools input { width:100%; }.user-layout { grid-template-columns:1fr; }.user-table-panel { overflow:hidden; }.user-table { min-width:650px; }.user-table-head,.user-row { grid-template-columns:2fr 1fr .85fr .75fr 25px; }.user-table-panel { overflow-x:auto; }.role-panel { margin-top:0; }.invite-panel { display:block; }.invite-form { align-items:stretch; flex-direction:column; margin-top:18px; }.invite-form input,.invite-form select { width:100%; } }
.invite-panel { position:relative; }.invite-form { flex-wrap:wrap; }.invite-form label { flex:1 1 180px; }.invite-form label.manual-status { display:flex; align-items:center; gap:8px; flex:0 0 auto; padding-bottom:11px; font-weight:500; }.invite-form label.manual-status input { width:auto; margin:0; accent-color:var(--blue); }.form-success { flex-basis:100%; color:var(--green); background:#e7f8f0; border-radius:5px; padding:10px 12px; margin:14px 0 0; font-size:12px; }.form-success i { margin-right:6px; }

/* Reports workspace */
.report-controls { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:16px; }.report-controls h2 { margin:6px 0 5px; font-size:20px; }.report-controls p { color:var(--muted); margin:0; font-size:12px; }.report-control-fields { display:flex; gap:10px; min-width:390px; }.report-control-fields label { color:var(--ink); flex:1; font-size:11px; font-weight:700; }.report-control-fields select { display:block; width:100%; border:1px solid var(--line); border-radius:5px; padding:10px; margin-top:7px; color:var(--muted); background:#fff; font:12px "DM Sans",sans-serif; }.report-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:16px; }.report-kpi { background:var(--ink); border-radius:8px; color:#fff; padding:18px 20px; }.report-kpi span,.report-kpi strong,.report-kpi small { display:block; }.report-kpi span { color:#9aabc1; font-size:11px; }.report-kpi strong { font:800 26px "Manrope",sans-serif; margin:12px 0 5px; }.report-kpi small { color:#a7b7c9; font-size:10px; }.positive { color:var(--green)!important; }.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }.report-table-panel { min-width:0; }.report-updated { color:#9aa6b6; font-size:10px; }.report-table { width:100%; border-collapse:collapse; margin-top:18px; font-size:11px; }.report-table th { color:#9aa6b6; font-size:10px; font-weight:500; text-align:left; padding:0 7px 10px; }.report-table td { border-top:1px solid #eef1f5; padding:13px 7px; color:var(--ink); }.report-table td:not(:first-child) { color:var(--muted); }.report-table td i { color:var(--blue); margin-right:7px; }.rank-badge { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:7px; border-radius:50%; background:#edf3ff; color:var(--blue); font-size:9px; }.report-bars { margin-top:18px; }.report-bars>div { display:grid; grid-template-columns:1fr 28px; gap:8px; margin:17px 0; font-size:11px; }.report-bars b { text-align:right; color:var(--muted); }.report-bars em { grid-column:1 / -1; height:6px; border-radius:5px; background:#edf1f6; overflow:hidden; }.report-bars em i { display:block; height:100%; border-radius:inherit; background:var(--blue); }.revenue-list { margin-top:17px; }.revenue-list div { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #eef1f5; padding:15px 0; font-size:11px; }.revenue-list i { color:var(--blue); margin-right:8px; }.revenue-list strong { font-size:12px; }
@media (max-width:767px) { .report-controls { display:block; }.report-control-fields { min-width:0; margin-top:18px; }.report-kpis { grid-template-columns:repeat(2,1fr); }.report-kpi { padding:15px; }.report-kpi strong { font-size:22px; }.report-grid { grid-template-columns:1fr; }.report-controls .report-control-fields { flex-direction:column; } }

/* Articles workspace */
.article-toolbar { display:flex; justify-content:space-between; align-items:center; padding:0 22px; margin-bottom:16px; }.article-toolbar .inbox-tabs { padding-top:18px; }.article-tools { display:flex; gap:10px; }.article-tools label { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:5px; padding:0 10px; color:#8b99aa; }.article-tools input { width:150px; border:0; outline:0; padding:9px 0; font:12px "DM Sans",sans-serif; }.article-tools select { border:1px solid var(--line); border-radius:5px; color:var(--muted); background:#fff; padding:9px 10px; font-size:11px; }.article-layout { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; }.article-list-panel,.article-editor { min-width:0; }.article-count { color:#9aa6b6; font-size:11px; }.article-list { margin-top:17px; }.article-row { display:flex; align-items:center; gap:11px; padding:13px 8px; border-top:1px solid #eef1f5; color:var(--ink); }.article-row.is-selected { background:#f1f6ff; border-radius:6px; }.article-row-copy { flex:1; min-width:0; }.article-row-copy strong,.article-row-copy small { display:block; }.article-row-copy strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.article-row-copy small { color:#9aa6b6; font-size:10px; margin-top:4px; }.article-art { display:grid; place-items:center; flex:0 0 39px; width:39px; height:39px; border-radius:6px; color:#fff; font-size:17px; }.article-art-build { background:#2474e8; }.article-art-design { background:#8062df; }.article-art-mindset { background:#19a974; }.article-art-draft { background:#f29b38; }.article-row>i:last-child { color:#aab5c3; font-size:13px; }.article-status { display:inline-flex; border-radius:20px; padding:5px 8px; font-size:10px; font-weight:700; white-space:nowrap; }.article-status.published { color:var(--green); background:#e7f8f0; }.article-status.draft { color:#b56b14; background:#fff2e2; }.icon-button { border:0; background:transparent; color:var(--muted); font-size:18px; }.article-editor-meta { display:flex; align-items:center; gap:12px; color:#9aa6b6; font-size:10px; padding:15px 0 20px; border-bottom:1px solid #eef1f5; }.article-editor-meta a { color:var(--blue); margin-left:auto; }.article-editor .cms-form { padding-top:4px; }.editor-two-col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.editor-two-col select { display:block; width:100%; border:1px solid var(--line); border-radius:5px; background:#fff; padding:12px 13px; margin-top:7px; color:var(--ink); font:14px "DM Sans",sans-serif; }
@media (max-width:767px) { .article-toolbar { display:block; padding:0 16px; overflow:hidden; }.article-tools { padding:15px 0; }.article-tools input { width:100%; }.article-layout { grid-template-columns:1fr; }.article-row-copy strong { font-size:13px; }.article-editor-meta { flex-wrap:wrap; }.article-editor-meta a { margin-left:0; }.editor-two-col { grid-template-columns:1fr; } }
.article-create-panel[hidden] { display:none; }

.cms-form select[name="status"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, #72829a 50%), linear-gradient(135deg, #72829a 50%, transparent 50%), linear-gradient(to right, rgba(211, 219, 230, 0.9), rgba(211, 219, 230, 0.9));
  background-position: calc(100% - 18px) calc(50% - 4px), calc(100% - 13px) calc(50% - 4px), calc(100% - 2.8em) 0;
  background-size: 5px 5px, 5px 5px, 1px 100%;
  background-repeat: no-repeat;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--ink);
  font-weight: 600;
  padding-right: 2.8em;
}
.cms-form select[name="status"].status-draft {
  background-color: #fff2e2;
  border-color: #f0d4a5;
  color: #b56b14;
}
.cms-form select[name="status"].status-published {
  background-color: #e7f8f0;
  border-color: #bfe8d1;
  color: var(--green);
}

.article-modal .modal-dialog { max-width: min(860px, calc(100vw - 32px)); margin: 16px auto; }
.article-modal .modal-content { max-height: calc(100vh - 32px); border: 0; border-radius: 9px; }
.article-modal .modal-header,.article-modal .modal-footer { flex: 0 0 auto; }
.article-modal .modal-body { overflow-y: auto; padding: 22px; }
.article-modal .cms-form { margin: 0; }
@media (max-width:767px) { .article-modal .modal-dialog { max-width: calc(100vw - 20px); margin: 10px auto; }.article-modal .modal-content { max-height: calc(100vh - 20px); }.article-modal .modal-body { padding: 16px; }.article-modal .modal-header,.article-modal .modal-footer { padding: 14px 16px; }.article-modal .modal-title { font-size:18px; } }

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 0;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #4154f1;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #4154f1;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #5969f3;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {
  padding: 30px;
}

.error-404 h1 {
  font-size: 180px;
  font-weight: 700;
  color: #4154f1;
  margin-bottom: 0;
  line-height: 150px;
}

.error-404 h2 {
  font-size: 24px;
  font-weight: 700;
  color: #012970;
  margin-bottom: 30px;
}

.error-404 .btn {
  background: #51678f;
  color: #fff;
  padding: 8px 30px;
}

.error-404 .btn:hover {
  background: #3e4f6f;
}

@media (min-width: 992px) {
  .error-404 img {
    max-width: 50%;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 20px 0;
  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
}

.footer .copyright {
  text-align: center;
  color: #012970;
}

.footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #012970;
}

/* Readability scale */
body { font-size: 15px; }
.header .logo span { font-size: 18px; }
.header .logo small { font-size: 10px; }
.header .search-form input { font-size: 14px; min-height: 44px; }
.sidebar-nav .nav-link, .sidebar-nav .nav-link.collapsed { font-size: 15px; padding: 13px 14px; }
.sidebar-nav .nav-heading { font-size: 11px; }
.sidebar-nav .nav-content a { font-size: 14px; padding-top: 11px; padding-bottom: 11px; }
#main { padding: 42px 46px 52px; }
.portal-heading { margin-bottom: 34px; }
.portal-heading h1 { font-size: 32px; }
.portal-heading p { font-size: 16px; }
.eyebrow { font-size: 11px; }
.primary-action { padding: 13px 18px; font-size: 14px; }
.metric-card { padding: 22px 22px 18px; min-height: 176px; }
.metric-top { font-size: 14px; }
.metric-top i { font-size: 22px; }
.metric-card strong { font-size: 32px; margin-top: 17px; }
.metric-card small { font-size: 12px; }
.panel { padding: 25px 26px; }
.panel-heading h2 { font-size: 20px; }
.panel-heading select, .period-select { font-size: 13px; padding: 10px 12px; }
.chart-summary strong { font-size: 29px; }
.chart-summary span, .chart-y, .chart-x { font-size: 11px; }
.activity-list strong { font-size: 13px; }.activity-list small, .activity-list time { font-size: 11px; }.activity-list li { padding: 15px 0; }
.content-type strong { font-size: 14px; }.content-type small { font-size: 11px; }.content-row b { font-size: 12px; }
.quick-actions a { font-size: 14px; padding: 16px 0; }
.text-link { font-size: 13px; }
.cms-section-list strong { font-size: 14px; }.cms-section-list small { font-size: 11px; }.cms-section-list b { font-size: 10px; }.cms-section-list a { padding: 16px 8px; }
.editor-note { font-size: 14px; }.cms-form label, .settings-card label { font-size: 13px; }.cms-form input,.cms-form textarea,.settings-card input,.settings-card textarea,.settings-card select { font-size: 14px; padding: 12px 13px; }
.status-pill { font-size: 12px; }.queue-grid strong { font-size: 14px; }.queue-grid small { font-size: 11px; }.queue-grid a { font-size: 12px; }
.inbox-tabs a { font-size: 13px; }.message-copy strong { font-size: 14px; }.message-copy small,.message-copy>span,.message-row time { font-size: 11px; }
.media-grid strong { font-size: 13px; }.media-grid small { font-size: 11px; }
.settings-symbol { font-size: 24px; }
@media (max-width: 767px) { #main { padding: 30px 20px 40px; }.portal-heading h1 { font-size: 27px; }.portal-heading p { font-size: 14px; }.metric-grid { grid-template-columns: 1fr; }.metric-card { min-height: 160px; }.panel { padding: 22px 19px; }.panel-heading h2 { font-size: 18px; }.primary-action { font-size: 13px; padding: 12px 14px; }.media-grid strong { font-size: 12px; } }

/* Sidebar information architecture */
.sidebar { display:flex; flex-direction:column; }
.sidebar-brand { display:flex; align-items:center; gap:11px; padding:0 10px 25px; margin-bottom:3px; border-bottom:1px solid rgba(160,180,210,.13); }
.sidebar-brand img { width:35px; height:40px; object-fit:contain; filter:brightness(0) invert(1); }
.sidebar-brand strong,.sidebar-brand small { display:block; }
.sidebar-brand strong { color:#fff; font:700 11px "Manrope",sans-serif; letter-spacing:.06em; white-space:nowrap; }
.sidebar-brand small { color:#8394ad; font:10px "DM Sans",sans-serif; letter-spacing:.1em; margin-top:4px; }
.sidebar-nav { flex:1; padding:0; margin:0; }
.sidebar-group { margin-top:23px; }
.sidebar-group-main { margin-top:17px; }
.sidebar-heading { display:block; color:#657790; font-size:10px; font-weight:700; letter-spacing:.16em; line-height:1; margin:0 12px 9px; text-transform:uppercase; }
.sidebar-nav .nav-link,.sidebar-nav .nav-link.collapsed { display:flex; align-items:center; gap:12px; color:#a6b4c9; background:transparent; border-radius:7px; font-size:13px; font-weight:500; min-height:42px; padding:10px 12px; }
.sidebar-nav .nav-link i,.sidebar-nav .nav-link.collapsed i { color:#8495ae; font-size:16px; margin:0; width:19px; text-align:center; }
.sidebar-nav .nav-link:hover { color:#fff; background:#263957; }
.sidebar-nav .nav-link:hover i { color:#72a7ff; }
.sidebar-nav .nav-link.is-active { color:#fff; background:linear-gradient(90deg,#4c47dc,#4c63ed); box-shadow:0 5px 15px rgba(75,78,224,.28); }
.sidebar-nav .nav-link.is-active i { color:#fff; }
.sidebar-count { margin-left:auto; min-width:19px; height:19px; display:grid; place-items:center; border-radius:10px; background:#5a55dc; color:#fff; font-size:10px; font-weight:700; }
.sidebar-actions { border-top:1px solid rgba(160,180,210,.13); padding:18px 0 2px; margin-top:20px; }
.sidebar-actions a { display:flex; align-items:center; gap:12px; color:#9babbe; font-size:13px; padding:10px 12px; border-radius:7px; }
.sidebar-actions a:hover { color:#fff; background:#263957; }
.sidebar-actions i { width:19px; text-align:center; color:#8495ae; font-size:16px; }
.sidebar-actions a:hover i { color:#72a7ff; }
@media (max-width:1199px) { .sidebar-brand { padding-top:2px; } }
@media (max-width:767px) { .sidebar { padding-left:16px; padding-right:16px; } .sidebar-brand strong { font-size:12px; } .sidebar-nav .nav-link,.sidebar-nav .nav-link.collapsed { font-size:14px; min-height:45px; } .sidebar-heading { font-size:11px; } .sidebar-actions a { font-size:14px; } }

/* Dashboard status strip */
.dashboard-status { display:flex; align-items:center; gap:18px; background:#fff; border:1px solid var(--line); border-radius:9px; padding:14px 18px; margin:-10px 0 22px; box-shadow:0 7px 20px rgba(24,43,70,.035); }.status-overview { display:flex; align-items:center; gap:10px; flex:1; }.status-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px #e4f7ef; }.status-overview strong,.status-overview small,.status-mini strong,.status-mini small { display:block; }.status-overview strong,.status-mini strong { font-size:12px; }.status-overview small,.status-mini small { color:var(--muted); font-size:10px; margin-top:3px; }.dashboard-status>a { color:var(--blue); font-size:11px; font-weight:700; white-space:nowrap; }.status-divider { width:1px; height:30px; background:var(--line); }.status-mini { display:flex; align-items:center; gap:9px; min-width:130px; }.status-mini>i { color:var(--blue); font-size:18px; }.status-mini:nth-last-child(1)>i { color:var(--green); }
@media (max-width:767px) { .dashboard-status { align-items:flex-start; flex-wrap:wrap; gap:13px; margin-top:-4px; }.status-overview { flex-basis:100%; }.dashboard-status>a { margin-left:19px; }.status-divider { display:none; }.status-mini { min-width:calc(50% - 8px); } }