/* Team and dashboard UI styles */
.client-detail-page { color: #182b43; }
.service-brief-panel { border-left: 3px solid #ff3b18; }.service-brief-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; }.service-brief-grid > div { padding: .85rem; border-radius: .55rem; background: #f6f9fc; }.service-brief-grid small { display: block; margin-bottom: .35rem; color: #718398; font-size: .6rem; }.service-brief-grid strong { display: block; color: #263e58; font-size: .75rem; }.service-brief-grid p, .service-brief-grid li { color: #718398; font-size: .66rem; line-height: 1.5; }.service-brief-grid p { margin: .35rem 0 0; }.service-brief-grid ul { margin: .35rem 0 0; padding-left: 1rem; }.open-service-brief { padding: .45rem; border: 1px solid #dce6ee; border-radius: .4rem; background: #fff; color: #304a64; font-size: .63rem; white-space: nowrap; }
.point-field { height: 100%; padding: .85rem; border: 1px solid #e8eef3; border-radius: .65rem; background: #f9fbfc; }.work-points { display: grid; gap: .45rem; }.work-point-row { display: flex; gap: .45rem; }.work-point-row .form-control { min-width: 0; }.work-point-row .btn { flex: 0 0 auto; }.add-work-point { margin-top: .6rem; }
.point-field-head { display: flex; align-items: flex-start; gap: .55rem; margin-bottom: .8rem; }.point-field-head > i { display: grid; place-items: center; width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: .5rem; color: #ff3b18; background: #fff0ec; font-size: .95rem; }

/* Add Client Work page */
.work-hero { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: 1.25rem; padding: 1.5rem 1.75rem; border-radius: 1rem; color: #fff; background: linear-gradient(120deg, #0c1d31 0%, #17243a 55%, #ff3b18 145%); box-shadow: 0 .8rem 2rem rgb(12 29 49 / 22%); }
.work-hero-tag { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .6rem; padding: .3rem .7rem; border-radius: 999px; color: #ffd7cc; background: rgb(255 255 255 / 12%); font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.work-hero-left h1 { margin: 0 0 .35rem; color: #fff; font-size: 1.55rem; font-weight: 800; }
.work-hero-left p { margin: 0; max-width: 34rem; color: rgb(255 255 255 / 78%); font-size: .8rem; }
.work-hero-left p strong { color: #fff; }
.work-back-btn { flex: 0 0 auto; color: #172033; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.work-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 1.25rem; }
.work-form { display: grid; gap: 1rem; }
.work-step { border: 1px solid #e7edf3; border-radius: 1rem; background: #fff; box-shadow: 0 .3rem .9rem rgb(16 21 34 / 4%); overflow: hidden; }
.work-step-head { display: flex; align-items: flex-start; gap: .85rem; padding: 1.1rem 1.35rem; border-bottom: 1px solid #eef2f6; background: #fbfcfe; }
.work-step-no { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; flex: 0 0 auto; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #ff6b4b, #ff3217); font-size: .85rem; font-weight: 800; }
.work-step-head h2 { margin: 0; color: #182b43; font-size: .95rem; font-weight: 800; }
.work-step-head p { margin: .2rem 0 0; color: #718398; font-size: .7rem; }
.work-step-body { padding: 1.35rem; }
.work-form-actions { display: flex; justify-content: flex-end; gap: .6rem; padding: .3rem .1rem; }
.work-summary { position: sticky; top: 1rem; }
.work-summary-card { padding: 1.4rem; border-radius: 1rem; color: #fff; background: linear-gradient(155deg, #17243a, #0b1725 70%); box-shadow: 0 1rem 2.2rem rgb(11 23 37 / 30%); }
.work-summary-tag { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: .8rem; padding: .3rem .6rem; border-radius: 999px; color: #ffb199; background: rgb(255 59 24 / 18%); font-size: .6rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.work-summary-card h3 { margin: 0; color: #fff; font-size: 1.1rem; font-weight: 800; }
.work-summary-client { display: flex; align-items: center; gap: .4rem; margin: .35rem 0 1.1rem; color: rgb(255 255 255 / 65%); font-size: .72rem; }
.work-summary-row { display: flex; align-items: center; justify-content: space-between; padding: .6rem 0; border-top: 1px solid rgb(255 255 255 / 10%); color: rgb(255 255 255 / 75%); font-size: .68rem; }
.work-summary-row strong { color: #fff; font-size: .72rem; }
.work-summary-price { margin-top: .3rem; padding: .9rem; border-radius: .7rem; background: rgb(255 255 255 / 6%); }
.work-summary-price small { display: block; color: rgb(255 255 255 / 55%); font-size: .62rem; }
.work-summary-price strong { display: block; margin-top: .2rem; color: #fff; font-size: 1.35rem; font-weight: 800; }
.work-summary-split { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: .75rem; }
.work-summary-split > div { padding: .7rem; border-radius: .6rem; background: rgb(255 255 255 / 6%); text-align: center; }
.work-summary-split small { display: block; color: rgb(255 255 255 / 55%); font-size: .6rem; }
.work-summary-split strong { display: block; margin-top: .25rem; color: #ff9c85; font-size: .92rem; }
.work-summary-rule { margin-top: .9rem; padding: .65rem .75rem; border-radius: .6rem; color: #ffd8cc; background: rgb(255 59 24 / 16%); font-size: .65rem; line-height: 1.4; }
.work-summary-rule i { margin-right: .3rem; }
.work-summary-note { display: flex; align-items: flex-start; gap: .4rem; margin-top: .8rem; color: rgb(255 255 255 / 45%); font-size: .62rem; line-height: 1.5; }
@media (max-width: 991.98px) { .work-layout { grid-template-columns: 1fr; }.work-summary { position: static; } }
@media (max-width: 575.98px) { .work-hero { flex-direction: column; align-items: flex-start; } }
.project-admin-detail { color: #182b43; }.project-admin-breadcrumb { display: flex; align-items: center; gap: .55rem; margin-bottom: .8rem; color: #718398; font-size: .72rem; }.project-admin-breadcrumb a { color: #182b43; font-weight: 700; text-decoration: none; }.project-admin-breadcrumb i { font-size: .6rem; }.project-admin-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.project-admin-title { display: flex; align-items: center; gap: .75rem; }.project-admin-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: .7rem; color: #fff; background: #3d9a77; font-size: 1.35rem; }.project-admin-title h1 { margin: 0; color: #182b43; font-size: 1.25rem; font-weight: 800; }.project-admin-title p { margin: .3rem 0 0; color: #718398; font-size: .7rem; }.project-admin-title p span { margin: 0 .4rem; color: #b6c2ce; }.project-admin-actions { display: flex; gap: .5rem; }.project-admin-actions .btn { font-size: .7rem; }.project-admin-tabs { display: flex; gap: .2rem; overflow-x: auto; padding: .3rem; border-radius: .65rem; background: #fff; box-shadow: 0 .15rem .8rem rgb(23 45 70 / 7%); }.project-admin-tabs a { padding: .7rem 1rem; border-bottom: 2px solid transparent; color: #536a82; white-space: nowrap; font-size: .68rem; font-weight: 700; text-decoration: none; }.project-admin-tabs a.active { border-color: #ff3b18; color: #ff3b18; }.project-admin-panel { padding: 1rem; }.project-admin-panel h2 { margin: 0 0 .8rem; color: #182b43; font-size: .9rem; font-weight: 800; }.project-admin-panel > p { color: #5f7389; font-size: .75rem; line-height: 1.6; }.project-challenge-solution { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.2rem; }.project-challenge-solution > div { padding: .8rem; border-radius: .5rem; background: #f5f9fc; }.project-challenge-solution h3 { margin: 0 0 .35rem; color: #263e58; font-size: .75rem; }.project-challenge-solution p { margin: 0; color: #718398; font-size: .68rem; line-height: 1.5; }.project-admin-dl { display: grid; gap: .65rem; margin: 0; }.project-admin-dl div { display: flex; justify-content: space-between; gap: .5rem; border-bottom: 1px solid #edf2f7; padding-bottom: .45rem; }.project-admin-dl dt, .project-admin-dl dd { margin: 0; font-size: .68rem; }.project-admin-dl dt { color: #718398; }.project-admin-dl dd { color: #263e58; font-weight: 700; }.project-admin-panel-title { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }.project-admin-panel-title h2 { margin: 0; }.project-admin-panel-title > strong { color: #ff3b18; font-size: .9rem; }.project-progress { height: .55rem; margin-bottom: 1.3rem; overflow: hidden; border-radius: 999px; background: #edf2f7; }.project-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff6b4b, #ff3217); }.project-delivery-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: .4rem; }.project-delivery-steps div { display: grid; gap: .25rem; text-align: center; }.project-delivery-steps b, .project-delivery-steps strong, .project-delivery-steps small { font-size: .62rem; }.project-delivery-steps b { color: #718398; }.project-delivery-steps i { color: #bbc6d0; }.project-delivery-steps .complete i { color: #15935a; }.project-delivery-steps strong { color: #263e58; }.project-delivery-steps small { color: #718398; }.project-admin-list { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; color: #526a81; font-size: .7rem; }.project-admin-list i { margin-right: .4rem; color: #15935a; }.project-tech-pills { display: flex; flex-wrap: wrap; gap: .5rem; }.project-tech-pills span { padding: .4rem .6rem; border-radius: 999px; color: #41627d; background: #edf6ff; font-size: .66rem; }.project-admin-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }.project-admin-gallery div { overflow: hidden; border: 1px solid #edf2f7; border-radius: .5rem; }.project-admin-gallery img { width: 100%; height: 130px; object-fit: cover; }.project-admin-gallery small { display: block; padding: .5rem; color: #526a81; font-size: .65rem; }.project-quote { color: #526a81; font-size: .82rem; font-style: italic; line-height: 1.6; }.project-admin-panel .client-activity { margin-top: .5rem; }
@media (max-width: 900px) { .project-admin-head { align-items: flex-start; flex-direction: column; }.project-admin-actions { flex-wrap: wrap; }.project-challenge-solution { grid-template-columns: 1fr; }.project-delivery-steps { grid-template-columns: repeat(2, 1fr); row-gap: 1rem; }.project-admin-gallery { grid-template-columns: 1fr; } }
.client-breadcrumb { display: flex; align-items: center; gap: .55rem; margin-bottom: .8rem; color: #6b7d91; font-size: .72rem; }.client-breadcrumb a { color: #182b43; font-weight: 700; text-decoration: none; }.client-breadcrumb i { font-size: .6rem; }
.client-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.client-heading { display: flex; align-items: center; gap: .8rem; }.client-avatar { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border: 1px solid #dce7f0; border-radius: .7rem; color: #2580d9; background: #eef7ff; font-weight: 800; }.client-heading h1 { margin: 0; font-size: 1.25rem; font-weight: 800; }.client-heading p { margin: .3rem 0 0; color: #6b7d91; font-size: .72rem; }.client-heading p span { margin: 0 .4rem; color: #b6c2ce; }.client-active { display: inline-flex; align-items: center; gap: .25rem; margin-left: .4rem; padding: .25rem .5rem; border-radius: 999px; color: #14934c; background: #e5f8ec; font-size: .62rem; font-weight: 700; vertical-align: middle; }.client-active i { font-size: .42rem; }.client-head-actions { display: flex; gap: .5rem; }.client-head-actions .btn { font-size: .7rem; }
.client-tabs { display: flex; gap: .2rem; overflow-x: auto; padding: .3rem; border-radius: .65rem; background: #fff; box-shadow: 0 .15rem .8rem rgb(23 45 70 / 7%); }.client-tabs a { display: flex; align-items: center; gap: .4rem; padding: .7rem .85rem; border-bottom: 2px solid transparent; color: #536a82; white-space: nowrap; font-size: .68rem; font-weight: 700; text-decoration: none; }.client-tabs a.active { border-color: #ff3b18; color: #ff3b18; }.client-panel { padding: 1rem; border: 1px solid #edf2f7; border-radius: .65rem; background: #fff; box-shadow: 0 .2rem 1rem rgb(23 45 70 / 5%); }.client-panel h2 { margin: 0; color: #182b43; font-size: .88rem; font-weight: 800; }.client-panel-title { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }.client-panel-title a { color: #ff3b18; font-size: .68rem; font-weight: 800; text-decoration: none; }.client-panel-title select { border: 1px solid #e1e9f0; border-radius: .4rem; color: #63778d; font-size: .68rem; padding: .35rem; }
.client-panel dl { display: grid; gap: .65rem; margin: 0; }.client-panel dl div { display: grid; grid-template-columns: 7.5rem 1fr; gap: .45rem; }.client-panel dt, .client-panel dd { margin: 0; font-size: .68rem; }.client-panel dt { color: #718398; }.client-panel dt i { width: 1rem; margin-right: .2rem; color: #526b83; }.client-panel dd { color: #233c57; font-weight: 600; }.client-panel dd a { color: #2d7ac5; }.client-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }.client-stats-grid span { display: grid; grid-template-columns: auto 1fr; column-gap: .35rem; align-items: center; padding: .7rem .55rem; border-radius: .55rem; background: #f5f9fc; }.client-stats-grid i { grid-row: span 2; color: #ff3b18; font-size: 1.1rem; }.client-stats-grid b { color: #1a3049; font-size: 1rem; }.client-stats-grid small { color: #718398; font-size: .58rem; }.client-actions { display: grid; gap: .2rem; }.client-actions button { padding: .55rem .3rem; border: 0; border-bottom: 1px solid #edf1f5; background: transparent; color: #2d435c; text-align: left; font-size: .7rem; }.client-actions i { width: 1.25rem; color: #546c84; }
.client-payment-rule { color: #2478bd; background: #edf7ff; border-radius: 999px; padding: .3rem .55rem; font-size: .62rem; font-weight: 700; }.payment-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-bottom: 1rem; }.payment-summary div { padding: .75rem; border-radius: .5rem; background: #f6f9fc; }.payment-summary small, .payment-summary span { display: block; color: #718398; font-size: .6rem; }.payment-summary strong { display: block; margin: .3rem 0; color: #1a3049; font-size: 1.05rem; }.payment-paid { color: #13845a !important; }.payment-due { color: #ed731d !important; }.payment-timeline { display: grid; gap: .75rem; }.payment-timeline > div { display: grid; grid-template-columns: 1.1rem 1fr auto; gap: .55rem; align-items: center; padding: .65rem; border: 1px solid #edf2f7; border-radius: .5rem; }.payment-timeline i { color: #b5c1cc; }.payment-timeline .complete i { color: #15935a; }.payment-timeline span { display: grid; gap: .15rem; }.payment-timeline strong, .payment-timeline small, .payment-timeline b { font-size: .65rem; }.payment-timeline strong { color: #263e58; }.payment-timeline small { color: #718398; }.payment-timeline b { color: #ed731d; }.payment-timeline .complete b { color: #15935a; }.invoice-list { display: grid; gap: .5rem; }.invoice-row { display: grid; grid-template-columns: 1.4rem 1fr auto; gap: .45rem; align-items: center; padding: .55rem 0; border-bottom: 1px solid #edf2f7; }.invoice-row > i { color: #ff3b18; }.invoice-row span { display: grid; gap: .15rem; }.invoice-row strong, .invoice-row small, .invoice-row b, .invoice-row em { font-size: .62rem; }.invoice-row strong { color: #263e58; }.invoice-row small { color: #718398; }.invoice-row b { color: #1a3049; }.invoice-row em { padding: .2rem .35rem; border-radius: .3rem; background: #fff1e5; color: #ed731d; font-style: normal; }.invoice-row em.paid { color: #13845a; background: #eaf9f1; }
.client-project-list { display: grid; gap: .35rem; }.client-project-row { display: grid; grid-template-columns: 2rem 2rem minmax(12rem, 1.5fr) 5.5rem 5rem 5rem 6rem 7rem; align-items: center; gap: .6rem; padding: .65rem; border: 1px solid #edf2f7; border-radius: .55rem; }.client-project-row > i { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .5rem; color: #ff3b18; background: #fff0ec; }.client-project-row > b { color: #ff3b18; font-size: .72rem; }.client-project-row div { display: grid; gap: .15rem; }.client-project-row div strong { color: #1a3049; font-size: .73rem; }.client-project-row div small, .client-project-row > small { color: #718398; font-size: .61rem; }.project-state { width: fit-content; padding: .28rem .45rem; border-radius: .35rem; color: #ed731d; background: #fff1e5; font-size: .6rem; font-weight: 700; }.project-state.planning { color: #287bcb; background: #eaf4ff; }.project-state.not-started { color: #63778d; background: #f0f3f6; }.client-project-row > strong { color: #1a3049; font-size: .7rem; }.client-project-row button { padding: .45rem; border: 1px solid #dce6ee; border-radius: .4rem; background: #fff; color: #304a64; font-size: .63rem; }.client-task { display: flex; align-items: center; gap: .5rem; padding: .6rem 0; border-bottom: 1px solid #edf2f7; color: #2e435c; font-size: .68rem; }.client-task input { accent-color: #ff3b18; }.client-task time { margin-left: auto; color: #718398; font-size: .6rem; }.client-activity { display: grid; gap: .75rem; }.client-activity > div { display: grid; grid-template-columns: .6rem 1fr auto; gap: .55rem; align-items: start; }.client-activity i { width: .55rem; height: .55rem; margin-top: .2rem; border-radius: 50%; background: #ff3b18; }.client-activity span { display: grid; gap: .15rem; }.client-activity strong, .client-activity small, .client-activity time { font-size: .65rem; }.client-activity strong { color: #263e58; }.client-activity small, .client-activity time { color: #718398; }.client-person { display: flex; align-items: center; gap: .5rem; padding: .45rem 0; }.client-person > span { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: #fff; background: #49677f; font-size: .65rem; font-weight: 800; }.client-person div { display: grid; gap: .1rem; }.client-person strong, .client-person small, .client-person em { font-size: .62rem; }.client-person strong { color: #263e58; }.client-person small, .client-person em { color: #718398; }.client-person em { margin-left: auto; font-style: normal; text-align: right; }
@media (max-width: 900px) { .client-detail-head { align-items: flex-start; flex-direction: column; }.client-head-actions { flex-wrap: wrap; }.client-project-row { min-width: 850px; }.client-project-list { overflow-x: auto; }.client-stats-grid { grid-template-columns: repeat(2, 1fr); } }
.team-ref-hero { background: #fff; }
.team-ref-eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--orange); font-size: .76rem; font-weight: 800; letter-spacing: .14rem; text-transform: uppercase; }
.eyebrow-dash { display: inline-block; width: 22px; height: 3px; border-radius: 2px; background: var(--orange); }
.team-ref-title { margin: .25rem 0 .75rem; font: 900 clamp(2.4rem, 4.6vw, 4.2rem)/.96 Manrope, sans-serif; letter-spacing: -.05em; color: var(--ink); }
.team-ref-title span, .team-section-title span { color: var(--orange); }
.team-ref-desc { color: #556272; font-size: .98rem; line-height: 1.6; max-width: 540px; }
.team-ref-art { min-height: 340px; display: flex; align-items: center; justify-content: center; }
.team-ref-main-img { width: 100%; height: 350px; object-fit: cover; border-radius: 1.5rem; }
.team-ref-scribble { position: absolute; left: -1rem; top: 1.5rem; z-index: 3; font: 1.8rem/1.05 'Permanent Marker', cursive; color: #101522; transform: rotate(-8deg); }
.team-ref-scribble em, .team-cta-handwriting em { color: var(--orange); font-style: normal; }
.team-metrics-card, .leader-card, .dashboard-card { border: 1px solid #e7edf3; border-radius: 1rem; background: #fff; box-shadow: 0 .3rem .9rem rgb(16 21 34 / 4%); }
.team-page-card { border: 1px solid #edf1f4; border-radius: 1.25rem; background: #fff; }
.team-page-image { width: 150px; height: 150px; object-fit: cover; }
.team-section-title { font: 800 clamp(1.9rem, 3.2vw, 2.7rem)/1.05 Manrope, sans-serif; letter-spacing: -.04em; color: var(--ink); margin: 0; }
.team-members-section { background: #fafbfc; }
.btn-team-filter { border-radius: 999px; border: 1px solid #e2e8f0; background: #fff; color: #334155; font-size: .78rem; font-weight: 600; padding: .45rem .95rem; }
.btn-team-filter.active, .btn-team-filter:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.team-join-cta { background: linear-gradient(110deg, #090e17, #111827 50%, #1e1215); border-radius: 1.5rem; }

/* Team dashboard */
.dashboard-content .custom-software-welcome-row { grid-template-columns: minmax(0, 1fr) auto; }
.custom-software-welcome-row > .custom-software-preview-badge { justify-self: end; white-space: nowrap; }
.dashboard-content .newsletter-welcome-row { grid-template-columns: minmax(0, 1fr) auto; }
.newsletter-welcome-row > .newsletter-ui-badge { justify-self: end; }
.newsletter-card-head { align-items: flex-end; }
.newsletter-tools { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.newsletter-tools input { width: min(230px, 100%); }
@media (max-width: 575.98px) {
    .dashboard-content .custom-software-welcome-row { grid-template-columns: 1fr; }
    .custom-software-welcome-row > .custom-software-preview-badge { justify-self: end; }
    .newsletter-welcome-row { grid-template-columns: 1fr; }
    .newsletter-welcome-row > .newsletter-ui-badge { justify-self: end; }
    .newsletter-tools { width: 100%; justify-content: flex-start; }
    .newsletter-tools input { flex: 1 1 150px; }
}
.dashboard-body { margin: 0; color: #172033; background: #f4f7fb; font-family: 'DM Sans', sans-serif; }
.dashboard-shell { display: flex; min-height: 100vh; }
.dashboard-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 10; display: flex; flex-direction: column; width: 185px; padding: 1rem .75rem; color: #b7c0cc; background: linear-gradient(180deg, #0b1725, #111e2d); }
.dashboard-brand { display: block; padding: .45rem .55rem 1.2rem; border-radius: .55rem; background: #fff; box-shadow: 0 .25rem .7rem rgb(10 30 48 / 12%); }
.dashboard-brand img { width: 140px; height: auto; max-height: 35px; object-fit: contain; }
.dashboard-nav { display: grid; gap: .15rem; margin-top: 1rem; }
.dashboard-nav a { display: flex; align-items: center; gap: .8rem; min-height: 38px; padding: .55rem .7rem; border-radius: .45rem; color: #adb9c7; font-size: .74rem; text-decoration: none; }
.dashboard-nav a i { width: 1rem; font-size: .88rem; }
.dashboard-nav a.active, .dashboard-nav a:hover { color: #fff; background: linear-gradient(100deg, #ff5d39, #ff2d16); }
.dashboard-logout { display: flex; align-items: center; gap: .7rem; margin-top: .55rem; padding: .6rem .7rem; border-radius: .45rem; color: #c2ccd7; font-size: .72rem; text-decoration: none; }.dashboard-logout:hover { color: #fff; background: rgb(255 255 255 / 8%); }.dashboard-logout i { width: 1rem; color: #ff7b5b; font-size: .95rem; }
.dashboard-main { width: calc(100% - 185px); margin-left: 185px; }
.dashboard-topbar { position: sticky; top: 0; z-index: 8; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: .6rem 2rem; border-bottom: 1px solid #e6edf3; background: rgb(255 255 255 / 96%); }
.dashboard-content { max-width: 1500px; margin: auto; padding: 1.25rem 2rem 2rem; }
.dashboard-welcome-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 250px) minmax(205px, 245px); align-items: center; gap: 1rem; margin-bottom: 1rem; }
.dashboard-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.dashboard-stats-grid article { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid #e7edf3; border-radius: .6rem; background: #fff; }
.dash-stat-icon { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; color: var(--orange); background: #fff3f0; }
.dash-stat-icon > i { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 27px; line-height: 1; transform: none; }
.dash-bars { display: flex; align-items: end; gap: .35rem; height: 115px; padding: .5rem .2rem 0; border-bottom: 1px dashed #dfe6ee; background: repeating-linear-gradient(to top, transparent 0 27px, #f1f4f7 28px); }
.dash-bars b { flex: 1; border-radius: .18rem .18rem 0 0; background: linear-gradient(180deg, #ff7b5b, #ff3b18); }
.dash-donut { display: grid; place-items: center; width: 105px; height: 105px; border-radius: 50%; background: conic-gradient(#ff3b18 0 40%, #ffad9e 40% 65%, #58a8ef 65% 83%, #45bf91 83% 93%, #9d67de 93% 100%); }
.dash-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.dash-table th, .dash-table td { padding: .55rem .45rem; border-bottom: 1px solid #eff3f6; text-align: left; font-size: .58rem; }
.dash-table th { color: #8794a2; background: #f7f9fb; }
.dash-table td strong, .dash-table td small { display: block; }.dash-table td small { color: #8491a0; font-size: .55rem; }
.enquiries-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }.enquiries-heading h1 { margin: .35rem 0 .25rem; font: 800 1.65rem/1 Manrope, sans-serif; }.enquiries-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }.enquiries-stats article { display: flex; align-items: center; gap: .75rem; padding: .95rem; border: 1px solid #e7edf3; border-radius: .65rem; background: #fff; }.enquiries-stats article > i { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: var(--orange); background: #fff1ed; }.enquiries-stats small, .enquiries-stats b { display: block; }.enquiries-stats small { color: #718096; font-size: .6rem; }.enquiries-stats b { font: 800 1.35rem/1 Manrope, sans-serif; }
.enquiry-status-select { min-width: 92px; padding: .25rem .35rem; border: 1px solid transparent; border-radius: .3rem; outline: 0; font: inherit; font-size: .55rem; font-weight: 700; cursor: pointer; }.enquiry-status-select:focus { border-color: var(--orange); box-shadow: 0 0 0 .15rem rgb(255 59 24 / 10%); }.enquiry-status-select.status-new { color: #ff3b18; background: #fff0ed; }.enquiry-status-select.status-contacted { color: #2179ca; background: #edf6ff; }.enquiry-status-select.status-in-progress { color: #e58016; background: #fff6e9; }.enquiry-status-select.status-converted { color: #13845a; background: #eaf9f1; }


/* Team Page Styles - Pixel Match */
.team-ref-hero { background: #fff; }
.team-ref-eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--orange); font-size: .76rem; font-weight: 800; letter-spacing: .14rem; text-transform: uppercase; }
.eyebrow-dash { display: inline-block; width: 22px; height: 3px; background: var(--orange); border-radius: 2px; }
.team-ref-title { margin: .25rem 0 .75rem; font: 900 clamp(2.4rem, 4.6vw, 4.2rem)/.96 'Manrope', sans-serif; letter-spacing: -.05em; color: var(--ink); }
.team-ref-desc { color: #556272; font-size: .98rem; line-height: 1.6; max-width: 540px; }
.team-ref-features .team-feat-item { display: flex; align-items: center; gap: .75rem; }
.team-feat-item i { color: var(--orange); flex-shrink: 0; }
.team-feat-item strong { display: block; font-size: .84rem; font-weight: 800; color: #101522; line-height: 1.2; }
.team-feat-item small { display: block; font-size: .72rem; color: #64748b; line-height: 1.2; }
.team-ref-art { min-height: 340px; display: flex; align-items: center; justify-content: center; }
.team-ref-main-img { width: 100%; height: 350px; object-fit: cover; border-radius: 1.5rem; }
.team-ref-scribble { position: absolute; left: -1rem; top: 1.5rem; z-index: 3; font: 1.8rem/1.05 'Permanent Marker', cursive; color: #101522; transform: rotate(-8deg); pointer-events: none; text-shadow: 0 1px 3px rgba(255,255,255,.9); }
.team-ref-scribble em { color: var(--orange); font-style: normal; }
.scribble-arrow { display: block; width: 60px; height: 24px; color: var(--orange); margin-top: .15rem; }
.team-ref-floating-card { position: absolute; right: 1rem; top: 1rem; z-index: 4; background: #fff; padding: .85rem 1.15rem; border-radius: .9rem; box-shadow: 0 1rem 2rem rgba(16,21,34,.14); border: 1px solid rgba(16,21,34,.04); }
.team-ref-floating-card strong { display: block; font-size: .88rem; font-weight: 800; line-height: 1.25; color: #101522; }

.team-metrics-card { border: 1px solid #edf1f4; background: #fff; border-radius: 1.2rem; box-shadow: 0 .4rem 1.2rem rgba(16,21,34,.03); }
.metric-icon-wrap { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #fff4f0; color: var(--orange); flex-shrink: 0; }
@media (min-width: 992px) {
    .team-metric-col:not(:last-child) { border-right: 1px solid #edf1f4; }
}

.team-leadership-section { background: #fff; }
.team-section-title { font: 800 clamp(1.9rem, 3.2vw, 2.7rem)/1.05 'Manrope', sans-serif; letter-spacing: -.04em; color: var(--ink); margin: 0; }
.leader-quote-box { max-width: 420px; }
.quote-dash { display: inline-block; width: 24px; height: 3px; background: var(--orange); border-radius: 2px; }
.leader-card { border: 1px solid #edf1f4; border-radius: 1.25rem; transition: transform .25s ease, box-shadow .25s ease; }
.leader-card:hover { transform: translateY(-5px); box-shadow: 0 1rem 2rem rgba(16,21,34,.08) !important; }
.leader-img-wrap { height: 260px; width: 100%; }
.leader-role { font-size: .82rem; color: var(--orange); }
.leader-desc { font-size: .78rem; line-height: 1.5; color: #5b6776; min-height: 3.2rem; }
.leader-socials a { width: 32px; height: 32px; border: 1px solid #e2e8f0; border-radius: 50%; display: grid; place-items: center; color: #1e293b; background: #fff; font-size: .85rem; transition: all .2s ease; }
.leader-socials a:hover { background: var(--orange); border-color: var(--orange); color: #fff; }

.team-members-section { background: #fafbfc; }
.btn-team-filter { border-radius: 999px; border: 1px solid #e2e8f0; background: #fff; color: #334155; font-size: .78rem; font-weight: 600; padding: .45rem .95rem; transition: all .2s; }
.btn-team-filter:hover, .btn-team-filter.active { background: var(--orange) !important; border-color: var(--orange) !important; color: #fff !important; }
.row-cols-lg-8 > * { flex: 0 0 auto; width: 12.5%; }
.member-img-wrap { height: 140px; width: 100%; border: 1px solid #edf1f4; }
.member-role-text { font-size: .68rem; line-height: 1.2; display: block; }

.team-culture-section { background: #fff; }
.culture-icon-wrap { display: grid; place-items: center; width: 44px; height: 44px; border-radius: .8rem; background: #fff2ee; color: var(--orange); flex-shrink: 0; }
.culture-art-wrap { display: grid; grid-template-columns: 1.1fr 1fr; gap: 1rem; width: 100%; }
.culture-img-1 { height: 280px; position: relative; }
.culture-img-2 { height: 280px; }
.culture-scribble-tag { background: linear-gradient(135deg, rgba(0,0,0,.65), rgba(0,0,0,.15)); border-radius: 1rem 0 1rem 0; font: 1.35rem/1.1 'Permanent Marker', cursive; z-index: 2; }
.culture-scribble-tag em { color: var(--orange); font-style: normal; }

.team-join-cta { background: linear-gradient(110deg, #090e17 0%, #111827 50%, #1e1215 100%); border-radius: 1.5rem; }
.team-cta-tag { color: #ff9d85; letter-spacing: .15rem; font-size: .72rem; }
.team-cta-handwriting { font: 1.35rem/1.1 'Permanent Marker', cursive; color: #fff; transform: rotate(-6deg); white-space: nowrap; opacity: .9; }
.team-cta-handwriting em { color: var(--orange); font-style: normal; }

@media (max-width: 991.98px) {
    .team-ref-title { font-size: 2.7rem; }
    .team-ref-scribble { left: 0; top: .5rem; }
    .row-cols-lg-8 > * { width: 25%; }
    .culture-art-wrap { grid-template-columns: 1fr; }
    .culture-img-1, .culture-img-2 { height: 220px; }
}

@media (max-width: 575.98px) {
    .team-ref-title { font-size: 2.2rem; }
    .row-cols-lg-8 > * { width: 50%; }
    .team-ref-main-img { height: 260px; }
    .leader-img-wrap { height: 220px; }
}



/* Static team dashboard UI */
.dashboard-body { margin: 0; color: #172033; background: #f4f7fb; font-family: 'DM Sans', sans-serif; }
.dashboard-shell { display: flex; min-height: 100vh; }
.dashboard-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 10; display: flex; flex-direction: column; width: 185px; padding: 1rem .75rem; color: #b7c0cc; background: linear-gradient(180deg, #0b1725, #111e2d); }
.dashboard-brand { display: block; padding: .45rem .55rem 1.2rem; background: #fff; border-radius: .55rem; box-shadow: 0 .25rem .7rem rgb(10 30 48 / 12%); }.dashboard-brand img { width: 140px; height: auto; max-height: 35px; object-fit: contain; }
.dashboard-nav { display: grid; gap: .15rem; margin-top: 1rem; }.dashboard-nav a { display: flex; align-items: center; gap: .8rem; min-height: 38px; padding: .55rem .7rem; border-radius: .45rem; color: #adb9c7; font-size: .74rem; text-decoration: none; }.dashboard-nav a i { width: 1rem; font-size: .88rem; }.dashboard-nav a b { display: grid; place-items: center; width: 1.15rem; height: 1.15rem; margin-left: auto; border-radius: 999px; color: #fff; background: #ff3b18; font-size: .57rem; }.dashboard-nav a:hover { color: #fff; background: rgb(255 255 255 / 7%); }.dashboard-nav a.active { color: #fff; background: linear-gradient(100deg, #ff5d39, #ff2d16); box-shadow: 0 .5rem 1rem rgb(255 59 24 / 20%); }
.dashboard-sidebar-cta { position: relative; margin-top: auto; min-height: 130px; padding: 1rem; overflow: hidden; border-radius: .65rem; color: #fff; background: linear-gradient(135deg, #742f2a, #151d29); font: 1.2rem/1.06 'Permanent Marker', cursive; }.dashboard-sidebar-cta::after { content: ''; position: absolute; right: -2rem; bottom: -3rem; width: 8rem; height: 8rem; border-radius: 50%; background: #ff3b18; opacity: .8; }.dashboard-sidebar-cta em { color: #ff9f8b; font-style: normal; }.dashboard-sidebar-cta i { position: absolute; right: 1rem; bottom: 1rem; z-index: 1; font-size: 1.4rem; }.dashboard-user-mini { display: flex; align-items: center; gap: .55rem; margin-top: .9rem; padding: .7rem .4rem; }.dashboard-user-mini img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }.dashboard-user-mini b, .dashboard-user-mini small { display: block; }.dashboard-user-mini b { color: #fff; font-size: .66rem; }.dashboard-user-mini small { color: #8492a1; font-size: .55rem; }
.dashboard-main { width: calc(100% - 185px); margin-left: 185px; }.dashboard-topbar { position: sticky; top: 0; z-index: 8; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: .6rem 2rem; border-bottom: 1px solid #e6edf3; background: rgb(255 255 255 / 96%); backdrop-filter: blur(10px); }.dashboard-search { display: flex; align-items: center; gap: .5rem; width: min(280px, 40vw); padding: .5rem .7rem; border: 1px solid #e4ebf2; border-radius: .45rem; color: #64748b; background: #fff; }.dashboard-search input { width: 100%; border: 0; outline: 0; font-size: .7rem; }.dashboard-top-actions { display: flex; align-items: center; gap: 1rem; }.dashboard-top-actions > button { position: relative; border: 0; background: transparent; color: #253141; }.dashboard-top-actions > button b { position: absolute; top: -.2rem; right: -.2rem; width: .4rem; height: .4rem; border-radius: 50%; background: #ff3b18; }.dashboard-profile { display: flex; align-items: center; gap: .45rem; }.dashboard-profile img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }.dashboard-profile span b, .dashboard-profile span small { display: block; }.dashboard-profile span b { font-size: .66rem; }.dashboard-profile span small { color: #778494; font-size: .56rem; }.dashboard-profile > i { font-size: .6rem; }.dashboard-mobile-brand { display: none; }
.dashboard-content { max-width: 1500px; margin: auto; padding: 1.25rem 2rem 2rem; }.dashboard-welcome-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 250px) minmax(205px, 245px); align-items: center; gap: 1rem; margin-bottom: 1rem; }.dashboard-welcome-row > * { min-width: 0; }.dashboard-welcome-row h1 { margin: 0; font: 800 1.45rem/1 Manrope, sans-serif; letter-spacing: -.05em; }.dashboard-welcome-row p { margin: .25rem 0 0; color: #718096; font-size: .75rem; }.dashboard-scribble { justify-self: center; color: #182534; font: 1.4rem/1.05 'Permanent Marker', cursive; transform: rotate(-7deg); }.dashboard-scribble em { color: #ff3b18; font-style: normal; }.dashboard-date { justify-self: end; display: flex; align-items: center; gap: .65rem; width: 100%; padding: .7rem 1rem; border: 1px solid #e7edf3; border-radius: .6rem; background: #fff; }.dashboard-date > i { color: #172033; }.dashboard-date b, .dashboard-date small { display: block; }.dashboard-date b { font-size: .66rem; }.dashboard-date small { margin-top: .15rem; color: #8290a0; font-size: .55rem; }
.company-preview-logo { display: grid; place-items: center; width: 100%; height: 150px; padding: 1rem; border: 1px solid #e7edf3; border-radius: .6rem; background: #f8fafc; }.company-preview-logo img { display: block; width: min(100%, 220px); height: 100px; object-fit: contain; object-position: center; }
.settings-preview-badge { grid-column: 2; justify-self: end; align-self: start; margin-left: auto; white-space: nowrap; }
.company-settings-page .dashboard-welcome-row { grid-template-columns: minmax(0, 1fr) auto; }
.dashboard-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }.dashboard-stats-grid article { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid #e7edf3; border-radius: .6rem; background: #fff; box-shadow: 0 .25rem .75rem rgb(16 21 34 / 3%); }.dash-stat-icon { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; color: #ff3b18; background: #fff3f0; }.dash-stat-icon > i, .dash-stat-icon .dash-person-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 27px; line-height: 1; transform: none; }.dashboard-stats-grid small, .dashboard-stats-grid span { display: block; color: #788596; font-size: .57rem; }.dashboard-stats-grid b { display: inline-block; margin: .18rem .3rem .2rem 0; font: 800 1.35rem/1 Manrope, sans-serif; }.dashboard-stats-grid em { padding: .15rem .3rem; border-radius: .3rem; color: #13845a; background: #eaf9f1; font-size: .55rem; font-style: normal; font-weight: 800; }.dashboard-stats-grid article > i { color: #ff3b18; font-size: 1.5rem; }
.dashboard-card { padding: .9rem; border: 1px solid #e7edf3; border-radius: .6rem; background: #fff; box-shadow: 0 .25rem .75rem rgb(16 21 34 / 3%); }.dash-card-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }.dash-card-head h2 { margin: 0; font: 800 .85rem/1 Manrope, sans-serif; }.dash-card-head a { color: #ff3b18; font-size: .6rem; font-weight: 800; text-decoration: none; }.dash-card-head span { color: #718096; font-size: .55rem; }.dash-card-head span i { display: inline-block; width: .45rem; height: .45rem; margin: 0 .2rem 0 .5rem; border-radius: 50%; background: #ff3b18; }.dash-card-head span i.muted { background: #f4cbc6; }.dash-bars { display: flex; align-items: end; gap: .35rem; height: 115px; padding: .5rem .2rem 0; border-bottom: 1px dashed #dfe6ee; background: repeating-linear-gradient(to top, transparent 0 27px, #f1f4f7 28px); }.dash-bars b { flex: 1; min-width: 7px; border-radius: .18rem .18rem 0 0; background: linear-gradient(180deg, #ff7b5b, #ff3b18); }.dash-bars b:nth-child(3n) { background: #ffd1c7; }.dash-months { display: flex; justify-content: space-around; margin-top: .4rem; color: #8491a0; font-size: .55rem; }
.dash-donut-wrap { display: flex; align-items: center; justify-content:center; gap: 1rem; min-height: 145px; }.dash-donut { display: grid; place-items: center; width: 105px; height: 105px; border-radius: 50%; background: conic-gradient(#ff3b18 0 40%, #ffad9e 40% 65%, #58a8ef 65% 83%, #45bf91 83% 93%, #9d67de 93% 100%); }.dash-donut::before { content: ''; position: absolute; width: 70px; height: 70px; border-radius: 50%; background: #fff; }.dash-donut { position: relative; }.dash-donut b { position: relative; z-index: 1; font: 800 1.1rem/1 Manrope, sans-serif; text-align: center; }.dash-donut small { display: block; margin-top: .2rem; color: #8290a0; font-size: .55rem; font-weight: 400; }.dash-donut-wrap ul { display: grid; gap: .45rem; padding: 0; margin: 0; list-style: none; font-size: .58rem; }.dash-donut-wrap li { display: grid; grid-template-columns: .5rem 1fr auto; gap: .35rem; align-items: center; color: #64748b; }.dash-donut-wrap li i { width: .45rem; height: .45rem; border-radius: 50%; background: #ff3b18; }.dash-donut-wrap li:nth-child(2) i { background: #ffad9e; }.dash-donut-wrap li:nth-child(3) i { background: #58a8ef; }.dash-donut-wrap li:nth-child(4) i { background: #45bf91; }.dash-donut-wrap li:nth-child(5) i { background: #9d67de; }.dash-donut-wrap li b { color: #485566; }
.dashboard-promo { min-height: 100%; padding: 1.2rem; overflow: hidden; border-radius: .6rem; color: #fff; background: linear-gradient(135deg, #72231f, #171d2b 60%, #ff3b18); }.dashboard-promo h2 { margin: 0; font: 800 1.45rem/.95 Manrope, sans-serif; letter-spacing: -.05em; }.dashboard-promo h2 em { color: #ff6b4a; font-style: normal; }.dashboard-promo p { margin: .8rem 0 1.2rem; color: #d7dfe6; font-size: .64rem; line-height: 1.45; }.dashboard-promo a { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .8rem; border-radius: .4rem; color: #172033; background: #fff; font-size: .62rem; font-weight: 800; text-decoration: none; }
.dash-table { width: 100%; border-collapse: collapse; white-space: nowrap; }.dash-table th { padding: .45rem; color: #8794a2; background: #f7f9fb; font-size: .55rem; text-align: left; }.dash-table td { padding: .55rem .45rem; border-bottom: 1px solid #eff3f6; color: #506071; font-size: .58rem; }.dash-table td:nth-child(2) { color: #263445; font-weight: 700; }.dash-status { display: inline-block; padding: .2rem .35rem; border-radius: .25rem; color: #ff3b18; background: #fff0ed; font-size: .5rem; }.review-edit-status { justify-self: end; align-self: start; padding: .45rem .8rem; border-radius: .45rem; font-size: .75rem; font-weight: 800; }.dash-status.contacted { color: #2179ca; background: #edf6ff; }.dash-status.in-progress { color: #e58016; background: #fff6e9; }.dash-status.converted { color: #13845a; background: #eaf9f1; }
.dash-activity { display: grid; gap: .8rem; }.dash-activity > div { display: grid; grid-template-columns: 1.4rem 1fr auto; gap: .55rem; align-items: center; }.dash-activity > div > i { display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: .35rem; color: #ff3b18; background: #fff1ed; font-size: .72rem; }.dash-activity b, .dash-activity small { display: block; }.dash-activity b { color: #334155; font-size: .62rem; }.dash-activity small, .dash-activity time { color: #8290a0; font-size: .52rem; }.dash-activity time { white-space: nowrap; }.dash-quick-links { display: grid; gap: .2rem; }.dash-quick-links a { display: flex; align-items: center; gap: .5rem; padding: .5rem 0; border-bottom: 1px solid #eef2f5; color: #4c5b6c; font-size: .6rem; text-decoration: none; }.dash-quick-links a:last-child { border-bottom: 0; }.dash-quick-links i { color: #ff3b18; font-size: .8rem; }
.dashboard-footer-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: 1rem 1.2rem; overflow: hidden; border-radius: .6rem; color: #fff; background: linear-gradient(100deg, #111c29, #263241 48%, #ff3b18); }.dashboard-footer-banner > div:first-child small { color: #d6dee8; font-size: .62rem; }.dashboard-footer-banner h2 { margin: 0; font: 800 1.25rem/1 Manrope, sans-serif; }.dashboard-footer-banner > div:first-child span { color: #d6dee8; font-size: .6rem; }.dash-footer-stats { display: flex; gap: 1.1rem; }.dash-footer-stats span { display: grid; grid-template-columns: auto auto; column-gap: .4rem; align-items: center; }.dash-footer-stats i { grid-row: span 2; color: #ff7355; font-size: 1.2rem; }.dash-footer-stats b { font: 800 1rem/1 Manrope, sans-serif; }.dash-footer-stats small { color: #d0d9e2; font-size: .5rem; }
@media (max-width: 1199.98px) and (min-width: 992px) { .dashboard-sidebar { width: 165px; }.dashboard-main { width: calc(100% - 165px); margin-left: 165px; }.dashboard-content { padding: 1rem 1.15rem 1.25rem; }.dashboard-topbar { min-height: 52px; padding: .45rem 1.15rem; }.dashboard-nav a { min-height: 33px; padding: .4rem .55rem; }.dashboard-sidebar-cta { min-height: 95px; padding: .7rem; font-size: 1rem; }.dashboard-user-mini { margin-top: .45rem; }.dashboard-stats-grid { grid-template-columns: repeat(4, 1fr); gap: .5rem; }.dashboard-stats-grid article { gap: .45rem; padding: .7rem; }.dashboard-stats-grid article > i { display: none; }.dash-stat-icon { width: 2.55rem; height: 2.55rem; }.dash-stat-icon > i { font-size: 22px; line-height: 1; padding: 0; transform: none; }.dashboard-stats-grid b { font-size: 1.1rem; }.dashboard-footer-banner { padding: .8rem 1rem; }.dash-footer-stats { gap: .65rem; } }
@media (max-height: 850px) and (min-width: 992px) { .dashboard-sidebar { padding-top: .65rem; padding-bottom: .65rem; }.dashboard-brand { padding-bottom: .65rem; }.dashboard-nav { gap: 0; margin-top: .45rem; }.dashboard-nav a { min-height: 29px; padding-top: .3rem; padding-bottom: .3rem; }.dashboard-sidebar-cta { display: none; }.dashboard-user-mini { margin-top: auto; }.dashboard-content { padding-top: .7rem; padding-bottom: .8rem; }.dashboard-welcome-row { margin-bottom: .55rem; }.dashboard-welcome-row h1 { font-size: 1.25rem; }.dashboard-stats-grid article { padding: .55rem; }.dash-bars { height: 90px; }.dash-donut-wrap { min-height: 115px; }.dash-donut { width: 85px; height: 85px; }.dash-donut::before { width: 56px; height: 56px; }.dashboard-card { padding: .65rem; }.dash-card-head { margin-bottom: .55rem; }.dashboard-footer-banner { margin-top: .65rem; } }
@media (max-width: 991.98px) { .dashboard-sidebar { width: 62px; align-items: center; padding-inline: .45rem; }.dashboard-brand { padding: .35rem; }.dashboard-brand img { width: 34px; object-position: left; }.dashboard-nav a { justify-content: center; padding-inline: 0; }.dashboard-nav a i { width: auto; }.dashboard-nav a:not(.active) { font-size: 0; }.dashboard-nav a b { position: absolute; margin: 0 0 1.15rem 1.3rem; }.dashboard-sidebar-cta, .dashboard-user-mini { display: none; }.dashboard-main { width: calc(100% - 62px); margin-left: 62px; }.dashboard-topbar, .dashboard-content { padding-left: 1rem; padding-right: 1rem; }.dashboard-scribble { display: none; } }
@media (max-width: 575.98px) { .dashboard-sidebar { display: none; }.dashboard-main { width: 100%; margin: 0; }.dashboard-mobile-brand { display: block; }.dashboard-search { display: none; }.dashboard-profile span, .dashboard-profile > i { display: none; }.dashboard-welcome-row, .company-settings-page .dashboard-welcome-row { grid-template-columns: 1fr; }.settings-preview-badge { grid-column: auto; justify-self: start; margin-left: 0; }.dashboard-date { width: max-content; }.dashboard-stats-grid { grid-template-columns: 1fr 1fr; }.dashboard-stats-grid article { padding: .75rem; }.dashboard-stats-grid article > i { display: none; }.dash-footer-stats { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }.dashboard-footer-banner { padding: 1rem; }.dashboard-content { padding: 1rem; }.dashboard-topbar { padding: .6rem 1rem; }.dash-donut-wrap { justify-content: start; } }