/* DriversDirect CDL — complete member experience styles. No external assets. */
:root { --ux-ink:#192f43; --ux-muted:#627286; --ux-bg:#f6f8fb; --ux-line:#e3e9f0; --ux-blue:#175cd3; --ux-green:#14785e; }
.ux-site {font-family:Arial,Helvetica,sans-serif;color:var(--ux-ink);background:var(--ux-bg)}
.ux-site h1,.ux-site h2,.ux-site h3 {font-family:Arial,Helvetica,sans-serif;letter-spacing:-.55px}
.ux-icon {flex-shrink:0;vertical-align:middle}
.ux-site .brand {font-family:Arial,Helvetica,sans-serif;font-size:21px;letter-spacing:-.7px}
.ux-site .brand small {font-size:16px}
.ux-site .brand-mark {width:34px;height:34px;border-radius:10px}
.ux-site .btn {box-shadow:none;min-height:42px;border-radius:9px;font-size:13px;line-height:1.3;white-space:normal}
.ux-site .btn:hover {transform:none}
.ux-site a:focus-visible,.ux-site button:focus-visible,.ux-site summary:focus-visible {outline:3px solid #79b5ff;outline-offset:3px}
.ux-site input:focus-visible,.ux-site select:focus-visible,.ux-site textarea:focus-visible {outline:2px solid var(--ux-blue);outline-offset:2px}
.ux-site .panel {box-shadow:none;border-color:var(--ux-line);border-radius:14px}
.ux-site .text-link:after {content:""}
.ux-site .section-kicker {font-family:Arial,sans-serif;font-weight:700;letter-spacing:1px}
.ux-skip {position:fixed;left:12px;top:-60px;z-index:200;background:#fff;border:2px solid var(--ux-blue);padding:10px;border-radius:8px}
.ux-skip:focus {top:10px}
.ux-header {z-index:50;background:#fff;border-bottom:1px solid var(--ux-line)}
.ux-topbar {height:76px;display:flex;align-items:center;gap:22px;padding:0 28px;max-width:1700px;margin:auto}
.ux-header-search {margin-left:auto;display:flex;align-items:center;gap:9px;border:1px solid var(--ux-line);background:#f7f9fc;border-radius:9px;padding:8px 11px;width:min(36%,430px);color:#7b8da2}
.ux-header-search input {min-width:0;border:0;background:transparent;outline:none;flex:1;font-size:12px;color:var(--ux-ink)}
.ux-header-search button {background:transparent;border:0;color:#728398;display:flex;padding:0}
.ux-top-links {display:flex;gap:22px;white-space:nowrap}
.ux-top-links a {display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#546679}
.ux-top-links a:hover {color:var(--ux-blue)}
.ux-top-links .ux-icon {width:18px}
.ux-icon-button,.ux-message-button {display:inline-flex;align-items:center;justify-content:center;padding:9px;border:1px solid var(--ux-line);background:#fff;border-radius:9px;color:#546679;position:relative}
.ux-message-button i {position:absolute;top:4px;right:4px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#da4b42}
.ux-account-menu {position:relative}
.ux-account-menu summary {display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}
.ux-account-menu summary::-webkit-details-marker {display:none}
.ux-account-popover {position:absolute;top:48px;right:0;width:240px;padding:16px;background:#fff;border:1px solid var(--ux-line);border-radius:12px;box-shadow:0 12px 34px #192f4320;z-index:70}
.ux-account-popover strong,.ux-account-popover small {display:block}
.ux-account-popover small {margin:3px 0 12px;color:var(--ux-muted);font-size:11px}
.ux-account-popover a,.ux-account-popover button {display:block;padding:9px 5px;font-size:12px;text-align:left;border:0;background:transparent;cursor:pointer;width:100%}
.ux-account-popover a:hover,.ux-account-popover button:hover {color:var(--ux-blue);background:#f2f7ff}
.ux-public-links {display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:600}
.ux-public-actions {display:flex;gap:20px;align-items:center;font-size:13px;font-weight:700}
.ux-public .mobile-menu {position:absolute;top:76px;left:0;right:0;background:#fff}
.ux-menu-button {display:none}
.ux-shell {display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1700px;margin:auto;align-items:start}
.ux-sidebar {position:sticky;top:76px;height:calc(100dvh - 76px);overflow-y:auto;background:#fff;border-right:1px solid var(--ux-line);padding:24px 15px 15px;scrollbar-width:thin;z-index:35}
.ux-member-card {display:flex;gap:10px;align-items:center;padding:0 9px 20px;border-bottom:1px solid var(--ux-line)}
.ux-member-card strong,.ux-member-card span {display:block}
.ux-member-card strong {font-size:13px}
.ux-member-card>div>span {font-size:11px;color:#8190a2;margin-top:2px}
.ux-member-card .avatar {width:37px;height:37px}
.ux-nav-group {margin-top:22px}
.ux-nav-group h2 {font-size:9px;font-weight:700;letter-spacing:1.35px;color:#8391a2;margin:0 12px 9px}
.ux-nav-link {display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin:2px 0;color:#556678;font-size:12px;font-weight:600;min-height:40px}
.ux-nav-link .ux-icon {width:18px;height:18px;color:#7b8ca0}
.ux-nav-link:hover {background:#f7f9fc;color:#1d4d9e}
.ux-nav-link.is-active {background:#eaf2ff;color:var(--ux-blue)}
.ux-nav-link.is-active .ux-icon {color:var(--ux-blue)}
.ux-count {font-size:9px;line-height:17px;min-width:19px;text-align:center;border-radius:6px;margin-left:auto;background:#d9e8ff;color:var(--ux-blue);padding:0 4px}
.ux-sidebar-tip {margin:27px 8px 12px;padding:14px 11px;border-radius:10px;background:#f5f9f8;display:flex;gap:8px;color:var(--ux-green)}
.ux-sidebar-tip p {margin:0;font-size:10px;line-height:1.6;color:#6b8077}
.ux-sidebar-tip strong {display:block;color:#2c6857}
.ux-sidebar-tip .ux-icon {width:17px}
.ux-signout {border-top:1px solid var(--ux-line);padding:10px 8px;margin-top:18px}
.ux-signout button {background:transparent;border:0;font-size:12px;color:#75859a;padding:7px 4px;display:flex;gap:10px;align-items:center}
.ux-signout .ux-icon {width:17px}
.ux-drawer-head,.ux-drawer-backdrop,.ux-bottom-nav {display:none}
.ux-workspace {min-width:0}
.ux-member .page-wrap {min-height:calc(100dvh - 134px)}
.ux-member .container {max-width:1270px;padding-left:32px;padding-right:32px}
.ux-member .notice {margin:18px 32px}
.ux-member .page-hero {background:#f2f6fc;color:var(--ux-ink);border-bottom:1px solid var(--ux-line);padding:35px 0}
.ux-member .page-hero h1 {font-size:30px;line-height:1.2;margin:9px 0 12px}
.ux-member .page-hero p {color:var(--ux-muted);font-size:14px;max-width:760px}
.ux-member .eyebrow {color:var(--ux-blue)}
.ux-member .profile-hero {background:#f1f6fc;color:var(--ux-ink)}
.ux-member .profile-identity p {color:var(--ux-muted)}
.ux-member-footer {padding:20px 32px;display:flex;justify-content:space-between;gap:16px;color:#7b8a9b;font-size:10px;border-top:1px solid var(--ux-line)}
.ux-member-footer>div {display:flex;gap:18px}
.ux-member-footer a:hover {color:var(--ux-blue)}
.ux-member .detail-layout {padding-top:26px;padding-bottom:26px;grid-template-columns:minmax(0,1fr) 280px;gap:20px}
.ux-member .create-grid {grid-template-columns:minmax(0,1fr) 240px}
.ux-member .settings-layout,.ux-member .profile-layout,.ux-member .driver-tools-layout {grid-template-columns:minmax(0,1fr) 270px;gap:20px}
.ux-member .section {padding-top:35px;padding-bottom:40px}
.ux-member .content-grid {grid-template-columns:205px minmax(0,1fr);gap:20px}
.ux-member .side-card {top:98px}
.ux-member .hero h1 {font-size:44px}
.ux-member .hero-inner {padding-left:32px}
.ux-dashboard {padding-top:34px;padding-bottom:35px}
.ux-page-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.ux-eyebrow {font-size:9px;letter-spacing:1.4px;color:#8796a7;font-weight:700}
.ux-page-heading h1 {font-size:29px;line-height:1.25;margin:9px 0;color:#1a3046;letter-spacing:-.8px}
.ux-page-heading p {color:var(--ux-muted);font-size:13px;margin:0}
.ux-page-heading>.btn {flex-shrink:0}
.ux-dashboard-columns {display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}
.ux-dashboard-main {min-width:0}
.ux-section-title {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.ux-section-title h2 {font-size:17px;margin:0;color:#223a50}
.ux-section-title>span {color:#8393a6;font-size:10px}
.ux-section-title a {color:var(--ux-blue);font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}
.ux-section-title a .ux-icon {width:14px}
.ux-action-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ux-action-card {background:#fff;border:1px solid var(--ux-line);border-radius:14px;padding:21px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.ux-action-card:hover {border-color:#b5caf0;box-shadow:0 5px 14px #192f4307}
.ux-action-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ux-feature-icon {display:grid;place-items:center;width:40px;height:40px;background:#edf3ff;color:#175cd3;border-radius:11px}
.ux-feature-icon .ux-icon {width:21px;height:21px}
.tone-green .ux-feature-icon {background:#eaf7f0;color:#178664}
.tone-amber .ux-feature-icon {background:#fff5e0;color:#c18b20}
.tone-violet .ux-feature-icon {background:#f2edff;color:#7f5bbd}
.ux-card-badge {font-size:9px;background:#eaf7f0;color:#178664;border-radius:20px;padding:4px 8px}
.ux-action-card h3 {font-size:16px;margin:0 0 7px;letter-spacing:-.35px;line-height:1.3}
.ux-action-card p {font-size:12px;line-height:1.6;color:#738194;margin:0 0 19px;max-width:300px;flex:1}
.ux-action-card>strong {font-size:11px;color:var(--ux-blue);display:flex;align-items:center;justify-content:space-between}
.ux-action-card>strong .ux-icon {width:16px}
.ux-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--ux-line);border-radius:14px;padding:18px 0;margin:23px 0}
.ux-metrics a {padding:0 19px;border-right:1px solid var(--ux-line)}
.ux-metrics a:last-child {border-right:0}
.ux-metrics span,.ux-metrics small {display:block;font-size:10px;color:#74859a}
.ux-metrics strong {display:block;font-size:25px;letter-spacing:-1px;margin:7px 0;line-height:1.2}
.ux-metrics small {font-size:9px;color:#7a889b}
.ux-metrics a:hover span {color:var(--ux-blue)}
.ux-recent {padding:20px 22px}
.ux-conversation-preview {display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #eef1f6}
.ux-conversation-preview>div {min-width:0;flex:1}
.ux-conversation-preview strong {font-size:12px;display:block}
.ux-conversation-preview>div>span {font-size:10px;display:block;color:#7d8b9e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}
.ux-conversation-preview>.ux-icon {width:16px;color:#a7b5c6}
.ux-inline-empty {display:flex;align-items:center;gap:14px;padding:20px 0}
.ux-inline-empty>.ux-icon {color:#9bb1cc;width:36px;height:36px}
.ux-inline-empty strong {font-size:12px}
.ux-inline-empty p {font-size:11px;color:#75869b;line-height:1.6;margin:7px 0}
.ux-inline-empty a {color:var(--ux-blue);font-size:11px;font-weight:700}
.ux-network-banner {display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:25px;border-radius:14px;background:#eaf2fb;border:1px solid #dce8f7}
.ux-network-banner .ux-eyebrow {color:#6b88ac;font-size:8px}
.ux-network-banner h2 {font-size:21px;margin:9px 0}
.ux-network-banner p {font-size:11px;color:#64809e;max-width:420px;line-height:1.6}
.ux-network-banner .btn {margin-top:9px;font-size:11px}
.ux-network-symbol {color:#9ab9df;margin-left:15px}
.ux-network-symbol>.ux-icon {width:75px;height:75px;stroke-width:1.1}
.ux-dashboard-aside {display:grid;gap:18px}
.ux-widget-identity {display:flex;gap:12px;align-items:center}
.ux-widget-identity h2 {font-size:13px;line-height:1.4;letter-spacing:-.25px;margin:0 0 5px}
.ux-widget-identity p {font-size:10px;color:#8694a6;line-height:1.5;margin:0}
.ux-widget-identity .avatar {width:43px;height:43px;font-size:13px;flex-shrink:0}
.ux-status-pill {background:#f0f2f5;border:1px solid #e6eaf0;color:#8390a2;display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;font-size:9px;margin:17px 0 0}
.ux-status-pill:before {content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.ux-status-pill.active {color:#218665;background:#eef9f3;border-color:#dbefe3}
.ux-completion {margin:23px 0 14px}
.ux-completion>div:first-child {display:flex;justify-content:space-between;align-items:center;font-size:10px}
.ux-completion strong {color:var(--ux-blue);font-size:11px}
.ux-completion p {font-size:10px;color:#7c8da2;line-height:1.6}
.ux-profile-widget .btn {font-size:11px;background:#edf3fc}
.ux-widget-divider {height:1px;background:var(--ux-line);margin:21px 0}
.ux-small-label {display:block;font-size:8px;letter-spacing:1.2px;color:#8c9aad}
.ux-availability {display:block;font-size:12px;color:#3e596d;margin:7px 0}
.ux-small-link {font-size:11px;color:var(--ux-blue);display:block;font-weight:700;margin-top:12px}
.ux-spaces-widget .ux-section-title h2 {font-size:13px;letter-spacing:-.2px}
.ux-spaces-widget .ux-section-title>.ux-icon {width:18px;color:#8da3b8}
.ux-space-preview {display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #edf1f6}
.ux-space-preview>div {flex:1;min-width:0}
.ux-space-preview strong {display:block;font-size:10px;line-height:1.5}
.ux-space-preview small {display:block;font-size:9px;color:#91a0b1;margin-top:3px}
.ux-space-preview>.ux-icon {width:14px;color:#b0bdcd}
.ux-space-icon {display:grid;place-items:center;width:30px;height:30px;background:#eef7f2;color:#548b73;border-radius:8px}
.ux-space-icon .ux-icon {width:17px;height:17px}
.ux-useful-links h2 {font-size:13px;letter-spacing:-.1px}
.ux-useful-links a {display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf1f6;font-size:11px;color:#668097}
.ux-useful-links .ux-icon {width:16px;height:16px}
.ux-useful-links b {margin-left:auto;background:#eaf2ff;border-radius:6px;color:var(--ux-blue);padding:2px 5px}
.ux-muted {color:#7c8da0;font-size:12px;line-height:1.65}
.ux-activation-banner {display:flex;align-items:center;gap:15px;margin-bottom:26px;padding:20px;background:#fff7e9;border:1px solid #eedfc3;border-radius:12px}
.ux-activation-banner>.ux-icon {color:#b28a37;width:27px;height:27px}
.ux-activation-banner>div {flex:1}
.ux-activation-banner strong {font-size:13px}
.ux-activation-banner p {font-size:11px;color:#8e7c5d;margin:5px 0;line-height:1.6}
.ux-communication-tabs {display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--ux-line);margin-bottom:22px;overflow:auto}
.ux-communication-tabs a {display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#7a8a9d;padding:6px 0}
.ux-communication-tabs a.active {color:var(--ux-blue);font-weight:700}
.ux-communication-tabs .ux-icon {width:17px;height:17px}
.ux-chat-tabs {padding:0 32px}
.ux-chat-tabs .ux-communication-tabs {margin-bottom:18px}
.ux-member .chat-layout {height:calc(100dvh - 165px);grid-template-columns:275px minmax(0,1fr);margin:0 32px;border:1px solid var(--ux-line);border-radius:12px;overflow:hidden}
.ux-member .chat-layout .chat-header {flex-wrap:wrap;padding:16px}
.ux-member .chat-layout .chat-header .chat-gig-link {font-size:10px}
.ux-member .chat-layout .messages,.ux-member .chat-layout .chat-main {min-height:0}
.ux-member .chat-compose textarea {min-width:0}
.ux-member .chat-search {display:none}
.ux-chat-back {display:none}
.ux-member .community-page {padding-top:28px}
.ux-member .community-head h1 {font-size:28px}
.ux-member .community-head p {font-size:12px;line-height:1.65;max-width:650px}
.ux-member .community-layout {grid-template-columns:220px minmax(0,1fr);gap:18px}
.ux-member .community-nav,.ux-member .community-chat-panel {min-width:0}
.ux-member .community-nav h2 {font-size:12px}
.ux-member .community-nav a {font-size:11px}
.ux-member .community-nav a small {font-size:9px}
.ux-member .community-chat-panel {overflow:hidden}
.ux-member .community-message p {overflow-wrap:anywhere}
.ux-member .community-message>div:last-child {min-width:0}
.ux-group-guide {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#edf7f2;border:1px solid #d7ebe0;border-radius:12px;margin:0 0 22px;color:#46755e}
.ux-group-guide>div {flex:1}
.ux-group-guide strong {font-size:12px;color:#315e4a}
.ux-group-guide p {font-size:11px;margin:5px 0;line-height:1.6}
.ux-group-guide a {color:#2a7453;font-size:11px;font-weight:700;white-space:nowrap}
.ux-group-guide>.ux-icon {width:25px;height:25px}
.ux-member .community-create .form-grid {max-width:700px}
.ux-member .community-messages {height:48vh}
.ux-reviews-guide {padding:20px;border-radius:12px;background:#fff9ed;border:1px solid #f0e4cd;margin:20px 0}
.ux-reviews-guide h2 {font-size:14px;margin:0 0 12px}
.ux-review-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ux-review-steps>div {display:flex;gap:9px;font-size:11px;line-height:1.6;color:#8a7c65}
.ux-review-steps b {display:grid;place-items:center;background:#f8ecd1;border-radius:50%;width:22px;height:22px;flex-shrink:0;color:#a18136;font-size:10px}
.ux-review-steps strong {display:block;color:#715e3e}
.ux-reviews-guide>a {color:#927229;font-size:11px;font-weight:700;display:inline-block;margin-top:14px}
.ux-review-view-links {display:flex;gap:8px;margin:18px 0}
.ux-review-view-links a {padding:9px 14px;background:#fff;border:1px solid var(--ux-line);border-radius:8px;font-size:12px;font-weight:600;color:#70839a}
.ux-review-view-links a.active {background:#eaf2ff;color:var(--ux-blue);border-color:#bdd3f3}
.ux-member .review-form {min-width:0}
.ux-member .review-request-list article {flex-wrap:wrap}
.ux-member .review-request-list details {width:100%}
.ux-member .review-request-list .review-form {display:grid}
.ux-member .driver-tools-layout h1 {font-size:27px}
.ux-profile-tabs {display:flex;gap:18px;margin-top:20px;font-size:12px;color:var(--ux-blue)}
.ux-profile-tabs a {padding:7px 0;border-bottom:2px solid transparent}
.ux-profile-tabs a:hover {border-color:var(--ux-blue)}
.ux-empty-reviews {border:1px dashed #d3deec;border-radius:12px;background:#fff;padding:22px;margin-top:20px}
.ux-empty-reviews h2 {font-size:16px;margin:0 0 8px}
.ux-empty-reviews p {font-size:12px;color:#7a8ca0;line-height:1.6}
.ux-profile-anchor {scroll-margin-top:105px}
.ux-directory {padding-top:32px;padding-bottom:40px}
.ux-directory-search {display:flex;gap:10px;background:#fff;border:1px solid var(--ux-line);border-radius:12px;padding:12px;margin-bottom:17px}
.ux-directory-input {display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 12px;color:#8ba0b7}
.ux-directory-input input {min-width:0;flex:1;border:0;background:transparent;font-size:13px;outline:none}
.ux-directory-search select {padding:10px 12px;border:1px solid var(--ux-line);border-radius:8px;background:#fff;font-size:12px;color:#58718a}
.ux-directory-note {display:flex;align-items:center;gap:12px;font-size:11px;color:#728b9d;margin:20px 0 30px}
.ux-directory-note p {flex:1;line-height:1.65;margin:0}
.ux-directory-note>.ux-icon {width:23px;color:#90afbe}
.ux-directory-note a {color:var(--ux-blue);font-weight:700;white-space:nowrap}
.ux-member-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ux-person-card {display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:1px solid var(--ux-line);border-radius:14px;min-width:0}
.ux-person-role {display:block;font-size:9px;color:#7394af;background:#f0f6fc;padding:3px 7px;border-radius:5px;margin:14px 0 9px}
.ux-person-card h2 {font-size:15px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}
.ux-person-location {font-size:10px;color:#8a9cad}
.ux-person-card p {font-size:12px;line-height:1.7;color:#7a8ba0;flex:1;margin:17px 0 22px}
.ux-person-card .btn {font-size:11px;justify-content:space-between}
.ux-person-card .btn .ux-icon {width:15px}
.ux-pagination {display:flex;align-items:center;justify-content:center;gap:20px;padding:25px;font-size:12px;color:#7c8da0}
.ux-pagination a {color:var(--ux-blue)}
.ux-filter-toggle {display:none}
@media(min-width:1450px) {
 .ux-dashboard-columns {grid-template-columns:minmax(0,1fr) 295px;gap:32px}
 .ux-action-card {padding:25px}.ux-action-card p {font-size:13px}
 .ux-dashboard {padding-top:42px}.ux-member .container {padding-left:40px;padding-right:40px}
}
@media(max-width:1200px) {
 .ux-shell {grid-template-columns:215px minmax(0,1fr)}
 .ux-topbar {gap:15px;padding:0 22px}.ux-top-links {gap:15px}.ux-account-name {display:none}
 .ux-dashboard-columns {grid-template-columns:minmax(0,1fr) 235px;gap:18px}
 .ux-member .container {padding-left:25px;padding-right:25px}.ux-action-card {padding:18px}
 .ux-metrics a {padding:0 12px}.ux-metrics small {font-size:8px}
 .ux-member .community-layout {grid-template-columns:190px minmax(0,1fr)}
 .ux-member .settings-layout,.ux-member .profile-layout,.ux-member .driver-tools-layout {grid-template-columns:minmax(0,1fr) 235px}
 .ux-member-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.ux-top-links a span {display:none}
}
@media(max-width:1020px) {
 .ux-sidebar {width:250px;position:fixed;left:0;top:0;height:100dvh;z-index:100;transform:translateX(-100%);transition:transform .2s ease;padding-top:12px}
 .ux-shell {display:block}.ux-menu-button {display:flex}
 .ux-drawer-head {display:flex;align-items:center;justify-content:space-between;padding:8px 10px 15px;font-size:14px}
 .ux-drawer-head .ux-icon-button {border:0}
 .ux-drawer-backdrop {position:fixed;inset:0;background:#172f4566;border:0;z-index:90}
 .ux-drawer-open .ux-sidebar {transform:translateX(0)}.ux-drawer-open .ux-drawer-backdrop {display:block}.ux-drawer-open {overflow:hidden}
 .ux-header-search {width:auto;flex:1;max-width:420px}.ux-top-links {gap:14px}
 .ux-member .container {max-width:1000px;padding-left:28px;padding-right:28px}
 .ux-public-links {display:none}.ux-public .mobile-toggle {display:block}.ux-public .ux-public-actions {margin-left:auto}
}
@media(max-width:760px) {
 .ux-dashboard-columns {grid-template-columns:minmax(0,1fr)}.ux-dashboard-aside {grid-template-columns:1fr 1fr}
 .ux-useful-links {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ux-useful-links h2 {grid-column:1/-1}
 .ux-top-links,.ux-header-search {display:none}.ux-topbar {gap:12px;height:66px;padding:0 17px}
 .ux-account-name {display:inline}.ux-topbar>.ux-message-button {margin-left:auto}.ux-member .ux-account-menu {margin-left:0}
 .ux-member .brand {font-size:19px}.ux-site .brand small {font-size:13px}.ux-member .brand-mark {width:29px;height:29px}
 .ux-member .page-wrap {min-height:calc(100dvh - 140px)}.ux-member-footer {padding:22px 22px 86px}
 .ux-bottom-nav {position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ux-line);z-index:60;box-shadow:0 -2px 12px #192f4305}
 .ux-bottom-nav a,.ux-bottom-nav button {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;color:#8795a8;font-size:9px;font-weight:600;min-height:40px;padding:0}
 .ux-bottom-nav .is-active {color:var(--ux-blue)}.ux-bottom-nav .ux-icon {width:20px;height:20px}
 .ux-member .profile-layout,.ux-member .settings-layout,.ux-member .driver-tools-layout,.ux-member .detail-layout,.ux-member .create-grid,.ux-member .content-grid {grid-template-columns:minmax(0,1fr)}
 .ux-member .settings-side,.ux-member .help-card {display:block}
 .ux-member .content-grid {padding-top:20px}.ux-member .content-grid .filter-card {display:block}
 .ux-member .filter-card .filter-group {display:none}.ux-member .filter-card.ux-filters-expanded .filter-group {display:block}
 .ux-member .filter-card .filter-title {margin:0 0 8px}.ux-member .filter-card .filter-title:after {content:none}
 .ux-filter-toggle {display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #cbd9ec;background:#edf4ff;color:#175cd3;border-radius:8px;padding:11px 13px;font-weight:700;font-size:12px;margin-bottom:10px}
 .ux-member .field input,.ux-member .field textarea,.ux-member .field select,.ux-member .chat-compose textarea,.ux-directory-input input {font-size:16px}
 .ux-member .ux-icon-button,.ux-member .ux-message-button {min-width:40px;min-height:40px}
 .ux-member .community-layout {grid-template-columns:minmax(0,1fr)}
 .ux-member .community-nav {display:flex;overflow:auto;max-width:100%}.ux-member .community-nav a {white-space:nowrap;flex:none}.ux-member .community-nav h2 {display:none}
 .ux-member .community-chat-panel .chat-compose {padding-left:0;padding-right:0}
 .ux-member .page-hero {padding:25px 0}.ux-member .page-hero h1 {font-size:26px}.ux-member .community-messages {height:45vh}
 .ux-chat-tabs {padding:0 22px}.ux-member .chat-layout {margin:0 22px;grid-template-columns:240px minmax(0,1fr);height:calc(100dvh - 220px)}
 .ux-communication-tabs {gap:18px}.ux-communication-tabs a {font-size:11px}
 .ux-group-guide {gap:12px;flex-wrap:wrap}.ux-group-guide a {margin-left:36px}.ux-member .community-page {padding-top:20px}
 .ux-directory-search {flex-wrap:wrap}.ux-directory-input {flex-basis:100%;padding:8px}.ux-directory-search select {flex:1}
 .ux-directory-note {align-items:flex-start;flex-wrap:wrap}.ux-directory-note a {margin-left:35px}
 .ux-public .mobile-menu {top:66px}.ux-public .ux-public-actions .btn {font-size:11px;padding:9px 12px}.ux-public .ux-public-actions {gap:12px;font-size:11px}
 .ux-review-steps {grid-template-columns:1fr}.ux-network-symbol {display:none}
}
@media(max-width:560px) {
 .ux-member .container {padding-left:18px;padding-right:18px}.ux-dashboard {padding-top:25px}
 .ux-page-heading {align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:24px}.ux-page-heading h1 {font-size:25px;margin:9px 0}
 .ux-page-heading p {font-size:12px;line-height:1.6}.ux-page-heading>.btn {font-size:10px;min-height:35px;padding:8px 10px}
 .ux-eyebrow {font-size:8px}.ux-section-title h2 {font-size:15px}.ux-section-title>span {font-size:9px}
 .ux-action-grid {gap:11px}.ux-action-card {padding:16px 14px}.ux-action-card h3 {font-size:14px}.ux-action-card p {font-size:11px;line-height:1.6;margin-bottom:15px}
 .ux-action-card>strong {font-size:10px;gap:5px}.ux-action-card>strong .ux-icon {width:13px;height:13px}
 .ux-action-top {margin-bottom:13px}.ux-feature-icon {width:33px;height:33px;border-radius:9px}.ux-feature-icon>.ux-icon {width:18px;height:18px}
 .ux-card-badge {font-size:8px;padding:3px 5px}.ux-dashboard-aside {grid-template-columns:1fr}
 .ux-useful-links {grid-template-columns:1fr}.ux-useful-links h2 {grid-column:auto}
 .ux-metrics {padding:16px 0;margin:19px 0}.ux-metrics a {padding:0 12px}.ux-metrics span {font-size:9px;line-height:1.5}.ux-metrics strong {font-size:22px;margin:7px 0}.ux-metrics small {font-size:8px;line-height:1.4}
 .ux-activation-banner {flex-wrap:wrap;padding:17px;gap:12px}.ux-activation-banner>div {min-width:180px}.ux-activation-banner .btn {width:100%;font-size:12px}
 .ux-recent {padding:19px}.ux-network-banner {padding:21px}.ux-network-banner h2 {font-size:19px}
 .ux-account-name,.ux-account-menu summary>span:last-child {display:none}
 .ux-site .brand {font-size:17px}.ux-site .brand small {font-size:11px}.ux-member .ux-topbar {gap:9px;padding:0 14px}
 .ux-icon-button,.ux-message-button {padding:7px}.ux-header .avatar {width:31px;height:31px}
 .ux-member .community-head {display:block}.ux-member .community-head .btn {margin-top:14px;width:auto}.ux-member .community-head h1 {font-size:25px}.ux-member .community-head p {font-size:13px}
 .ux-member .community-channel-head h2 {font-size:18px}.ux-member .community-messages {height:42vh}.ux-member .community-message {padding:8px 0}.ux-group-guide a {margin-left:0}
 .ux-communication-tabs {gap:16px;padding:12px 0}.ux-communication-tabs a {font-size:10px}.ux-communication-tabs .ux-icon {width:15px}
 .ux-chat-tabs {padding:0 18px}.ux-member .chat-layout {margin:0 18px;display:block;height:calc(100dvh - 210px)}
 .ux-member .chat-list {display:flex;height:100%;width:100%}.ux-member .chat-main {display:none;height:100%}
 .ux-member .chat-layout.chat-open .chat-list {display:none}.ux-member .chat-layout.chat-open .chat-main {display:flex}
 .ux-member .chat-header:before {content:none}.ux-chat-back {display:inline-flex;background:transparent;border:1px solid var(--ux-line);border-radius:7px;padding:4px 7px;color:var(--ux-blue);font-size:11px;min-height:35px}
 .ux-member .chat-header .avatar {width:29px;height:29px}.ux-member .chat-header b {font-size:12px}.ux-member .chat-header span {font-size:10px}
 .ux-member .message {max-width:90%}.ux-member .chat-layout .messages {padding:15px}.ux-member .message .bubble {overflow-wrap:anywhere}
 .ux-member .chat-header form {margin-left:0}.ux-member .chat-header>.chat-gig-link {margin-left:auto}
 .ux-member-grid {grid-template-columns:1fr}.ux-person-card {padding:23px}.ux-directory-note {margin-bottom:23px}.ux-directory-search .btn {font-size:11px}
 .ux-member .profile-identity .btn {margin-left:0;margin-top:0}.ux-member .profile-identity form {margin-left:0}.ux-member .profile-identity {gap:14px}
 .ux-profile-tabs {gap:15px;flex-wrap:wrap}.ux-review-view-links {gap:6px}.ux-review-view-links a {font-size:10px;padding:9px 11px}
 .ux-member .notice {margin:16px 18px}.ux-member .resale-grid {grid-template-columns:1fr}
}
@media(max-width:350px) {
 .ux-member .ux-topbar {padding:0 9px;gap:7px}.ux-member .brand {font-size:15px}.ux-member .brand small {font-size:10px}
 .ux-member .brand-mark {width:24px;height:24px}.ux-member .ux-message-button {display:none}.ux-member .ux-account-menu {margin-left:auto}
 .ux-action-grid {grid-template-columns:1fr}.ux-metrics a {padding:0 9px}.ux-metrics span {font-size:8px}
}
@media(prefers-reduced-motion:reduce) {.ux-sidebar,.ux-action-card {transition:none}html {scroll-behavior:auto}}