:root{--navy:#071b2d;--navy2:#0b2942;--blue:#1677ff;--cyan:#18b7c9;--violet:#7758f6;--green:#12a56a;--amber:#f0a12d;--red:#ef4d61;--ink:#142033;--muted:#66758a;--surface:#fff;--canvas:#f3f7fb;--line:#dfe8f2;--soft:#edf4fa;--shadow:0 16px 40px rgba(19,45,75,.09);--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#4a7198}.eyebrow.light{color:#8edcea}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#061a2c 0%,#0a2942 58%,#073451 100%);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:50;box-shadow:12px 0 35px rgba(4,23,39,.12)}.sidebar-brand,.brand-row{display:flex;align-items:center;gap:11px}.sidebar-brand{padding:4px 8px 18px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#28d1d8,#1478ff 50%,#8a63ff);display:grid;place-items:center;box-shadow:0 10px 25px rgba(29,145,255,.32);flex:none}.brand-mark span{font-weight:900;color:#fff;letter-spacing:-.08em}.brand-mark.large{width:74px;height:74px;border-radius:22px}.brand-mark.large span{font-size:24px}.sidebar-brand strong,.brand-row strong{display:block;font-size:15px}.sidebar-brand small,.brand-row small{display:block;color:#9fb4c7;font-size:11px;margin-top:2px}.sidebar-close{display:none;margin-left:auto;color:#fff}.workspace-chip{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:14px;padding:10px;margin:0 5px 16px}.workspace-avatar{width:32px;height:32px;border-radius:10px;background:#fff;color:#0a2942;display:grid;place-items:center;font-weight:900;font-size:12px}.workspace-chip div:nth-child(2){min-width:0;flex:1}.workspace-chip small{display:block;color:#94acc0;font-size:10px}.workspace-chip strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.workspace-chip svg{width:14px}.nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding:0 3px}.nav-section{padding:15px 10px 6px;color:#7894aa;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.nav-item{border:0;background:transparent;color:#c9d8e4;display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:11px;text-align:left;font-size:12.5px;font-weight:650;transition:.18s}.nav-item svg{width:18px;height:18px;stroke-width:1.9}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(24,183,201,.28),rgba(22,119,255,.2));color:#fff;box-shadow:inset 3px 0 #34d7df}.nav-badge{margin-left:auto;background:#ec5668;color:white;border-radius:20px;padding:2px 7px;font-size:9px}.sidebar-bottom{margin-top:auto}.storage-card{margin:12px 5px;display:flex;align-items:center;gap:9px;border-radius:12px;padding:10px;background:linear-gradient(135deg,rgba(35,204,177,.15),rgba(47,124,255,.12));border:1px solid rgba(120,220,226,.15)}.storage-card svg{width:18px;color:#68e4d9}.storage-card strong{font-size:10px;display:block}.storage-card small{font-size:8.5px;color:#9fb7c8}.logout{color:#ffb7be}.main{grid-column:2;min-width:0}.topbar{height:70px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(213,226,238,.8);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:30}.top-search{max-width:520px;flex:1;display:flex;align-items:center;gap:9px;background:#f4f7fa;border:1px solid #e1e9f1;border-radius:12px;padding:9px 12px}.top-search svg{width:17px;color:#7a899b}.top-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.top-search kbd{border:1px solid #d6e0e9;border-radius:6px;padding:2px 6px;font-size:9px;color:#8a98a8;background:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:38px;height:38px;border:1px solid #dce6ef;background:#fff;border-radius:11px;display:grid;place-items:center;color:#53677c;transition:.18s}.icon-btn:hover{background:#edf6ff;color:#1170db;border-color:#bfd9f4;transform:translateY(-1px)}.icon-btn svg{width:18px}.notification-btn{position:relative}.notification-btn i{position:absolute;right:7px;top:7px;width:7px;height:7px;background:#ef5367;border-radius:50%;border:2px solid #fff}.user-menu{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 4px}.user-avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#0d78e4,#19b8c8);color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.user-copy strong{display:block;font-size:11px}.user-copy small{font-size:9px;color:#7a8999}.user-menu>svg{width:14px;color:#7c8996}.mobile-menu{display:none}.page{padding:25px 28px 55px;max-width:1640px;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h1{font-size:27px;letter-spacing:-.035em;margin:0}.page-header p:last-child{margin:7px 0 0;color:var(--muted);font-size:12.5px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 15px;font-size:11.5px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s;text-decoration:none}.btn svg{width:16px}.btn:hover{transform:translateY(-1px);filter:brightness(.98);box-shadow:0 8px 18px rgba(22,48,78,.12)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1477f8,#1ab5c4);box-shadow:0 7px 16px rgba(22,119,255,.2)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#7254e8,#9976ff)}.btn-success{color:#fff;background:linear-gradient(135deg,#0d9f67,#36c895)}.btn-danger{color:#fff;background:linear-gradient(135deg,#df4358,#ff7180)}.btn-light{color:#24506f;background:#e9f3fa}.btn-outline{color:#24608a;border:1px solid #bed5e6;background:#fff}.btn-lg{padding:13px 18px;font-size:12px}.btn-sm{padding:7px 10px;font-size:10px;border-radius:8px}.grid{display:grid;gap:15px}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e1eaf2;border-radius:16px;padding:16px;min-height:113px;box-shadow:0 9px 25px rgba(24,49,78,.055);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;width:85px;height:85px;border-radius:50%;right:-30px;top:-35px;background:var(--glow,rgba(25,159,218,.1))}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint,#edf5ff);color:var(--accent,#1a78de);margin-bottom:12px}.metric-icon svg{width:17px}.metric-card span{display:block;color:#718095;font-size:10px;font-weight:650}.metric-card strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}.metric-card small{font-size:9px;color:#8896a5}.panel{background:#fff;border:1px solid #e0e9f1;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-title h2{font-size:14px;margin:0}.panel-title p{font-size:10px;color:#7b8997;margin:4px 0 0}.dashboard-main{grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);margin-top:15px}.chart-shell{height:250px;padding-top:4px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e8eef4;position:relative}.chart-col{flex:1;min-width:14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.chart-bar{width:100%;max-width:42px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#25c4cc,#1877f7);min-height:3px;box-shadow:0 6px 12px rgba(20,126,220,.18)}.chart-label{font-size:8px;color:#8997a7;white-space:nowrap;transform:rotate(-25deg);margin-bottom:-15px}.source-list{display:flex;flex-direction:column;gap:13px}.source-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}.source-icon{width:32px;height:32px;border-radius:10px;background:#eef5fb;display:grid;place-items:center;color:#1978e6}.source-icon svg{width:16px}.source-row strong{display:block;font-size:10.5px}.source-row small{display:block;color:#8795a4;font-size:8.5px;margin-top:2px}.source-row b{font-size:12px}.mini-progress{height:4px;background:#ebf0f5;border-radius:5px;margin-top:5px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#1cbac4,#1878f2);border-radius:5px}.table-panel{margin-top:15px;padding:0;overflow:hidden}.table-toolbar{padding:14px 16px;display:flex;gap:9px;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf3}.filters{display:flex;gap:8px;flex-wrap:wrap}.control,.select,.textarea{width:100%;border:1px solid #d9e4ee;background:#fff;border-radius:10px;padding:10px 11px;outline:0;color:#22334a;font-size:11px;transition:.18s}.control:focus,.select:focus,.textarea:focus{border-color:#6aafea;box-shadow:0 0 0 3px rgba(25,123,224,.1)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;padding:11px 15px;background:#f8fafc;color:#748396;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #e6edf4}.data-table td{padding:12px 15px;font-size:10.5px;border-bottom:1px solid #edf1f5}.data-table tr:hover td{background:#f9fcff}.lead-name{display:flex;align-items:center;gap:9px}.lead-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#e7f2ff,#d8f7f4);color:#156b9f;display:grid;place-items:center;font-weight:850;font-size:10px}.lead-name strong{display:block;font-size:10.5px}.lead-name small{display:block;font-size:8.5px;color:#8492a2}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;background:#edf5fb;color:#315e7d;font-size:9px;font-weight:750}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.green{background:#e9f8f2;color:#16835c}.pill.amber{background:#fff5e5;color:#a9670c}.pill.red{background:#ffedf0;color:#bd3449}.pill.violet{background:#f1edff;color:#7051ce}.empty-state{text-align:center;padding:45px 20px;color:#768699}.empty-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:#edf5fb;display:grid;place-items:center;color:#2b78b0}.empty-icon svg{width:25px}.empty-state h3{font-size:13px;margin:0 0 5px}.empty-state p{font-size:10px;margin:0}.pipeline-scroll{overflow-x:auto;padding-bottom:10px}.pipeline-board{display:flex;gap:12px;min-width:max-content}.pipeline-column{width:260px;background:linear-gradient(180deg,#f7fafc,#eef4f9);border:1px solid #dfe9f1;border-radius:15px;padding:10px;min-height:330px}.pipeline-head{display:flex;align-items:center;gap:8px;padding:4px 3px 10px}.pipeline-dot{width:8px;height:8px;border-radius:50%;background:var(--stage)}.pipeline-head strong{font-size:10.5px;flex:1}.pipeline-count{background:#fff;border:1px solid #dbe6ee;border-radius:15px;padding:3px 7px;font-size:8.5px}.pipeline-drop{display:flex;flex-direction:column;gap:8px;min-height:270px}.lead-card{background:#fff;border:1px solid #e0e8ef;border-radius:12px;padding:11px;box-shadow:0 5px 14px rgba(22,45,73,.05);cursor:grab}.lead-card:hover{border-color:#b8d5e9;transform:translateY(-1px)}.lead-card strong{font-size:10.5px;display:block}.lead-card small{font-size:8.5px;color:#7a8998;display:block;margin-top:4px}.lead-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.lead-card-footer span{font-size:8px;background:#eef4f8;padding:4px 6px;border-radius:6px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{padding:16px;min-height:148px;position:relative;overflow:hidden}.integration-card:after{content:"";position:absolute;right:-50px;bottom:-55px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%)}.integration-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.integration-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--icon1),var(--icon2));color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px var(--shadowColor)}.integration-icon svg{width:20px}.integration-card h3{font-size:12px;margin:13px 0 4px}.integration-card p{font-size:9.5px;color:#778596;line-height:1.45;margin:0 0 13px;max-width:80%}.integration-status{font-size:8px;font-weight:800;display:inline-flex;align-items:center;gap:5px;color:#748596}.integration-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#b9c4ce}.integration-status.connected{color:#16815b}.integration-status.connected:before{background:#1bbf7a}.integration-card .btn{position:absolute;right:14px;bottom:14px;z-index:2}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{font-size:9.5px;font-weight:750;color:#57687b}.form-grid label .control,.form-grid label .select,.form-grid label .textarea{margin-top:6px}.span2{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;background:rgba(2,18,32,.55);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-panel{background:#fff;width:min(720px,96vw);max-height:90vh;overflow:auto;border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(4,22,38,.28);position:relative}.modal-close{position:absolute;right:14px;top:14px}.modal-panel h2{font-size:20px;margin:0 45px 6px 0}.modal-panel>.modal-subtitle{color:#778697;font-size:11px;margin:0 0 20px}.toast-root{position:fixed;right:18px;top:82px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;background:#fff;border:1px solid #dfe8f0;border-radius:12px;padding:11px 13px;box-shadow:0 16px 35px rgba(15,38,65,.14);display:flex;align-items:center;gap:9px;font-size:10.5px;animation:toastIn .25s ease}.toast svg{width:17px;color:#14a870}.toast.error svg{color:#e94c60}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.65fr);background:#fff}.login-visual{padding:8vw;background:linear-gradient(145deg,rgba(5,28,47,.96),rgba(8,65,89,.93)),radial-gradient(circle at 30% 20%,#1ed1d7,transparent 35%);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-visual h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;max-width:780px;margin:18px 0}.login-visual>p:last-of-type{color:#bfd0dc;max-width:680px;line-height:1.65}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.login-points span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);padding:8px 11px;border-radius:20px;font-size:10px}.login-card{align-self:center;margin:50px;max-width:430px}.login-card .brand-row{margin-bottom:50px}.login-card h2{font-size:27px;margin:0}.login-card>p{color:#758496;font-size:11px;margin:7px 0 28px}.login-card label{display:block;font-size:10px;font-weight:750;margin-bottom:13px}.login-card .control{margin-top:6px;padding:13px}.login-card .btn{width:100%;margin-top:8px}.form-error{color:#e24658;font-size:10px;margin-top:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{background:#fff;border:1px solid #e1e9f1;border-radius:10px;min-height:82px;padding:8px;font-size:9px}.calendar-day strong{font-size:10px}.calendar-day.has-task{border-color:#7bc7dc;background:#f1fbfc}.calendar-event{display:block;margin-top:5px;padding:4px 5px;border-radius:5px;background:#e2f1fd;color:#24688f;font-size:7.5px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{overflow:hidden;padding:0}.project-cover{height:80px;background:linear-gradient(135deg,#0b3150,#1594a4);position:relative}.project-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.28),transparent 35%)}.project-body{padding:14px}.project-body h3{font-size:12px;margin:0 0 5px}.project-body p{font-size:9px;color:#7c8996;margin:0 0 12px}.project-meta{display:flex;justify-content:space-between;font-size:8.5px;color:#667789}.bars{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:9px;font-size:9px}.bar-track{height:7px;background:#e9f0f5;border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#1b7bf0,#22c3c4)}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.main{grid-column:auto}.mobile-menu{display:grid}.sidebar-close{display:grid}.topbar{padding:0 15px}.user-copy,.user-menu>svg,.top-search kbd{display:none}.page{padding:20px 16px 45px}.dashboard-main,.settings-grid{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid,.cards-3{grid-template-columns:1fr}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{margin:28px}.top-search{display:none}.metric-card{min-height:105px}.calendar-grid{min-width:700px}.calendar-wrap{overflow:auto}.user-menu{padding:0}}

/* Premium readability & interaction upgrade v3.2 */
html{font-size:16px}body{font-size:14px;line-height:1.5}.sidebar{width:280px}.app-shell{grid-template-columns:280px 1fr}.sidebar-brand strong{font-size:16px}.sidebar-brand small{font-size:11px}.workspace-chip small{font-size:10px}.workspace-chip strong{font-size:13px}.nav-section{font-size:10px;letter-spacing:.14em}.nav-item{font-size:13px;min-height:42px;padding:10px 12px}.nav-item svg{width:19px;height:19px}.page-header h1{font-size:30px}.page-header>div>p:not(.eyebrow){font-size:13px}.eyebrow{font-size:11px}.metric-label{font-size:11px}.metric-value{font-size:26px}.metric-note{font-size:10px}.panel-title h2{font-size:16px}.panel-title p{font-size:11px}.btn{font-size:12px;min-height:38px;padding:9px 14px}.btn-sm{font-size:11px;min-height:34px}.control,.select,.textarea{font-size:13px;padding:11px 12px}.data-table th{font-size:10px}.data-table td{font-size:12px}.lead-name strong,.source-row strong,.pipeline-head strong,.lead-card strong{font-size:12px}.lead-name small,.source-row small,.lead-card small{font-size:10px}.pill{font-size:10px}.integration-card h3{font-size:15px}.integration-card p{font-size:11px}.integration-status{font-size:10px}.form-grid label{font-size:11px}.project-body h3{font-size:14px}.project-body p,.project-meta{font-size:10.5px}.calendar-day{font-size:10px}.calendar-day strong{font-size:11px}.top-search input{font-size:13px}.user-copy strong{font-size:12px}.user-copy small{font-size:10px}.sidebar-bottom small{font-size:9.5px}
.top-actions{position:relative}.top-popover{position:absolute;right:82px;top:58px;width:310px;background:rgba(255,255,255,.98);border:1px solid #dbe7f1;border-radius:16px;padding:8px;box-shadow:0 24px 70px rgba(7,28,51,.22);z-index:90;backdrop-filter:blur(18px)}.notifications-popover{right:42px;width:370px}.user-popover{right:0;width:260px}.top-popover>button,.popover-title button{width:100%;border:0;background:transparent;border-radius:11px;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;color:#1b334b;cursor:pointer}.top-popover>button:hover,.notice-item:hover{background:linear-gradient(135deg,#eef7ff,#eefcfb)}.top-popover svg{width:19px}.top-popover button span{display:flex;flex-direction:column}.top-popover button strong{font-size:12px}.top-popover button small{font-size:10px;color:#718398;margin-top:2px}.popover-title{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #e8eef4}.popover-title strong{font-size:13px}.popover-title button{width:auto;color:#087bc1;font-weight:800;padding:5px}.notice-item{width:100%;border:0;background:transparent;padding:10px;border-radius:10px;display:flex;gap:10px;cursor:pointer;text-align:left}.notice-item>span{width:34px;height:34px;border-radius:10px;background:#edf6ff;color:#1385d1;display:grid;place-items:center;flex:0 0 auto}.notice-item>span svg{width:17px}.notice-item div{display:flex;flex-direction:column}.notice-item strong{font-size:11px}.notice-item small{font-size:9.5px;color:#778899;margin-top:2px}.popover-empty,.popover-loading{padding:20px;text-align:center;color:#75879a;font-size:11px}.user-pop-head{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e7eef4;margin-bottom:5px}.user-pop-head strong,.user-pop-head small{display:block}.user-pop-head strong{font-size:12px}.user-pop-head small{font-size:9.5px;color:#7a8b9d}.top-popover .danger{color:#c03b51}.user-menu{border:0;background:transparent;cursor:pointer;color:inherit}.workspace-chip{cursor:pointer}.workspace-chip:hover{background:rgba(255,255,255,.09)}.workspace-detail{display:flex;gap:12px;align-items:center;padding:18px;border-radius:14px;background:linear-gradient(135deg,#eff8ff,#eefcf9);margin-bottom:15px}.workspace-avatar.large{width:50px;height:50px;font-size:16px}
.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .app-shell{grid-template-columns:82px 1fr}.sidebar-collapsed .sidebar-brand>div:not(.brand-mark),.sidebar-collapsed .workspace-chip>div:not(.workspace-avatar),.sidebar-collapsed .workspace-chip>svg,.sidebar-collapsed .nav-section,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-badge,.sidebar-collapsed .storage-card div{display:none}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .workspace-chip{justify-content:center;padding:8px}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .storage-card{justify-content:center}.sidebar-collapsed .sidebar-close svg{transform:rotate(180deg)}
.sheet-help{padding:13px;border:1px dashed #b9d7e9;background:linear-gradient(135deg,#f2f9ff,#f1fcf8);border-radius:12px;display:flex;flex-direction:column;gap:4px}.sheet-help strong{font-size:12px}.sheet-help span{font-size:11px;color:#33546c}.sheet-help small{font-size:10px;color:#75889a}.modal-actions{display:flex;gap:9px;flex-wrap:wrap}.sync-status,.sync-result{border-radius:11px;padding:12px;background:#eef8ff;color:#236081;font-size:11px}.sync-result{display:flex;flex-direction:column;gap:3px;background:#eafaf4;color:#176e50}.sync-result.error{background:#fff0f2;color:#a93649}.sync-result strong{font-size:12px}.sync-result small{font-size:10px}.integration-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}.integration-card{min-height:170px}
@media(max-width:920px){.sidebar{width:280px}.app-shell{grid-template-columns:1fr}.sidebar-collapsed .sidebar{width:280px}.sidebar-collapsed .app-shell{grid-template-columns:1fr}.top-popover{position:fixed;right:15px;left:15px;top:72px;width:auto}.notifications-popover,.user-popover{right:15px;width:auto}}

/* ConsultSpaces Aurora Glass UI v4.0 */
:root{
  --glass-bg:rgba(255,255,255,.72);
  --glass-line:rgba(255,255,255,.72);
  --glass-shadow:0 24px 70px rgba(15,43,75,.12);
  --aurora-a:#22d3ee;
  --aurora-b:#3b82f6;
  --aurora-c:#8b5cf6;
  --aurora-d:#10b981;
}
body{
  background:
    radial-gradient(circle at 12% 9%,rgba(34,211,238,.13),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(139,92,246,.12),transparent 30%),
    radial-gradient(circle at 76% 88%,rgba(16,185,129,.10),transparent 30%),
    linear-gradient(135deg,#f4f9ff 0%,#f8f7ff 48%,#f1fbf8 100%);
  background-attachment:fixed;
}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none;z-index:-1;animation:auroraFloat 16s ease-in-out infinite alternate}
body:before{width:360px;height:360px;background:linear-gradient(135deg,var(--aurora-a),var(--aurora-b));left:18%;top:10%}
body:after{width:420px;height:420px;background:linear-gradient(135deg,var(--aurora-c),var(--aurora-d));right:4%;bottom:4%;animation-delay:-7s}
.sidebar{
  background:
    linear-gradient(180deg,rgba(4,24,43,.96),rgba(7,47,75,.95)),
    radial-gradient(circle at 20% 5%,rgba(34,211,238,.25),transparent 32%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:20px 0 60px rgba(2,20,38,.18);
}
.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.04) 44%,transparent 64%);background-size:220% 100%;animation:sidebarSheen 10s linear infinite;pointer-events:none}
.brand-mark{position:relative;overflow:hidden;isolation:isolate}
.brand-mark:after{content:"";position:absolute;inset:-35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(25deg) translateX(-130%);animation:brandShine 5s ease-in-out infinite}
.workspace-chip,.storage-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-item{position:relative;overflow:hidden}
.nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-120%);transition:.55s}
.nav-item:hover:after{transform:translateX(120%)}
.nav-item.active{box-shadow:inset 3px 0 #34d7df,0 10px 28px rgba(0,185,210,.14)}
.topbar{
  background:rgba(255,255,255,.66);
  border-bottom:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 30px rgba(23,54,87,.06);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.top-search,.icon-btn,.user-menu,.top-popover{
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.top-search{background:rgba(244,249,253,.76);border-color:rgba(194,216,234,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.icon-btn{background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(24,66,105,.07),inset 0 1px 0 rgba(255,255,255,.9)}
.icon-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 28px rgba(24,101,170,.15)}
.page{animation:pageFade .45s cubic-bezier(.2,.8,.2,1)}
.page-header h1{background:linear-gradient(105deg,#071b2d,#0f6ca8 52%,#6e48e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel,.metric-card,.integration-card,.project-card,.pipeline-column,.calendar-day,.modal-panel{
  background:var(--glass-bg);
  border:1px solid var(--glass-line);
  box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.panel,.metric-card,.integration-card,.project-card{position:relative;overflow:hidden}
.panel:before,.metric-card:after,.integration-card:before,.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 16%,rgba(255,255,255,.40) 44%,transparent 72%);transform:translateX(-120%);pointer-events:none}
.panel:hover:before,.metric-card:hover:after,.integration-card:hover:before,.project-card:hover:before{animation:glassSweep 1.15s ease}
.metric-card{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.metric-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px rgba(21,69,117,.15),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(118,191,235,.55)}
.metric-icon{box-shadow:0 10px 22px color-mix(in srgb,var(--accent,#1a78de) 18%,transparent);transition:.25s}
.metric-card:hover .metric-icon{transform:rotate(-5deg) scale(1.08)}
.metric-card strong{font-variant-numeric:tabular-nums}
.btn{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 24px rgba(25,78,129,.10)}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.34) 50%,transparent 75%);transform:translateX(-140%);transition:.58s;z-index:-1}
.btn:hover:before{transform:translateX(140%)}
.btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 16px 30px rgba(20,73,123,.18)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary{background:linear-gradient(135deg,#0b7cff 0%,#00bdd0 55%,#7a5cff 120%)}
.btn-secondary{background:linear-gradient(135deg,#6948e7,#9b72ff 58%,#d86bff)}
.btn-success{background:linear-gradient(135deg,#07996b,#20c89a 55%,#1cb8cf)}
.control,.select,.textarea{background:rgba(255,255,255,.74);backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .2s,transform .2s}
.control:focus,.select:focus,.textarea:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(28,141,229,.10),0 10px 25px rgba(35,86,135,.08)}
.data-table tbody tr{transition:.2s}
.data-table tbody tr:hover{transform:translateX(3px)}
.chart-bar{position:relative;overflow:hidden;animation:barGrow .8s cubic-bezier(.17,.84,.44,1) both}
.chart-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 45%)}
.integration-card{transition:.28s ease}
.integration-card:hover{transform:translateY(-5px);border-color:rgba(104,180,233,.5);box-shadow:0 26px 55px rgba(28,72,115,.14)}
.integration-icon,.source-icon,.lead-avatar,.workspace-avatar{box-shadow:0 10px 24px rgba(31,93,150,.12)}
.pipeline-board{scrollbar-color:#7bc8e8 rgba(223,234,244,.7)}
.pipeline-column{min-height:360px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(237,247,254,.66))}
.lead-card{background:rgba(255,255,255,.82);border:1px solid rgba(210,226,239,.82);box-shadow:0 12px 24px rgba(28,68,108,.08);transition:.22s ease}
.lead-card:hover{transform:translateY(-3px) rotate(.2deg);box-shadow:0 20px 35px rgba(28,68,108,.14)}
.modal-backdrop{background:rgba(4,20,36,.44);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.modal-panel{animation:modalPop .32s cubic-bezier(.2,.9,.25,1.15)}
.toast{background:rgba(255,255,255,.80);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.82)}
.login-visual{position:relative;overflow:hidden}
.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(8px);opacity:.24;animation:loginOrb 12s ease-in-out infinite alternate}
.login-visual:before{width:430px;height:430px;background:#26d8dd;right:-120px;top:-100px}
.login-visual:after{width:360px;height:360px;background:#8a62ff;left:-110px;bottom:-120px;animation-delay:-5s}
.login-card{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.84);box-shadow:0 30px 90px rgba(20,48,79,.14);border-radius:26px;padding:32px;backdrop-filter:blur(22px)}
.floating-enter{animation:cardEnter .48s cubic-bezier(.2,.8,.2,1) both}
@keyframes auroraFloat{0%{transform:translate3d(-4%,-4%,0) scale(.94)}100%{transform:translate3d(7%,8%,0) scale(1.08)}}
@keyframes sidebarSheen{0%{background-position:180% 0}100%{background-position:-40% 0}}
@keyframes brandShine{0%,58%{transform:rotate(25deg) translateX(-140%)}75%,100%{transform:rotate(25deg) translateX(160%)}}
@keyframes glassSweep{to{transform:translateX(120%)}}
@keyframes pageFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes modalPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cardEnter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes barGrow{from{transform:scaleY(.05);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@keyframes loginOrb{from{transform:translate(-3%,-2%) scale(.9)}to{transform:translate(8%,7%) scale(1.12)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Readability & interaction stability patch v5.1 */
html{font-size:18px!important}
body{font-size:16px!important;line-height:1.62!important;letter-spacing:-.005em}
.sidebar-brand strong{font-size:18px!important}.sidebar-brand small{font-size:13px!important}
.workspace-chip small{font-size:12px!important}.workspace-chip strong{font-size:15px!important}
.nav-section{font-size:12px!important}.nav-item{font-size:15px!important;min-height:48px!important;padding:12px 14px!important;gap:12px!important}.nav-item svg{width:21px!important;height:21px!important}
.page-header h1{font-size:34px!important}.page-header>div>p:not(.eyebrow){font-size:15px!important}.eyebrow{font-size:12px!important}
.top-search input{font-size:15px!important}.user-copy strong{font-size:14px!important}.user-copy small{font-size:12px!important}
.metric-label{font-size:13px!important}.metric-value{font-size:30px!important}.metric-note{font-size:12px!important}
.panel-title h2{font-size:19px!important}.panel-title p{font-size:13px!important}
.btn{font-size:14px!important;min-height:44px!important;padding:11px 16px!important}.btn-sm{font-size:13px!important;min-height:40px!important}
.control,.select,.textarea{font-size:15px!important;padding:13px 14px!important}
.form-grid label{font-size:13px!important}.data-table th{font-size:12px!important}.data-table td{font-size:14px!important;padding-top:14px!important;padding-bottom:14px!important}
.lead-name strong,.source-row strong,.pipeline-head strong,.lead-card strong{font-size:14px!important}.lead-name small,.source-row small,.lead-card small{font-size:12px!important}
.pill{font-size:12px!important;padding:6px 9px!important}.integration-card h3{font-size:17px!important}.integration-card p{font-size:13px!important}.integration-status{font-size:12px!important}
.project-body h3{font-size:17px!important}.project-body p,.project-meta{font-size:13px!important}.calendar-day{font-size:12px!important}.calendar-day strong{font-size:13px!important}.calendar-event{font-size:10px!important}
.modal-panel h2{font-size:25px!important}.modal-panel>.modal-subtitle{font-size:14px!important}.toast{font-size:13px!important}
.top-popover button strong,.popover-title strong,.user-pop-head strong{font-size:14px!important}.top-popover button small,.notice-item small,.user-pop-head small{font-size:12px!important}.notice-item strong{font-size:13px!important}
.settings-grid .panel{padding:22px!important}.settings-grid h3,.settings-grid h2{font-size:20px!important}
.security-row strong{font-size:14px!important}.security-row small{font-size:12px!important}
.pipeline-column{min-width:280px!important}.pipeline-head{padding:14px!important}.pipeline-drop{min-height:340px!important}
@media(max-width:920px){html{font-size:17px!important}.page-header h1{font-size:30px!important}.nav-item{font-size:15px!important}}
@media(max-width:650px){html{font-size:16px!important}.page-header h1{font-size:27px!important}.metric-value{font-size:26px!important}.btn{font-size:13px!important}}


/* ConsultSpaces readability & single-action UI patch v6.0 */
html{font-size:20px!important}
body{font-size:17px!important;line-height:1.68!important}
.sidebar{width:292px!important}
.sidebar-brand strong{font-size:20px!important}.sidebar-brand small{font-size:14px!important}
.workspace-chip strong{font-size:16px!important}.workspace-chip small{font-size:13px!important}
.nav-section{font-size:13px!important;letter-spacing:.14em!important}
.nav-item{font-size:16px!important;min-height:52px!important;padding:14px 16px!important}.nav-item svg{width:23px!important;height:23px!important}
.top-search input{font-size:16px!important}.user-copy strong{font-size:15px!important}.user-copy small{font-size:13px!important}
.page-header h1{font-size:38px!important}.page-header>div>p:not(.eyebrow){font-size:16px!important}.eyebrow{font-size:13px!important}
.metric-label{font-size:14px!important}.metric-value{font-size:34px!important}.metric-note{font-size:13px!important}
.panel-title h2{font-size:21px!important}.panel-title p{font-size:14px!important}
.btn{font-size:15px!important;min-height:48px!important;padding:13px 18px!important}.btn-sm{font-size:14px!important;min-height:42px!important}
.control,.select,.textarea{font-size:16px!important;padding:14px 15px!important}.form-grid label{font-size:14px!important}
.data-table th{font-size:13px!important}.data-table td{font-size:15px!important;padding-top:16px!important;padding-bottom:16px!important}
.lead-name strong,.source-row strong,.pipeline-head strong,.lead-card strong{font-size:15px!important}.lead-name small,.source-row small,.lead-card small{font-size:13px!important}
.integration-card h3,.project-body h3{font-size:19px!important}.integration-card p,.project-body p,.project-meta{font-size:14px!important}
.modal-panel h2{font-size:28px!important}.modal-panel>.modal-subtitle{font-size:15px!important}
.security-row strong{font-size:15px!important}.security-row small{font-size:13px!important}
.pipeline-column{min-width:300px!important}.pipeline-head{padding:16px!important}.pipeline-drop{min-height:300px!important}
button,[data-route]{touch-action:manipulation}
@media(max-width:1100px){.sidebar{width:276px!important}html{font-size:19px!important}}
@media(max-width:920px){html{font-size:18px!important}.page-header h1{font-size:32px!important}.nav-item{font-size:16px!important}}
@media(max-width:650px){html{font-size:17px!important}.page-header h1{font-size:29px!important}.metric-value{font-size:29px!important}}