:root{--navy:#0b315f;--navy-strong:#072747;--navy-soft:#164a7d;--ink:#13243a;--muted:#607087;--line:#dce5ee;--line-strong:#cbd8e5;--bg:#f4f7fa;--surface:#fff;--surface-subtle:#f8fafc;--teal:#0fb9b1;--teal-strong:#078c89;--success:#087a68;--warning:#b76324;--danger:#b83f4b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(13,42,73,.05);--shadow-md:0 12px 30px rgba(13,42,73,.09);--focus:0 0 0 3px rgba(15,185,177,.3);--sidebar-width:272px}
html{background:var(--bg);overflow-x:hidden}body{min-width:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:var(--focus);outline:2px solid transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.app{min-height:100dvh}.main{min-width:0;width:calc(100% - var(--sidebar-width))}
.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);padding:22px 16px;background:linear-gradient(180deg,var(--navy-strong),var(--navy));border-inline-end:1px solid rgba(255,255,255,.08)}.brand,.auth-brand{gap:12px}.brand{padding:0 8px 24px}.brand-mark{width:45px;height:45px;object-fit:contain;flex:none}.brand-copy{min-width:0;display:grid;line-height:1.1}.brand-copy strong{font-size:.98rem;letter-spacing:-.01em;color:#fff}.brand-copy small{margin-top:5px;color:#8bded9;font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.nav{gap:4px}.nav button{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.92rem;text-align:start;color:#c3d3e5;transition:background-color .16s ease,color .16s ease}.nav button:hover{background:rgba(255,255,255,.08)}.nav button.active{background:#fff;color:var(--navy-strong);box-shadow:0 8px 20px rgba(0,0,0,.16)}.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:none}.nav-icon svg{width:20px;height:20px;margin:0}.nav-label{min-width:0;overflow-wrap:anywhere}.side-note{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);border-radius:var(--radius-md);color:#cbd9e8}
.topbar{min-height:72px;height:auto;padding:12px clamp(18px,3vw,38px);position:sticky;inset-block-start:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom-color:var(--line);box-shadow:0 1px 0 rgba(16,48,81,.02)}.crumb{display:flex;align-items:center;gap:4px;min-width:0}.crumb strong{overflow-wrap:anywhere}.top-actions{min-width:0;gap:12px}.locale-select-top{max-width:150px}.icon-btn{min-width:44px;width:44px;height:44px;border-radius:var(--radius-sm)}.content{width:100%;max-width:1480px;padding:clamp(22px,3vw,38px)}.heading{margin-bottom:24px}.heading h1{font-size:clamp(1.65rem,2.2vw,2rem);letter-spacing:-.035em}.heading p{max-width:72ch}.primary,.secondary,.filter,.row-action{min-height:44px;border-radius:var(--radius-sm)}.primary{background:var(--navy);box-shadow:none}.primary:hover{background:var(--navy-soft)}.secondary{border:1px solid var(--line);background:#fff}.card,.panel,.opp-card,.analytics-card,.risk-card,.customer-card,.communication-card{border-color:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-head{gap:14px}.table-wrap,.opp-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:0 0 var(--radius-md) var(--radius-md)}input,select,textarea,.filter{min-height:44px;border-color:var(--line-strong)!important}.pill,.opp-badge{font-size:.78rem}.toast{inset-inline:auto 22px;inset-block:auto 22px;max-width:min(420px,calc(100vw - 32px));border-radius:var(--radius-sm)}.modal,.opp-modal,.settings-modal{border-radius:var(--radius-lg);box-shadow:0 24px 72px rgba(9,35,66,.22)}.close,.opp-close,.settings-modal-close{min-width:44px;min-height:44px;border-radius:var(--radius-sm)}.modal-backdrop,.opp-modal-backdrop,.settings-modal::backdrop{backdrop-filter:blur(3px)}
.password-visibility-toggle,.password-eye{min-width:44px;width:44px;height:44px;border-radius:var(--radius-sm);color:#334a65}.password-visibility-toggle svg,.password-eye svg{width:21px;height:21px;pointer-events:none}.password-visibility-toggle:hover,.password-eye:hover{background:#e7eef5}.password-visibility-toggle[aria-pressed="true"],.password-eye[aria-pressed="true"]{color:var(--teal-strong)}.auth-experience{background:var(--bg)}.auth-story{background:linear-gradient(145deg,#06294f,#0d4a7b);position:relative;overflow:hidden}.auth-story::after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;inset:auto -190px -210px auto;background:radial-gradient(circle,rgba(15,185,177,.22),transparent 68%);pointer-events:none}.auth-brand .brand-mark{width:52px;height:52px}.auth-panel{max-width:560px}.auth-panel-top{min-height:48px}.auth-panel-logo{width:42px;height:42px;object-fit:contain;margin-inline-end:8px;vertical-align:middle}.auth-form input,.auth-form select{border-radius:var(--radius-sm)}.auth-security-note,.password-policy{border-radius:var(--radius-md)}
.mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-nav-backdrop[hidden]{display:none!important}.mobile-nav-close{margin-inline-start:auto;width:44px;height:44px;place-items:center;background:rgba(255,255,255,.1);color:#fff;border-radius:var(--radius-sm)}.mobile-nav-close svg,.mobile-menu svg{width:23px;height:23px}.mobile-menu{width:44px;height:44px;place-items:center;flex:none;background:#eef4f8;color:var(--navy);border-radius:var(--radius-sm)}html[dir="rtl"] .sidebar{border-inline-start:1px solid rgba(255,255,255,.08);border-inline-end:0}html[dir="rtl"] .nav button{text-align:right}html[dir="rtl"] .nav-icon svg{margin:0}
@media(max-width:1100px){:root{--sidebar-width:232px}.content{padding-inline:24px}.topbar{padding-inline:24px}}
@media(max-width:820px){.app{display:block}.main{width:100%;min-height:100dvh}.sidebar{display:none;width:min(318px,88vw);position:fixed;inset:0 auto 0 0;z-index:9000;padding:18px 14px;overflow-y:auto;box-shadow:22px 0 55px rgba(5,24,45,.34)}.sidebar.mobile-open{display:flex}.sidebar .brand{display:flex;padding-bottom:18px}.sidebar .side-note{display:block}.sidebar .nav{display:grid;overflow:visible}.sidebar .nav button{width:100%;white-space:normal}.mobile-nav-close{display:grid}.mobile-nav-backdrop{position:fixed;inset:0;z-index:8990;background:rgba(5,24,45,.52);backdrop-filter:blur(2px)}html.nav-open .mobile-nav-backdrop{display:block}.mobile-menu{display:grid!important}html[dir="rtl"] .sidebar{inset:0 0 0 auto;box-shadow:-22px 0 55px rgba(5,24,45,.34)}.topbar{min-height:64px;padding:10px 14px;gap:10px}.crumb{gap:8px;min-width:0;flex:1}.crumb>span{display:none}.crumb strong{font-size:.95rem;line-height:1.25}.top-actions{gap:8px}.top-actions .locale-select-top{max-width:116px;min-width:0}.top-actions .profile{display:none}.icon-btn{display:none}.content{padding:22px 16px}.heading{display:flex;align-items:flex-start;gap:14px}.heading .primary{width:auto;margin-top:0}.cards,.opp-grid,.lf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.right{grid-template-columns:1fr}.opp-toolbar,.analytics-toolbar,.customer-toolbar,.communication-toolbar{grid-template-columns:1fr 1fr!important}.opp-toolbar>input,.opp-toolbar>[type="search"],.analytics-toolbar>input,.customer-toolbar>input,.communication-toolbar>input{grid-column:1/-1}.panel-head{align-items:flex-start;flex-wrap:wrap}.modal,.opp-modal,.settings-modal{max-height:calc(100dvh - 24px);overflow-y:auto}.auth-story{padding:24px 20px}.auth-panel-wrap{padding:26px 18px}.table,.opp-table{min-width:680px}}
@media(max-width:520px){body{font-size:1rem}.topbar{align-items:center}.top-actions .locale-select-top{max-width:104px}.content{padding:18px 14px}.heading{display:grid;gap:14px}.heading .primary{width:100%;margin:0}.cards,.opp-grid,.lf-grid{grid-template-columns:1fr 1fr}.card,.opp-card{padding:14px}.metric{font-size:1.5rem}.opp-toolbar,.analytics-toolbar,.customer-toolbar,.communication-toolbar{grid-template-columns:1fr!important}.opp-toolbar>*,.analytics-toolbar>*,.customer-toolbar>*,.communication-toolbar>*{grid-column:auto!important;width:100%;min-width:0}.form-grid,.opp-form-grid,.settings-form-grid{grid-template-columns:1fr!important}.field.full,.opp-field.full{grid-column:auto}.modal-actions,.opp-actions{display:grid;grid-template-columns:1fr}.modal-actions button,.opp-actions button{width:100%}.auth-story h1{font-size:1.75rem}.auth-brand{margin-bottom:22px}.auth-panel-wrap{padding-inline:14px}.auth-panel{width:100%}.phone-composite{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
@media(max-width:360px){.cards,.opp-grid,.lf-grid{grid-template-columns:1fr}.top-actions .locale-select-top{max-width:92px}.content{padding-inline:12px}.topbar{padding-inline:10px}.auth-panel-wrap{padding-inline:12px}}
@media(max-width:820px){.top-actions .mode-context,.topbar>.m13-actions{display:none}.crumb strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:820px){.sidebar.mobile-open{z-index:10001}.mobile-nav-backdrop{z-index:10000;background:rgba(5,24,45,.58);backdrop-filter:none;touch-action:none}.mobile-nav-backdrop:not([hidden]){display:block}html.nav-open .mobile-nav-backdrop[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}