:root{--bg:#07101e;--panel:#0d1a2d;--line:#233d62;--text:#f5f8ff;--muted:#9aacc4;--quiet:#667a98;--blue:#5697ff;--cyan:#50d9ff;--green:#55d49a;--amber:#f4bd65;--violet:#9b8afb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 82% -8%,#15376c 0,transparent 27%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.landing{width:min(1120px,calc(100% - 40px));margin:auto;padding:18vh 0}.landing h1,.workspace-header h1{font-family:Georgia,serif;letter-spacing:-.05em;line-height:1;margin:12px 0}.landing h1{font-size:clamp(3rem,7vw,5.6rem)}.lede,.workspace-header p{color:var(--muted);line-height:1.6;max-width:700px}.eyebrow,.nav-label,.section-label{color:var(--cyan);font:700 .7rem ui-monospace,monospace;letter-spacing:.15em}.button,.primary-button{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:#07101e;font-weight:800;padding:12px 16px;margin-top:20px}.app-shell{display:flex;min-height:100vh}.side-nav{width:245px;flex:0 0 245px;padding:27px 16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#06101ddb}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 35px;font-weight:800;line-height:1.05}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101d;font:1.4rem Georgia}.side-nav nav{display:grid;grid-gap:4px;gap:4px}.nav-label{color:var(--quiet);padding:0 10px}.nav-link{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:600}.nav-link span{width:17px;text-align:center}.nav-link.active,.nav-link:hover{background:#183158;color:var(--text);box-shadow:inset 2px 0 var(--cyan)}.nav-bottom{margin-top:auto}.profile-card{display:flex;gap:9px;align-items:center;margin-top:16px;padding:14px 9px 0;border-top:1px solid var(--line)}.avatar,.contact-avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#284b78;color:#cee5ff;font-weight:800}.avatar{width:30px;height:30px}.profile-card small,.profile-card strong{display:block}.profile-card small{color:var(--quiet);font-size:.7rem}.profile-card button{margin-left:auto;border:0;background:none;color:var(--muted)}.workspace-main{width:calc(100% - 245px);padding:0 42px 60px}.workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:42px 0 30px}.workspace-header h1{font-size:clamp(2.1rem,4vw,3.2rem)}.workspace-header .eyebrow{margin:0}.header-actions{display:flex;gap:9px;align-items:center}.header-actions .primary-button{margin:0}.filter-button,.icon-button,.quiet-button{border:1px solid var(--line);border-radius:8px;background:#10213a;color:var(--muted);font-weight:700}.icon-button{width:38px;height:38px}.filter-button,.quiet-button{padding:10px 12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.metric-card,.panel,.task-summary article{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#142844,#0c192d)}.metric-card{padding:18px}.metric-card p{margin:0;color:var(--muted);font-size:.8rem}.metric-card strong{display:block;margin:10px 0 6px;font-size:1.6rem}.metric-change{font-size:.74rem;font-weight:800}.blue{color:var(--blue)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.green{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px;margin-bottom:20px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.panel-heading h2{font-size:1.1rem;margin:7px 0}.link-text,.panel-heading a{color:var(--cyan);font-size:.8rem;font-weight:700}.task-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.task-row:first-child{border:0}.task-row>div{flex:1 1;min-width:0}.task-row strong{display:block;font-size:.86rem}.inbox-row p,.task-row p{margin:4px 0 0;color:var(--muted);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-button{width:19px;height:19px;border-radius:50%;border:1px solid #5b78a0;background:transparent}.status-pill{padding:4px 8px;border-radius:99px;font-size:.65rem;font-weight:800;white-space:nowrap}.status-pill.slate{background:#263952;color:#c4d2e9}.status-pill.blue{background:#1e4079;color:#add0ff}.status-pill.cyan{background:#17475c;color:#a0ecff}.status-pill.violet{background:#39326c;color:#c7c0ff}.status-pill.green{background:#174d3a;color:#abf0cb}.status-pill.amber{background:#5b4321;color:#ffd898}.inbox-row{display:grid;grid-template-columns:34px 1fr auto;grid-gap:9px;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.contact-avatar{width:32px;height:32px;font-size:.65rem}.inbox-row strong{font-size:.8rem}.inbox-row time{font-size:.68rem;color:var(--quiet)}.unread-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-left:5px}.pipeline-glance-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pipeline-glance-column{padding:5px 13px;border-left:1px solid var(--line)}.pipeline-glance-column:first-child{border:0;padding-left:0}.pipeline-glance-column div{display:flex;gap:7px;align-items:center;font-size:.78rem}.pipeline-glance-column em{margin-left:auto;color:var(--quiet);font-style:normal}.pipeline-glance-column b{display:block;margin:10px 0 2px}.pipeline-glance-column p{margin:0;color:var(--muted);font-size:.7rem}.stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue)}.stage-dot.cyan{background:var(--cyan)}.stage-dot.violet{background:var(--violet)}.stage-dot.green{background:var(--green)}.toolbar{display:flex;gap:9px;margin-bottom:17px}.search-field{display:flex;align-items:center;gap:9px;flex:1 1;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#10213a;color:var(--quiet)}.search-field input{width:100%;height:40px;border:0;outline:0;background:transparent;color:var(--text)}.table-panel{padding:0;overflow:hidden}.table-meta{display:flex;justify-content:space-between;padding:15px 18px;color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line)}.table-scroll{overflow:auto}table{width:100%;min-width:760px;border-collapse:collapse}td,th{text-align:left;padding:14px 18px;border-top:1px solid var(--line);font-size:.8rem}th{border:0;color:var(--quiet);font-size:.66rem;text-transform:uppercase}td{color:#b8c9df}.contact-cell,.owner{display:flex;align-items:center;gap:8px}.contact-cell small{display:block;color:var(--quiet);font-size:.7rem;margin-top:3px}.mini-avatar{width:20px;height:20px;font-size:.6rem}.pipeline-toolbar{display:flex;justify-content:space-between;margin-bottom:17px}.pipeline-selector{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#10213a;font-size:.8rem;font-weight:700}.pipeline-value{font-weight:800}.pipeline-value small{color:var(--muted);font-size:.7rem}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));grid-gap:12px;gap:12px;overflow:auto}.kanban-column{min-width:230px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#0a182b}.kanban-column header{display:flex;justify-content:space-between}.kanban-column header div{display:flex;gap:7px;align-items:center;font-size:.8rem}.kanban-column em{font-style:normal;color:var(--quiet)}.opportunity-card{margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#142743}.opportunity-card p{margin:0 0 6px;color:var(--muted);font-size:.7rem}.opportunity-card h2{font-size:.9rem;margin:0 0 12px}.opportunity-card div{display:flex;gap:7px;align-items:center;padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}.opportunity-card small{color:var(--muted);font-size:.68rem}.add-opportunity{width:100%;margin-top:9px;padding:10px;border:1px dashed #42678f;border-radius:8px;background:transparent;color:#aac3e6}.task-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:19px}.task-summary article{padding:17px}.task-summary p,.task-summary span{color:var(--muted);font-size:.76rem}.task-summary strong{display:block;font-size:1.6rem;margin:8px 0}.task-summary p{margin:0}.task-board{padding:0}.task-board .panel-heading,.task-row.large{padding:16px 21px}@media(max-width:1000px){.side-nav{width:205px;flex-basis:205px}.workspace-main{width:calc(100% - 205px);padding:0 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.side-nav{width:100%;min-height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.profile-card,.side-nav nav{display:none}.brand{padding:0}.workspace-main{width:100%;padding:0 18px}.workspace-header{display:block;padding:28px 0 22px}.header-actions{margin-top:18px}.metric-grid,.pipeline-glance-grid,.task-summary{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}}.mobile-bottom-nav,.mobile-drawer,.mobile-drawer-overlay,.mobile-header,.mobile-menu-btn{display:none}@media(max-width:700px){.side-nav{display:none!important}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:#06101ddb;position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:10px}.mobile-header-brand{display:flex;gap:8px;align-items:center;font-weight:800;line-height:1.05}.mobile-header-brand .brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101d;font:1.4rem Georgia}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#10213a;color:var(--text);font-size:1.25rem;flex:0 0 auto;padding:0}.mobile-menu-btn:hover{background:#183158}.workspace-main{width:100%;padding:0 18px 80px;box-sizing:border-box;overflow-x:hidden}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#06101ddb;border-top:1px solid var(--line);z-index:100;margin:0;padding:0;max-width:100vw;overflow:hidden}.mobile-bottom-nav .bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0;min-height:56px;min-width:44px;font-size:.65rem;color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;box-sizing:border-box}.mobile-bottom-nav .bottom-nav-item span:first-child{font-size:1.1rem;line-height:1}.mobile-bottom-nav .bottom-nav-item.active,.mobile-bottom-nav .bottom-nav-item[aria-current=page]{color:var(--cyan)}.mobile-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150;border:0}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;height:100vh;background:#06101ddb;border-right:1px solid var(--line);z-index:200;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;padding:18px 16px;box-sizing:border-box}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px 22px;gap:8px}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#10213a;color:var(--text);font-size:1.1rem;padding:0;flex:0 0 auto}.mobile-drawer-close:hover{background:#183158}.mobile-drawer .nav-link{display:flex;gap:12px;align-items:center;padding:12px 10px;border-radius:8px;color:var(--muted);font-size:.95rem;font-weight:600;width:100%;min-height:44px;box-sizing:border-box}.mobile-drawer .nav-link span{width:17px;text-align:center}.mobile-drawer .nav-link.active,.mobile-drawer .nav-link:hover{background:#183158;color:var(--text);box-shadow:inset 2px 0 var(--cyan)}.mobile-drawer .nav-label{color:var(--quiet);padding:14px 10px 4px}.mobile-drawer .nav-bottom{margin-top:auto}.mobile-drawer .profile-card{display:flex;gap:9px;align-items:center;margin-top:16px;padding:14px 9px 0;border-top:1px solid var(--line)}.app-shell,body,html{overflow-x:hidden;max-width:100vw}.workspace-header{max-width:100%;overflow-x:hidden}}.new-conversation-form{display:grid;grid-gap:12px;gap:12px}.ncf-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.ncf-row-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:12px;gap:12px}.inbox-filter-form{display:flex;gap:12px;flex:1 1}.mobile-bottom-nav{background:#06101e;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:700px){.mobile-bottom-nav{background:#06101e;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.workspace-main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.inbox-filter-form,.inbox-toolbar{flex-wrap:wrap;gap:8px}.inbox-filter-form{width:100%}.inbox-filter-form .search-field{flex-basis:100%;width:100%}.inbox-filter-form .filter-button{flex:1 1;min-width:0}.inbox-filter-form .primary-button{flex-basis:100%;width:100%;text-align:center;margin-top:4px}.new-conversation-form{gap:12px}.ncf-row-2,.ncf-row-3{grid-template-columns:1fr;gap:12px}.new-conversation-form .primary-button{width:100%;text-align:center}.calendar-settings-grid{grid-template-columns:1fr!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.kanban{grid-template-columns:280px;grid-auto-flow:column;grid-auto-columns:280px;overflow-x:auto;-webkit-overflow-scrolling:touch}.contact-detail-grid{grid-template-columns:1fr!important}.pipeline-toolbar{flex-direction:column;gap:8px}}