@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@700;800&family=Material+Symbols+Outlined:wght@100..700&display=swap";:root{--background:#f7f9fb;--surface:#fff;--surface-low:#f2f4f6;--surface-high:#e6e8ea;--surface-outline:#c6c6cd40;--primary:#000;--primary-container:#07006c;--secondary:#006591;--secondary-container:#39b8fd;--secondary-fixed:#c9e6ff;--primary-fixed:#e1e0ff;--tertiary-fixed-dim:#4fdbc8;--text:#191c1e;--muted:#45464d;--line:#76777d29;--shadow:0 24px 24px -4px #191c1e0f;--radius-xl:20px;--radius-lg:16px;--radius-md:10px;--font-body:"Inter", sans-serif;--font-headline:"Manrope", sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left, #39b8fd1f, transparent 30%), radial-gradient(circle at bottom right, #07006c14, transparent 32%), var(--background);margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.material-symbols-outlined{font-size:1.2rem;line-height:1}.small-icon{font-size:1rem}.app-shell{align-items:flex-start;min-height:100vh;display:flex}.sidebar{background:var(--primary-container);flex-direction:column;flex:0 0 16rem;align-self:flex-start;width:16rem;height:100vh;padding:1.5rem 0;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:.9rem;margin-bottom:2.5rem;padding:0 1.5rem;display:flex}.brand-block h1,.login-brand h1,.page-header h2,.panel h3{font-family:var(--font-headline);margin:0}.brand-block h1{color:#fff;font-size:1.1rem}.brand-block p{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;margin:.2rem 0 0;font-size:.65rem}.brand-mark{color:#004666;background:var(--secondary-container);border-radius:.85rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.sidebar-nav,.sidebar-footer{grid-auto-rows:max-content;align-content:start;gap:.55rem;display:grid}.sidebar-nav{flex:1}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:1rem}.nav-item{color:#ffffffb8;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:.85rem;margin:0 1rem;padding:.8rem 1rem;font-size:.75rem;font-weight:600;transition:all .18s;display:flex}.nav-item:hover,.nav-button:hover{color:#fff;background:#ffffff1a}.nav-item-active{color:#004666;background:var(--secondary-container)}.nav-button{background:0 0;border:0}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.search-wrap{background:var(--surface-low);border:1px solid #0000;border-radius:999px;align-items:center;gap:.65rem;width:min(100%,34rem);padding:.8rem 1rem;display:flex}.search-wrap input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.topbar-actions{align-items:center;gap:1rem;display:flex}.icon-button,.ghost-icon-button{width:2.5rem;height:2.5rem;color:var(--muted);background:0 0;border:0;border-radius:.85rem;place-items:center;display:inline-grid}.icon-button:hover,.ghost-icon-button:hover{background:var(--surface-low)}.profile-chip{border-left:1px solid var(--line);align-items:center;gap:.85rem;padding-left:1rem;display:flex}.profile-chip strong,.profile-chip span{text-align:right;display:block}.profile-chip strong{text-transform:uppercase;font-size:.72rem}.profile-chip span{color:var(--muted);text-transform:uppercase;font-size:.66rem}.profile-chip img{object-fit:cover;border-radius:50%;width:2.25rem;height:2.25rem}.page-wrap{width:100%;max-width:88rem;margin:0 auto;padding:2rem 2rem 3rem}.page-header{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.page-header h2{letter-spacing:-.04em;font-size:clamp(2rem,2vw + 1.4rem,3rem);line-height:1}.page-header p,.panel p,.stat-card p{color:var(--muted)}.primary-button,.secondary-button{letter-spacing:.03em;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.5rem;font-weight:700;transition:all .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#000 0%,#07006c 100%);border:0;box-shadow:0 16px 28px #07006c2e}.secondary-button{color:var(--text);border:1px solid var(--line);background:var(--surface-low)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.stats-grid,.content-grid,.settings-grid{gap:1.5rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2rem}.contacts-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,2fr) minmax(20rem,1fr)}.settings-grid{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start}.stat-card,.panel{background:var(--surface);border:1px solid var(--surface-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.stat-card{flex-direction:column;justify-content:space-between;min-height:10.5rem;padding:1.75rem;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:700}.stat-content strong,.summary-row strong{font-family:var(--font-headline);font-size:clamp(2rem,1.8vw + 1.1rem,3rem);line-height:1}.metric-row,.status-row,.summary-row{align-items:baseline;gap:.75rem;margin-top:1rem;display:flex}.metric-row span,.metric-foot{color:#009485;font-weight:700}.metric-foot{align-items:center;gap:.35rem;margin-top:1rem;display:flex}.progress-mini,.score-bar{background:var(--surface-low);border-radius:999px;width:100%;height:.45rem;margin-top:1rem;overflow:hidden}.progress-mini div,.score-bar div{border-radius:inherit;background:var(--tertiary-fixed-dim);height:100%}.status-dot{background:#009485;border-radius:50%;width:.6rem;height:.6rem;box-shadow:0 0 0 6px #4fdbc82e}.panel{padding:1.75rem}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.pill-row{gap:.5rem;display:flex}.pill{color:var(--muted);text-transform:uppercase;border-radius:999px;padding:.45rem .8rem;font-size:.68rem;font-weight:700}.pill-active{color:var(--text);background:var(--surface-low)}.chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:1rem;min-height:20rem;display:grid}.chart-bar{align-content:end;justify-items:center;gap:.85rem;display:grid}.chart-bar span{opacity:0;color:#fff;background:var(--primary);border-radius:.4rem;padding:.25rem .4rem;font-size:.65rem;transition:opacity .18s}.chart-bar:hover span{opacity:1}.chart-bar div{background:#07006c1a;border-radius:1rem 1rem 0 0;width:100%;min-height:2rem;transition:background .18s}.chart-bar:hover div,.chart-bar-active div{background:var(--secondary-container)}.chart-bar small{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.activity-list{gap:1.1rem;display:grid}.activity-item{align-items:center;gap:.85rem;display:flex}.activity-item img{object-fit:cover;border-radius:50%;width:2.6rem;height:2.6rem}.activity-avatar-fallback{color:#004666;background:var(--secondary-fixed);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-weight:700;display:grid}.activity-item strong{margin-bottom:.15rem;display:block}.activity-item p{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem}.activity-status{margin-left:auto}.activity-status-success{color:#009485}.activity-status-secondary{color:var(--secondary)}.activity-status-muted{color:var(--muted)}.toolbar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toolbar small{color:var(--muted);margin-left:auto;font-weight:600}.toolbar-chip,.connected-pill{border:1px solid var(--surface-outline);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.connected-pill{color:#004666;background:#71f8e433}.sync-panel{background:var(--surface-low);grid-column:span 2;justify-content:space-between;align-items:center;display:flex}.sync-panel p{color:var(--text);margin:.45rem 0 0;font-weight:600}.spark-bars{align-items:end;gap:.35rem;height:3rem;display:flex}.spark-bars span{background:#00000029;border-radius:.3rem .3rem 0 0;width:.65rem}.spark-bars span:first-child{height:1rem}.spark-bars span:nth-child(2){height:1.5rem}.spark-bars span:nth-child(3){height:2.5rem}.spark-bars span:nth-child(4){background:var(--primary);height:2rem}.spark-bars span:nth-child(5){background:var(--primary);height:3rem}.table-panel{padding:0;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:var(--surface-low)}th,td{text-align:left;padding:1.15rem 1.5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}tbody tr{border-top:1px solid #76777d14}tbody tr:hover{background:var(--surface-high)}.name-cell,.score-cell,.tag-row{align-items:center;gap:.75rem;display:flex}.avatar-initials{color:#001e2f;background:var(--secondary-fixed);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:700;display:grid}.tag-chip{text-transform:uppercase;border-radius:.3rem;padding:.3rem .5rem;font-size:.62rem;font-weight:700}.tag-chip-primary{color:#2f2ebe;background:var(--primary-fixed)}.tag-chip-secondary{color:#004c6e;background:var(--secondary-fixed)}.score-cell span{font-weight:700}.align-right{text-align:right}.ghost-icon-button{padding:0}.settings-panel,.settings-side,.settings-form{gap:1.5rem;display:grid}.field{gap:.55rem;display:grid}.field>span,.field-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.field input,.field-input,.password-field{width:100%;color:var(--text);background:var(--surface-low);border:0;border-bottom:2px solid #0000;border-radius:1rem;outline:0;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.field input:focus{border-bottom-color:var(--secondary)}.field-input input,.password-field input{background:0 0;padding:0}.field-head{justify-content:space-between;align-items:center;display:flex}.field-head a,.login-help a{color:var(--secondary);font-weight:700}.form-actions{flex-wrap:wrap;gap:1rem;display:flex}.info-panel{background:var(--surface-low);position:relative;overflow:hidden}.info-icon{color:#7073ff;margin-bottom:1rem;font-size:2rem}.steps{gap:1rem;display:grid}.step-row{gap:.85rem;display:flex}.step-row span{color:#fff;background:var(--primary-container);border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-size:.7rem;font-weight:700;display:grid}.summary-row{justify-content:space-between;align-items:center}.score-bar.large{height:.5rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-panel{z-index:1;width:min(100%,28rem);position:relative}.login-brand{text-align:center;margin-bottom:2.5rem}.brand-icon{color:#fff;background:linear-gradient(135deg,#000 0%,#07006c 100%);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:1rem;display:inline-grid}.hero-icon{font-size:2rem}.login-brand h1{letter-spacing:-.04em;font-size:2rem}.login-brand p{color:var(--muted)}.login-card{background:var(--surface);border:1px solid var(--surface-outline);box-shadow:var(--shadow);border-radius:1.5rem;padding:2rem}.login-card form{gap:1.25rem;display:grid}.checkbox-row{color:var(--muted);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.checkbox-row input{width:1rem;height:1rem}.login-button{width:100%;padding-block:1rem}.login-help{text-align:center;color:var(--muted);margin-top:1.5rem}.login-note,.settings-message{color:var(--muted);margin:0;font-size:.9rem}.login-note{text-align:center;margin-top:.75rem}.form-error{color:#ba1a1a;text-align:center;margin:0;font-size:.9rem}.login-ambient{filter:blur(100px);opacity:.24;border-radius:50%;width:28rem;height:28rem;position:absolute}.login-ambient-left{background:var(--secondary-container);top:-8rem;left:-7rem}.login-ambient-right{background:var(--primary-container);bottom:-10rem;right:-9rem}@media (width<=1100px){.stats-grid,.contacts-stats,.content-grid,.settings-grid{grid-template-columns:1fr 1fr}.sync-panel{grid-column:span 2}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:100%;min-height:auto;position:relative}.sidebar-nav,.sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1rem}.topbar,.page-header,.toolbar{flex-direction:column;align-items:stretch}.profile-chip{border-left:0;padding-left:0}}@media (width<=720px){.stats-grid,.contacts-stats,.content-grid,.settings-grid{grid-template-columns:1fr}.sync-panel{grid-column:span 1}.toolbar{align-items:stretch}.toolbar small{margin-left:0}.table-panel{overflow-x:auto}}