:root{color:#edf1f6;background:radial-gradient(circle at top left,rgba(170,180,194,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(87,96,109,.2),transparent 30%),linear-gradient(145deg,#0d1014,#161a21 42%,#1f252e);font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg-panel: rgba(11, 14, 19, .9);--bg-panel-soft: rgba(255, 255, 255, .035);--bg-panel-strong: rgba(255, 255, 255, .055);--bg-sidebar: rgba(9, 12, 17, .9);--border-soft: rgba(255, 255, 255, .08);--border-strong: rgba(183, 193, 205, .18);--text-muted: rgba(237, 241, 246, .72);--text-soft: rgba(237, 241, 246, .5);--accent: #c7d0dc;--accent-strong: #f3f6fb;--accent-dark: #11161d;--danger: #ffb7b3;--success: #b9e8c1}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;color:#edf1f6;background:inherit}body.mobile-menu-open{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.01),transparent 18%);opacity:.65}a{color:inherit}img,svg,canvas,video,iframe{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}button{cursor:pointer}::selection{background:#c7d0dc47}:focus-visible{outline:2px solid rgba(243,246,251,.68);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;align-items:start}.sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow-y:auto;padding:28px 22px 24px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),var(--bg-sidebar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:rgba(171,181,194,.26) transparent}.sidebar-main{display:grid;gap:18px}.sidebar-top{display:grid;gap:8px}.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:0;padding:6px 12px;border:1px solid rgba(171,181,194,.24);border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--accent);background:#abb5c214}.sidebar-title{margin:0;font-size:clamp(1.75rem,2vw,2.15rem);line-height:1.05}.sidebar-text,.sidebar-footer p,.page-header p,.section-subtitle,.muted-text{margin:0;color:var(--text-muted)}.sidebar-nav{display:grid;gap:18px}.sidebar-nav-group{display:grid;gap:10px}.sidebar-group-title{margin:0;padding:0 12px;color:var(--text-soft);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav-links{display:grid;gap:8px}.sidebar-nav a,.primary-link,.secondary-link,.table-action,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 15px;border-radius:14px;border:1px solid var(--border-soft);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-nav a,.secondary-link{justify-content:flex-start;color:#eef2f7;background:#ffffff08}.sidebar-nav a:hover,.secondary-link:hover{border-color:#abb5c23d;background:#ffffff0f}.sidebar-nav a.active{color:#fff;border-color:#cdd5df57;background:linear-gradient(135deg,#abb5c22e,#ffffff0d);box-shadow:inset 0 0 0 1px #abb5c21f}.primary-link,button,.table-action{color:var(--accent-dark);background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);border-color:#d3dbe447;box-shadow:0 10px 24px #080b1047}.primary-link:hover,button:hover,.table-action:hover{background:linear-gradient(135deg,#fff,#d8e0ea)}.secondary-link{background:#ffffff0d}.ghost-button{width:100%;color:#eef2f7;background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}.ghost-button:hover{background:#ffffff14}.sidebar-footer{margin-top:auto;display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--border-soft)}.sidebar-user-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--border-soft)}.sidebar-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#c7d0dc47,#c7d0dc1f);color:#fff;font-weight:700;letter-spacing:.04em}.sidebar-user-meta{min-width:0}.sidebar-user-meta strong{display:block;margin-bottom:2px}.sidebar-user-meta p{font-size:.92rem}.sidebar-logout{justify-content:center}.content{min-width:0;padding:32px clamp(18px,3vw,36px) 48px}.content-inner{width:min(1180px,100%);min-width:0;margin:0 auto}.mobile-toolbar,.mobile-menu-toggle,.mobile-sidebar-overlay{display:none}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.page-header>div,.page-actions,.section-heading>div{min-width:0}.page-header h2{margin:10px 0 6px;font-size:clamp(2rem,4vw,2.85rem);line-height:1.08;overflow-wrap:anywhere}.page-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card,.login-card,.status-card{padding:clamp(20px,3vw,28px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),var(--bg-panel);border:1px solid var(--border-soft);box-shadow:0 24px 72px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-shell,.page-shell{width:min(540px,calc(100% - 24px));margin:0 auto;padding:56px 0}.login-card h1{margin:14px 0 8px;font-size:clamp(2.3rem,7vw,3.8rem);line-height:.98}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-heading h3{margin:4px 0 0;font-size:1.1rem}.section-label{display:inline-flex;margin-bottom:2px;color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.list-section{display:grid;gap:20px}.empty-state{display:grid;place-items:center;min-height:180px;padding:24px;text-align:center;border-radius:18px;background:#ffffff08;border:1px dashed rgba(171,181,194,.24)}.empty-state p{margin:0;color:var(--text-muted)}.empty-state-compact{min-height:132px;padding:20px}.form-grid{display:grid;gap:16px;margin-top:24px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}label{display:grid;gap:8px}input,select,textarea{width:100%;padding:12px 14px;color:#eef2f7;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:border-color .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:#edf1f66b}input:focus,select:focus,textarea:focus{border-color:#b7c1cd5c;background:#ffffff0f}textarea{min-height:112px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.success-text{margin:0;color:var(--success)}.task-actions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}.info-box,.warning-box{padding:14px 16px;border-radius:16px;border:1px solid var(--border-soft)}.info-box{background:#ffffff0a}.warning-box{background:#ffb3a114;border-color:#ffb3a138}.info-box p,.info-box strong,.warning-box p,.warning-box strong{margin:0}.info-box p,.warning-box p{margin-top:8px}.table-wrapper{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.05)}table{width:100%;min-width:640px;border-collapse:collapse;background:#ffffff05}thead th{padding:14px 16px;text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:#ffffff08}tbody tr{transition:background .2s ease}tbody tr:hover{background:#ffffff08}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}tbody tr:last-child td{border-bottom:0}.cell-stack{display:grid;gap:4px}.cell-stack strong{font-size:.98rem}.cell-stack span{color:var(--text-soft);font-size:.88rem}.table-actions{display:flex;justify-content:flex-start}.table-action{min-height:38px;padding:8px 12px;font-size:.92rem}.mobile-card-list{display:none}.mobile-summary-card{min-width:0;display:grid;gap:0;padding:0;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.mobile-summary-card.is-expanded{border-color:#b7c1cd33}.mobile-summary-toggle{width:100%;display:grid;gap:0;padding:16px 18px;color:inherit;text-align:left;border:0;border-radius:inherit;background:transparent;box-shadow:none}.mobile-summary-toggle:hover{background:#ffffff06;transform:none}.mobile-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:nowrap}.mobile-summary-title{flex:1 1 auto;min-width:0;display:grid;gap:3px}.mobile-summary-title strong,.mobile-summary-subtitle,.mobile-summary-grid dd,.mobile-summary-note p{margin:0;overflow-wrap:anywhere;word-break:break-word}.mobile-summary-title strong{font-size:1.14rem;font-weight:700;line-height:1.2}.mobile-summary-subtitle{color:var(--text-muted);font-size:.76rem;line-height:1.35}.mobile-summary-head .status-pill{flex:0 0 auto;padding:5px 9px;font-size:.78rem}.mobile-summary-body{display:grid;gap:12px;padding:0 18px 18px}.mobile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.mobile-summary-grid div,.mobile-summary-note{min-width:0;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.mobile-summary-grid div{display:grid;gap:4px}.mobile-summary-note{display:grid;gap:6px}.mobile-summary-grid dt,.mobile-summary-note span{color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.mobile-summary-note p{color:var(--text-muted)}.mobile-summary-actions{display:flex}.mobile-summary-actions .table-action{width:100%}.catalog-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.catalog-list-shell{display:grid;gap:16px}.catalog-card-list{display:none}.quote-item-stack{display:grid;gap:16px}.quote-inline-button{width:auto;min-width:0}.quote-summary-row,.quote-totals-grid{margin-top:16px}.quote-identity-card{margin-bottom:18px}.quote-identity{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.quote-company-block{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-width:0}.quote-company-block strong,.quote-company-block p{margin:0;overflow-wrap:anywhere;word-break:break-word}.quote-company-logo{width:72px;height:72px;object-fit:cover;border-radius:18px;border:1px solid var(--border-soft);background:#ffffff0a}.quote-header-meta{display:grid;gap:12px;min-width:min(280px,100%)}.share-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.share-preview{margin-top:12px;resize:vertical;min-height:210px}.share-meta{display:grid;gap:6px;margin-top:12px}.share-meta span{color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.share-meta p{margin:0;overflow-wrap:anywhere;word-break:break-word}.share-action-row{margin-top:18px}.catalog-card{display:grid;gap:12px;min-width:0;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.catalog-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.catalog-card-title{min-width:0;display:grid;gap:4px}.catalog-card-title strong,.catalog-card-title p,.catalog-card-meta strong,.catalog-card-note p{margin:0;overflow-wrap:anywhere;word-break:break-word}.catalog-card-title strong{font-size:1.05rem}.catalog-card-title p{color:var(--text-muted)}.catalog-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-meta div,.catalog-card-note{min-width:0;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.catalog-card-meta div{display:grid;gap:4px}.catalog-card-meta span,.catalog-card-note span{color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.leads-list-layout{display:grid;gap:16px}.lead-mobile-list{display:none}.lead-mobile-card{min-width:0;display:grid;gap:0;padding:0;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.lead-mobile-card.is-expanded{border-color:#b7c1cd33}.lead-mobile-card-toggle{width:100%;display:grid;gap:0;padding:16px 18px;color:inherit;text-align:left;border:0;border-radius:inherit;background:transparent;box-shadow:none}.lead-mobile-card-toggle:hover{background:#ffffff06;transform:none}.lead-mobile-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:nowrap}.lead-mobile-card-title{flex:1 1 auto;min-width:0;display:grid;gap:3px}.lead-mobile-card-title strong,.lead-mobile-card-title p,.lead-mobile-meta dd,.lead-mobile-next-action p{margin:0;overflow-wrap:anywhere;word-break:break-word}.lead-mobile-card-title strong{font-size:1.14rem;font-weight:700;line-height:1.2}.lead-mobile-card-title p{color:var(--text-muted);font-size:.76rem;line-height:1.35}.lead-mobile-card-body{display:grid;gap:12px;padding:0 18px 18px}.lead-mobile-card-head .status-pill{flex:0 0 auto;padding:5px 9px;font-size:.78rem}.lead-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.lead-mobile-meta div,.lead-mobile-next-action{min-width:0;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.lead-mobile-meta div{display:grid;gap:4px}.lead-mobile-meta dt,.lead-mobile-next-action span{color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.lead-mobile-actions{display:flex}.lead-mobile-actions .table-action{width:100%}.status-error{margin:0;color:var(--danger)}.text-link{color:var(--accent)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-card{padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.detail-card-wide{grid-column:1 / -1}.detail-card h3{margin:0}.dashboard-stack{display:grid;gap:18px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;min-height:152px;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.metric-card.is-alert{border-color:#ffb3a142;background:#ffb3a114}.metric-card-label{color:var(--accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.metric-card-value{display:block;margin:0;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.05}.metric-card p{margin:0;color:var(--text-muted)}.dashboard-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-sections{display:grid;gap:16px}.summary-list{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.summary-row strong{display:block}.summary-row p{margin:4px 0 0;color:var(--text-soft);font-size:.9rem}.summary-row span{flex:0 0 auto;color:var(--accent-strong);font-size:1.1rem;font-weight:700}.summary-row-spread p{margin-top:6px}.checkout-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-question,.history-item{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--border-soft)}.checkout-summary{display:grid;gap:16px}.checkout-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.84rem;line-height:1;border:1px solid transparent}.status-pill-good{color:#d8f7d0;background:#89d68a29;border-color:#89d68a3d}.status-pill-warn{color:#dde4ee;background:#abb5c224;border-color:#abb5c23d}.status-pill-bad{color:#ffd2c7;background:#ffb3a129;border-color:#ffb3a13d}.status-pill-neutral{color:#f3efe7;background:#ffffff14;border-color:#ffffff14}.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:grid;gap:4px}.detail-list dt{color:var(--text-soft)}.detail-list dd{margin:0}.history-list{display:grid;gap:12px}.history-item p{margin:8px 0 0}.task-item,.note-item{display:grid;gap:4px}.history-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-head span{color:var(--text-muted)}.overdue-item{border-color:#ffb3a147;background:#ffb3a114}.status-card h2{margin-top:0}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0}.status-grid div{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--border-soft)}.status-grid dt{margin-bottom:4px;color:var(--text-soft)}.status-grid dd{margin:0}a:hover,button:hover{transform:translateY(-1px)}button:disabled,.primary-link:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width: 1100px){.dashboard-metrics,.checkout-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell{grid-template-columns:1fr;width:100%;max-width:100%}.sidebar{position:fixed;top:0;left:0;z-index:30;width:min(320px,calc(100vw - 28px));height:100dvh;max-height:100dvh;padding:22px 18px;border-right:1px solid var(--border-soft);border-bottom:0;box-shadow:0 24px 72px #00000061;transform:translate(calc(-100% - 18px));transition:transform .24s ease}.app-shell.is-mobile-menu-open .sidebar{transform:translate(0)}.sidebar-nav{gap:18px}.sidebar-nav-links{grid-template-columns:1fr}.content{padding-top:24px}.content,.content-inner,.page-header,.page-header>div,.page-actions,.card,.login-card,.status-card,.detail-card,.metric-card,.summary-row,.info-box,.warning-box,.empty-state,.list-section,.table-wrapper,.form-grid,.two-columns,.checkout-summary,.sidebar-user-card,.sidebar-user-meta,.cell-stack{min-width:0;max-width:100%}table{min-width:100%;table-layout:fixed}.mobile-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px}.mobile-menu-toggle{display:inline-flex;width:auto;min-width:132px}.mobile-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;padding:0;background:#070a0e8f;opacity:0;pointer-events:none;transition:opacity .24s ease}.app-shell.is-mobile-menu-open .mobile-sidebar-overlay{opacity:1;pointer-events:auto}.dashboard-metrics,.dashboard-insights,.detail-grid,.checkout-metrics,.status-grid,.share-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.leads-table-wrapper,.people-table-wrapper,.users-table-wrapper,.catalog-table-wrapper,.quotes-table-wrapper{display:none}.lead-mobile-list,.mobile-card-list,.catalog-card-list{display:grid;gap:14px}.quote-identity{flex-direction:column}}@media (max-width: 640px){.content,.card,.login-card,.status-card{padding:20px}.page-header,.section-heading,.history-head,.task-actions,.form-actions{flex-direction:column;align-items:stretch}.page-actions,.page-actions a,.page-actions button,.mobile-menu-toggle,.ghost-button,.primary-link,.secondary-link,.table-action,button{width:100%}.sidebar-nav-links,.dashboard-metrics,.dashboard-insights,.detail-grid,.checkout-questions,.checkout-metrics,.status-grid,.share-panels,.catalog-filter-grid,.catalog-card-meta,.mobile-summary-grid,.lead-mobile-meta,.two-columns{grid-template-columns:1fr}.login-shell,.page-shell{width:min(540px,calc(100% - 20px));padding-top:32px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}a,button,input,select,textarea{transition:none}a:hover,button:hover{transform:none}}