@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy:#f8fafc;--navy-2:#fff;--purple:#7c3aed;--purple-2:#5b21b6;--glow:#a78bfa;--surface:#ffffffe6;--hairline:#0f172a14;--text:#0f172a;--muted:#64748b;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}html,body{color:var(--text);background:radial-gradient(circle at 15% 10%,#a78bfa29,#0000 24%),radial-gradient(circle at 85% 0,#7c3aed1a,#0000 18%),linear-gradient(#f8fafc,#eef2ff 72%,#e2e8f0);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}html:before{content:"";pointer-events:none;z-index:0;opacity:.18;background-image:radial-gradient(circle,#7c3aed6b 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 82%);mask-image:radial-gradient(#000,#0000 82%)}body>*{z-index:1;position:relative}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5b21b68c}*{scrollbar-width:thin;scrollbar-color:#7c3aed66 transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:fadeUp .22s var(--ease-out) both}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#94a3b829 25%,#94a3b847 50%,#94a3b829 75%) 0 0/200% 100%;border-radius:6px}@media (prefers-reduced-motion:no-preference){button,[role=button]{transition:transform .16s var(--ease-out), opacity .15s ease}button:active,[role=button]:active{transform:scale(.97)}.skeleton{animation:1.6s linear infinite shimmer}}@media (prefers-reduced-motion:reduce){.page-fade-in,.skeleton,.animate-spin{animation:none}}:root{--purple:#7c3aed;--purple-2:#5b21b6;--glow:#a78bfa;--surface:#ffffffeb;--surface-2:#f8fafcf0;--hairline:#0f172a14;--hairline-strong:#7c3aed2e;--text:#0f172a;--muted:#64748b;--muted-2:#94a3b8;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}body{color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,.login-card h1{letter-spacing:-.03em;color:var(--text);font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:800;line-height:1.1}.eyebrow,.slack-line,.hero-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--purple);font-size:.7rem;font-weight:700}.muted,.brand-sub,.small-note,.mini-stat span,.sidebar-footer .muted{color:var(--muted);font-size:.85rem}.strong{font-weight:700}.big{font-size:1.15rem}.spaced{margin-top:14px}.link{color:var(--purple);-webkit-text-decoration:underline #7c3aed47;text-decoration:underline #7c3aed47}code{border:1px solid var(--hairline);color:var(--text);background:#7c3aed14;border-radius:8px;padding:3px 7px;font-size:.88em}.btn{border:1px solid var(--hairline);color:var(--text);white-space:nowrap;transition:transform .16s var(--ease-out), box-shadow .2s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out);background:#ffffffc7;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.9rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn.primary{background:linear-gradient(145deg, var(--purple), var(--purple-2));color:#fff;border-color:#7c3aed33;box-shadow:0 8px 24px #7c3aed38}.btn.ghost{background:#ffffffd1}.btn.danger{color:#b91c1c;background:#ef444414;border-color:#ef444438}.btn.small{border-radius:10px;padding:8px 12px;font-size:.84rem}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--hairline);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), background-color .15s var(--ease-out);background:#ffffffe6;border-radius:14px;outline:none;padding:12px 14px}input::placeholder,textarea::placeholder{color:#64748bb3}input:focus,textarea:focus,select:focus{border-color:#7c3aed8c;box-shadow:0 0 0 3px #7c3aed2e}textarea{resize:vertical;min-height:120px}.badge{border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.badge.purple{color:var(--purple);background:#7c3aed1a}.badge.indigo{color:var(--purple-2);background:#5b21b61a}.badge.green{color:#047857;background:#10b9811a}.badge.amber{color:#b45309;background:#f59e0b1f}.badge.red{color:#b91c1c;background:#ef44441a}.badge.violet{color:var(--purple);background:#7c3aed1f}.app-shell{z-index:1;grid-template-columns:280px 1fr;min-height:100vh;display:grid;position:relative}.sidebar{border-right:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);background:linear-gradient(#fffffff5,#f8fafceb);flex-direction:column;height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:inset -1px 0 #ffffffa6}.brand-block{flex-shrink:0;align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--purple), var(--purple-2));border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:1rem;font-weight:800;display:grid;position:relative;box-shadow:0 8px 24px #7c3aed38}.brand-mark:after{content:"";opacity:0;z-index:-1;filter:blur(10px);background:linear-gradient(145deg,#7c3aed2e,#a78bfa3d);border-radius:20px;position:absolute;inset:-4px}.brand-name{letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:800}.nav{flex:1;gap:4px;display:grid}.nav-link{color:var(--muted);transition:background-color .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);border-left:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;font-weight:500;display:flex}.nav-link.active{border-left-color:var(--purple);color:var(--text);background:#7c3aed14}.nav-arrow{color:var(--muted);opacity:.5;flex-shrink:0;margin-left:auto}.sidebar-footer{border:1px solid var(--hairline);background:#ffffffdb;border-radius:16px;flex-shrink:0;margin-top:20px;padding:14px 16px}.main-area{z-index:1;min-width:0;padding:28px 32px;position:relative}.page{gap:24px;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.header-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.animate-fade-up{opacity:0;transform:translateY(6px)}.card{background:var(--surface);border:1px solid var(--hairline);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:20px;padding:22px;box-shadow:0 10px 30px #0f172a0f}.card-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.grid{gap:20px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:2fr 1fr}.clients-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.stat-value{letter-spacing:-.04em;background:linear-gradient(135deg, var(--purple) 15%, var(--glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.2rem;font-weight:800}.table{gap:6px;display:grid}.row{border:1px solid var(--hairline);transition:background-color .15s var(--ease-out), transform .15s var(--ease-out), border-color .15s var(--ease-out);background:#ffffffe0;border-radius:12px;grid-template-columns:1.2fr 1.4fr .9fr .7fr;align-items:center;gap:12px;padding:13px 16px;display:grid}.row.head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-color:#0000;font-size:.78rem}.row-link{cursor:pointer}.slack-card,.project-line,.call-card,.update-card,.vault-row,.queue-item{border:1px solid var(--hairline);transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), transform .15s var(--ease-out);background:#ffffffdb;border-radius:14px;gap:10px;padding:14px;display:grid}.project-line,.call-card,.vault-row{grid-template-columns:1fr auto;align-items:center}.project-status{align-items:center;gap:10px;display:flex}.call-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slack-message{line-height:1.65}.tabbar{border-bottom:1px solid var(--hairline);gap:0;display:flex}.tab{color:var(--muted);cursor:pointer;transition:color .15s var(--ease-out);text-transform:capitalize;background:0 0;border:none;border-radius:0;padding:10px 18px;font-size:.88rem;font-weight:500;position:relative}.tab:after{content:"";background:var(--purple);transform-origin:50%;height:2px;transition:transform .2s var(--ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab.active{color:var(--text)}.tab.active:after{transform:scaleX(1)}.project-statusbar{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.status-step{border:1px solid var(--hairline);color:var(--muted);transition:background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:500}.status-step.active{color:var(--text);background:#7c3aed1a;border-color:#7c3aed38}.form-grid{gap:12px;display:grid}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-list,.updates-list,.call-list{gap:10px;display:grid}.queue-item{text-align:left;grid-template-columns:1fr auto}.queue-item.selected{background:#7c3aed0f;border-color:#7c3aed52}.template-picker{gap:8px;margin-top:14px;display:grid}.warning-line{color:#b45309;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;display:flex}.bullet-list{color:var(--muted);margin:10px 0 0;padding-left:18px;line-height:1.75}.compact-grid{gap:10px}.login-screen{place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{background:radial-gradient(circle at 100% 0,#7c3aed14,#0000 26%),linear-gradient(#fffffff0,#f8fafcf0);width:100%;max-width:900px}.login-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.mini-stat{border:1px solid var(--hairline);background:#ffffffdb;border-radius:18px;padding:14px}.mini-stat span{color:var(--muted);margin-top:6px;font-size:.85rem;display:block}.portal{gap:20px;display:grid}.skeleton{background:linear-gradient(90deg,#94a3b829 25%,#94a3b847 50%,#94a3b829 75%) 0 0/200% 100%;border-radius:6px;height:1em;display:block}.skeleton-sm{width:55%;height:.75em}.skeleton-lg{width:45%;height:2.2rem}.skeleton-row{border-radius:12px;height:44px}@keyframes glowPulse{0%,to{opacity:0}50%{opacity:.6}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:no-preference){.page,.animate-fade-up{animation:fadeUp .2s var(--ease-out) both}.sidebar,.nav .nav-link{animation:fadeUp .22s var(--ease-drawer) both}.nav .nav-link:first-child{animation-delay:0s}.nav .nav-link:nth-child(2){animation-delay:30ms}.nav .nav-link:nth-child(3){animation-delay:60ms}.nav .nav-link:nth-child(4){animation-delay:90ms}.nav .nav-link:nth-child(5){animation-delay:.12s}.nav .nav-link:nth-child(6){animation-delay:.15s}.brand-mark:after{animation:4s ease-in-out infinite glowPulse}.card{animation:fadeUp .25s var(--ease-out) both}.stats-grid .card:first-child{animation-delay:0s}.stats-grid .card:nth-child(2){animation-delay:45ms}.stats-grid .card:nth-child(3){animation-delay:90ms}.stats-grid .card:nth-child(4){animation-delay:.135s}.dashboard-grid .card:first-child{animation-delay:0s}.dashboard-grid .card:nth-child(2){animation-delay:60ms}.clients-grid .card:first-child{animation-delay:0s}.clients-grid .card:nth-child(2){animation-delay:50ms}.clients-grid .card:nth-child(3){animation-delay:.1s}.clients-grid .card:nth-child(4){animation-delay:.15s}.table .row:not(.head){animation:fadeUp .2s var(--ease-out) both}.table .row:nth-child(2){animation-delay:0s}.table .row:nth-child(3){animation-delay:30ms}.table .row:nth-child(4){animation-delay:60ms}.table .row:nth-child(5){animation-delay:90ms}.table .row:nth-child(6){animation-delay:.12s}.updates-list .update-card,.call-list .call-card,.queue-list .queue-item{animation:fadeUp .2s var(--ease-out) both}.updates-list .update-card:nth-child(2),.call-list .call-card:nth-child(2),.queue-list .queue-item:nth-child(2){animation-delay:30ms}.updates-list .update-card:nth-child(3),.call-list .call-card:nth-child(3),.queue-list .queue-item:nth-child(3){animation-delay:60ms}.updates-list .update-card:nth-child(4),.call-list .call-card:nth-child(4),.queue-list .queue-item:nth-child(4){animation-delay:90ms}button:active,.btn:active{transform:scale(.97)}.skeleton{animation:1.6s linear infinite shimmer}}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.card:hover{border-color:#7c3aed2e;transform:translateY(-2px);box-shadow:0 14px 36px #0f172a1a,0 0 0 1px #7c3aed24}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.ghost:hover{background:#fffffff2;border-color:#94a3b852}.btn.primary:hover:not(:disabled){box-shadow:0 12px 32px #7c3aed4d}.row-link:hover{background:#7c3aed0a;transform:translateY(-1px)}.nav-link:hover{color:var(--text);background:#7c3aed0f;border-left-color:#7c3aed80}.queue-item:hover:not(.selected){background:#fffffff2;border-color:#94a3b83d;transform:translateY(-1px)}.tab:hover:not(.active){color:var(--text)}}}@media (width<=1200px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.stats-grid,.dashboard-grid,.clients-grid,.login-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.main-area{padding:18px}.stats-grid,.dashboard-grid,.clients-grid,.login-grid,.form-grid.two-col,.project-line,.call-card,.vault-row,.row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.tabbar{border-bottom:none;flex-wrap:wrap;gap:6px}.tab{border:1px solid var(--hairline);border-radius:999px;padding:8px 14px}.tab:after{display:none}.tab.active{background:#7c3aed1a;border-color:#7c3aed38}}