:root{
  --color-primary:#2563eb;
  --color-primary-dark:#1d4ed8;
  --color-primary-soft:#dbeafe;
  --color-primary-tint:#f3f8ff;
  --color-bg:#f8fafc;
  --color-surface:#fff;
  --color-surface-soft:#f7f9fc;
  --color-text-primary:#07113f;
  --color-text-secondary:#586b90;
  --color-text-muted:#8390a8;
  --green:#07966f;
  --green-soft:#f0fbf7;
  --blue-line:rgba(37,99,235,.12);
  --line:rgba(148,163,184,.13);
  --font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-heading:"Manrope","Inter",system-ui,sans-serif;
  --shadow-card:0 14px 34px rgba(15,23,42,.055),0 2px 8px rgba(15,23,42,.025);
  --shadow-float:0 18px 42px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.9);
}
*{box-sizing:border-box}
html{min-height:100%;background:#eef3fb}
body{min-height:100vh;margin:0;color:var(--color-text-primary);font-family:var(--font-body);background:radial-gradient(circle at 8% 8%,rgba(151,137,236,.14),transparent 32%),radial-gradient(circle at 92% 86%,rgba(125,211,252,.12),transparent 31%),linear-gradient(135deg,#f4f2ff 0%,#fbfdff 48%,#eef7ff 100%)}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{text-decoration:none;color:inherit}.preview-stage{display:grid;place-items:center;min-height:100vh;padding:9px 0}.app-shell{position:relative;isolation:isolate;width:min(390px,calc(100vw - 18px));height:min(826px,calc(100vh - 18px));min-height:760px;overflow:hidden;padding:29px 22px 22px;border:1px solid rgba(255,255,255,.94);border-radius:38px;background:rgba(255,255,255,.88);box-shadow:0 30px 88px rgba(31,54,110,.12),inset 0 0 0 1px rgba(255,255,255,.72)}
.ambient-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 54% 2%,rgba(255,255,255,.98),transparent 30%),radial-gradient(circle at 4% 67%,rgba(96,165,250,.055),transparent 35%),radial-gradient(circle at 96% 80%,rgba(45,212,191,.065),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(252,254,255,.98))}.ambient-bg:before{content:"";position:absolute;width:306px;height:188px;right:-144px;top:-78px;border:1.2px solid rgba(109,130,255,.105);border-radius:50%;transform:rotate(44deg)}
.header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:9px 2px 0}.header h1{margin:0;font-family:var(--font-heading);font-size:34px;line-height:1;font-weight:750;letter-spacing:-.035em;color:#06103e}.header p{margin:9px 0 0;color:#52678e;font-size:14.5px;line-height:1.38;font-weight:500;letter-spacing:-.015em}.compose-button{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;margin-top:-1px;border-radius:21px;color:#1767f2;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,248,253,.78));border:1px solid rgba(37,99,235,.11);box-shadow:var(--shadow-float)}.compose-button svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.search-card{display:flex;align-items:center;gap:17px;height:52px;margin:23px 1px 0;padding:0 20px;border-radius:21px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(15,23,42,.025)}.search-card svg{flex:0 0 auto;width:26px;height:26px;stroke:#7c89a4;stroke-width:1.9;stroke-linecap:round}.search-card span{display:block;color:#8b97ad;font-size:15px;line-height:1;font-weight:500;letter-spacing:-.012em}
.filter-row{display:grid;grid-template-columns:.82fr 1.05fr .72fr .98fr;gap:11px;margin:20px 1px 0}.filter-chip{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:40px;padding:0 10px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(249,251,254,.62));box-shadow:0 8px 20px rgba(15,23,42,.026),inset 0 1px 0 rgba(255,255,255,.86);color:#76839d;font-size:13px;line-height:1;font-weight:600;letter-spacing:-.012em;white-space:nowrap}.filter-chip.active{color:#1d63dc;background:linear-gradient(180deg,rgba(244,249,255,.96),rgba(235,244,255,.76));border-color:rgba(37,99,235,.16);box-shadow:0 8px 18px rgba(37,99,235,.055),inset 0 1px 0 rgba(255,255,255,.9)}.chip-icon{display:grid;place-items:center;width:18px;height:18px;color:currentColor}.chip-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.chat-icon svg{stroke:none}.ai-spark{color:#6d5cf1;filter:drop-shadow(0 4px 7px rgba(124,58,237,.18))}
.stat-card{display:flex;align-items:center;gap:17px;margin:20px 0 0;padding:12px 14px;overflow:hidden;border-radius:23px;border:1px solid rgba(16,185,129,.14);background:linear-gradient(112deg,rgba(238,252,247,.94),rgba(255,255,255,.76) 72%);box-shadow:0 18px 38px rgba(16,185,129,.07),0 2px 8px rgba(15,23,42,.02),inset 0 1px 0 rgba(255,255,255,.9)}.stat-icon{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:18px;color:#11a173;background:linear-gradient(145deg,#e4f9f1,#f6fffb);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.stat-icon svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat-icon svg path:last-child{stroke-width:3}.stat-copy{min-width:0;flex:1}.eyebrow{display:block;color:#0a9d72;text-transform:uppercase;font-size:10.5px;line-height:1;font-weight:800;letter-spacing:.11em}.stat-copy h2{margin:9px 0 0;color:#07101f;font-size:12.8px;line-height:1.28;font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-copy p{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:#23836a;font-size:12.7px;line-height:1.2;font-weight:600;letter-spacing:-.01em}.stat-copy p svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chat-list{display:grid;gap:10px;margin-top:16px;overflow:hidden}.team-card{position:relative;display:flex;align-items:center;gap:15px;min-height:76px;padding:11px 15px 11px 12px;overflow:hidden;border-radius:21px;border:1px solid rgba(148,163,184,.11);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(252,253,255,.76));box-shadow:var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.86)}.team-card.ai-card{min-height:94px;border-color:rgba(37,99,235,.15);background:linear-gradient(112deg,rgba(243,248,255,.92),rgba(255,255,255,.75) 70%);box-shadow:0 17px 38px rgba(37,99,235,.065),0 3px 8px rgba(15,23,42,.025),inset 0 1px 0 rgba(255,255,255,.92)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:18px;background:#f2f7ff;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}.ai-avatar{background:linear-gradient(145deg,#fff,#f0f6ff)}.ai-avatar svg{width:44px;height:44px;filter:drop-shadow(0 7px 10px rgba(37,99,235,.18))}.photo-avatar svg{width:54px;height:54px}.team-avatar{color:#10ad85;background:linear-gradient(145deg,#eafff7,#f6fffb)}.team-avatar svg{width:34px;height:34px}.shield-avatar{background:linear-gradient(145deg,#edf5ff,#f8faff)}.shield-avatar svg{width:42px;height:40px;filter:drop-shadow(0 6px 9px rgba(37,99,235,.14))}.card-copy{min-width:0;flex:1;padding-right:42px;overflow:hidden}.card-copy.compact{padding-right:32px}.card-copy h3{margin:0;color:#070914;font-size:15.3px;line-height:1.22;font-weight:750;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy p{margin:7px 0 0;color:#667695;font-size:12.7px;line-height:1.38;font-weight:500;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;gap:5px;margin-top:8px;height:22px;padding:0 9px;border-radius:9px;color:#087a61;background:rgba(220,248,235,.78);font-size:12px;line-height:1;font-weight:650;letter-spacing:-.01em}.status-pill svg{width:13px;height:13px;opacity:.9}.meta-block{position:absolute;right:15px;top:20px;display:grid;justify-items:center;gap:15px;color:#697692}.meta-block.single{top:24px}.meta-block time{font-size:12.4px;line-height:1;font-weight:500;letter-spacing:-.012em}.count-badge{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#3b82f6 0%,#1d5ee7 100%);box-shadow:0 8px 16px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.25);font-size:13.5px;line-height:1;font-weight:700}.ai-input{display:none}.bottom-nav{position:absolute;left:20px;right:20px;bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:62px;padding:6px 8px;border-radius:29px;border:1px solid rgba(148,163,184,.105);background:rgba(255,255,255,.82);box-shadow:0 -10px 30px rgba(15,23,42,.052),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(20px)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:49px;border-radius:21px;color:#71809d;font-size:12px;line-height:1;font-weight:600;letter-spacing:-.01em}.nav-item.active{color:#1062e8;background:linear-gradient(180deg,rgba(239,247,255,.96),rgba(226,240,255,.72))}.nav-icon{display:grid;place-items:center;width:22px;height:22px;color:currentColor}.nav-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round}.nav-icon.chat-icon svg{stroke:none}.stat-copy h2,.card-copy h3,.card-copy p{max-width:100%}.team-card .meta-block{z-index:2}.team-card:after{content:"";position:absolute;top:0;right:0;width:76px;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9) 58%,rgba(255,255,255,.96));pointer-events:none}.ai-card:after{background:linear-gradient(90deg,rgba(243,248,255,0),rgba(250,253,255,.92) 58%,rgba(255,255,255,.97))}.meta-block{z-index:3}.count-badge{position:relative;z-index:4}
@media (max-width:380px){.preview-stage{padding:0}.app-shell{width:100vw;height:100vh;min-height:760px;border-radius:0;padding:27px 18px 18px}.header h1{font-size:34px}.header p{font-size:14px}.compose-button{width:50px;height:50px}.search-card{margin-top:26px}.filter-row{gap:8px;margin-top:22px}.filter-chip{font-size:12.6px;padding:0 8px}.stat-card{margin-top:22px}.chat-list{gap:10px;margin-top:18px}.team-card{gap:12px;min-height:80px}.card-copy h3{font-size:15.3px}.card-copy p{font-size:12.7px}.bottom-nav{left:16px;right:16px}}