:root{--ink:#12181f;--muted:#697887;--nav:#071727;--blue:#0878e5;--line:#dfe5eb;--canvas:#f7f8fa;--bs-primary:#0878e5;--bs-body-color:#12181f;--bs-body-font-family:Roboto,"Segoe UI",Arial,sans-serif}
body{background:var(--canvas);color:var(--ink);font-family:Roboto,"Segoe UI",Arial,sans-serif}h1,h2,h3{color:#111820;letter-spacing:-.025em}h1{font-weight:700}.text-muted{color:var(--muted)!important}a{color:var(--blue)}
.sidebar{width:248px!important;background:#071727!important;border-right:1px solid #173047!important}.brand{padding:25px 24px 20px}.brand a{position:relative;gap:0;font-size:2rem;line-height:1;color:#fff;letter-spacing:-.06em}.brand-mark{display:none}.brand-dot{color:#fff;margin-left:0}.brand a::after{content:"CLOUD";margin-left:7px;color:#1688f2;font-size:.47rem;font-weight:800;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1}.workspace-label{margin:1px 16px 13px;padding:10px 12px;border:1px solid #1d3a52;border-radius:4px;background:#0d2235;color:#d7e2eb}.workspace-indicator{background:#1788f2;box-shadow:0 0 0 3px #1688f21c}.sidebar nav{padding:0 10px 18px}.nav-group-label{margin:22px 13px 8px;color:#698096;font-size:.68rem;letter-spacing:.14em}.nav-item{position:relative;margin:2px 0;padding:11px 13px;border-radius:4px;color:#aebdca;font-weight:500}.nav-item:hover{background:#102a40;color:#fff}.nav-item.active{background:#0878e5;color:#fff;box-shadow:none}.nav-item.active::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;background:#52aeff}.nav-active-dot{display:none}.sidebar-bottom{border-color:#173047;padding:18px 23px;color:#c1cdd7}.sidebar-bottom small{color:#6f8598}
.app-shell{margin-left:248px}.topbar{height:72px;padding:0 30px;border-color:var(--line);box-shadow:none}.breadcrumb-text{color:#7b8792}.breadcrumb-text strong{color:#18232e;font-weight:600}.avatar{border-radius:4px;background:#e7f2fd;color:#0878e5}.account-menu .btn-light{background:#fff}.main-content{padding:30px 32px 46px}.app-footer{background:#fff;border-color:var(--line)}
.page-heading{padding-bottom:20px;margin-bottom:24px;border-color:var(--line)}.page-heading h1{font-size:1.78rem}.eyebrow{color:#0878e5;font-size:.69rem;letter-spacing:.14em}.card,.integration-banner,.channel-metrics>div,.directory-summary>div{border:1px solid var(--line);border-radius:6px;box-shadow:none;background:#fff}.card-header{padding:1.15rem 1.35rem;background:#fff;border-color:var(--line)}.card-body{padding:1.4rem}
.btn{border-radius:4px;font-weight:600}.btn-primary{background:#0878e5;border-color:#0878e5;box-shadow:none}.btn-primary:hover,.btn-primary:focus{background:#0568ca;border-color:#0568ca}.btn-light{background:#f2f5f7;border-color:#e3e8ed;color:#354453}.btn-outline-primary{color:#0878e5;border-color:#0878e5}.form-control,.form-select,.input-group-text,.ts-wrapper.single .ts-control{border-radius:4px;border-color:#ccd6df;background-color:#fff;box-shadow:none}.form-control:focus,.form-select:focus,.ts-wrapper.focus .ts-control{border-color:#0878e5;box-shadow:0 0 0 3px #0878e51a}.form-card-top{border-radius:6px 6px 0 0;background:#f8fafb}.form-footer{border-radius:0 0 6px 6px;background:#f8fafb}.section-icon,.summary-icon,.firm-avatar,.contact-avatar,.quick-icon,.empty-icon{border-radius:4px;background:#eaf4fe;color:#0878e5}.role-card,.permission-grid,.activation-toggle,.quote-live-total,.ts-dropdown{border-radius:5px;box-shadow:none}.role-card.selected{border-color:#0878e5;background:#f2f8fe;box-shadow:inset 3px 0 #0878e5}.role-check{border-radius:3px}.selected .role-check{background:#0878e5;border-color:#0878e5}.form-check-input:checked{background-color:#0878e5;border-color:#0878e5}
.stats-grid{gap:14px}.stat-card{position:relative;border:1px solid var(--line);border-top:3px solid #0878e5!important;border-radius:6px;padding:18px;box-shadow:none}.stat-card:hover{transform:translateY(-1px);border-color:#b9c9d7;box-shadow:0 8px 24px #0717270a}.stat-top i{padding:8px;border-radius:4px;background:#eaf4fe;color:#0878e5}.stat-card strong{color:#111820;font-size:2rem}.table>:not(caption)>*>*{border-color:#e8edf1}.table thead th{background:#f4f7f9;color:#607080;text-transform:uppercase;letter-spacing:.06em;font-size:.69rem}.table tbody tr:hover td{background:#f7fbff}.badge,.tax-chip,.integration-tag{border-radius:3px}.tax-chip{background:#f3f6f8}.module-tabs a.active{border-color:#0878e5;color:#0878e5}.integration-banner{border-top:3px solid #0878e5}
.login-story{overflow:hidden;background:#061727;padding:25px 52px}.login-story::before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(#1788f218 1px,transparent 1px),linear-gradient(90deg,#1788f218 1px,transparent 1px),radial-gradient(circle at 75% 30%,#0878e555,transparent 36%);background-size:44px 44px,44px 44px,100% 100%;pointer-events:none}.login-story>*{position:relative;z-index:1}.login-story-content>.eyebrow{color:#51adff}.login-story h1{font-size:clamp(2.65rem,4.5vw,4.7rem);font-weight:700;line-height:1.05}.login-story p{color:#afc0ce}.login-capabilities{color:#d5dfe7}.login-capabilities i{color:#2b98f4}.login-form-section{background:#fff}.login-form-wrap{max-width:410px}.login-icon{border-radius:5px;background:#e9f4fe;color:#0878e5}.login-form-wrap h2{font-weight:700}.alert{border-radius:4px}
.inbox-layout{gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.inbox-layout>.card{border:0;border-radius:0}.inbox-layout>.card+div,.inbox-layout>.card+.card{border-left:1px solid var(--line)}.inbox-item{border-left-width:3px}.inbox-item.selected{background:#edf6ff;border-left-color:#0878e5}.chat-thread{background-color:#f3f6f8;background-image:radial-gradient(#b8c5cf55 .7px,transparent .7px);background-size:18px 18px}.chat-bubble{border-radius:7px;box-shadow:0 1px 2px #0717270a}.chat-bubble.incoming{border-top-left-radius:2px}.chat-bubble.outgoing{border-top-right-radius:2px;background:#e5f4ec}
button:focus-visible,a:focus-visible{outline:3px solid #51adff;outline-offset:2px}@media(max-width:991px){.app-shell{margin-left:0}.sidebar{width:275px!important}.topbar{height:68px}.main-content{padding:24px}.login-story{padding:25px 32px}}@media(max-width:767px){.main-content{padding:20px 14px 34px}.topbar{padding:0 14px}.page-heading{padding-bottom:17px}.stats-grid{gap:10px}.stat-card{padding:15px}.login-story{padding:18px 24px}.login-form-section{padding:38px 23px}.card-header,.card-body{padding:17px}.inbox-layout{border-radius:4px}.inbox-layout>.card+div,.inbox-layout>.card+.card{border-left:0;border-top:1px solid var(--line)}}