@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Orbitron:wght@500;700;800;900&display=swap";:root{--bg:#05070b;--bg-elevated:#0b0f17;--bg-soft:#101621;--card:#0e121ce0;--card-strong:#121824f5;--card-hover:#161d2cfa;--border:#ffffff14;--border-strong:#ffffff24;--border-accent:#7ea7ff57;--text:#f5f7fb;--text-soft:#d8dfeb;--muted:#97a3b8;--muted-strong:#b3bed0;--white:#fff;--dark:#091019;--accent:#7ea7ff;--accent-strong:#5f91ff;--accent-soft:#7ea7ff1f;--accent-glow:#7ea7ff33;--danger:#ff8f8f;--danger-soft:#ff8f8f1f;--success:#90e6ac;--success-soft:#90e6ac1f;--shadow-sm:0 10px 24px #0000002e;--shadow-md:0 18px 42px #00000042;--shadow-lg:0 28px 70px #00000057;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--max-width:1240px;--transition-fast:.18s ease;--transition-base:.24s ease}*{box-sizing:border-box}a,button{cursor:default}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#7ea7ff24 0%,#7ea7ff00 30%),linear-gradient(#0a0d14 0%,#05070b 100%);margin:0}body{min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}textarea{resize:vertical}#root{position:relative}#root:before{content:"";pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,#7ea7ff08 0 2px,#0000 2px 34px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 95%);mask-image:linear-gradient(#000000d9,#0000 95%)}.app-shell{min-height:100vh}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#05070bbd;position:sticky;top:0;box-shadow:0 8px 24px #00000024}.navbar-inner{width:min(100%, var(--max-width));justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:18px 24px;display:flex}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--white);align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-size:1.12rem;font-weight:800;display:inline-flex}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:var(--muted);transition:color var(--transition-fast), opacity var(--transition-fast);font-weight:600}.nav-link:hover{color:var(--white)}.nav-button{transition:transform var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;border-radius:999px;padding:10px 16px}.nav-button:hover{transform:translateY(-1px)}.nav-button.primary{background:var(--white);color:var(--dark);font-weight:800;box-shadow:0 8px 22px #ffffff14}.nav-button.primary:hover{box-shadow:0 12px 26px #ffffff24}.nav-button.secondary{color:var(--text);border-color:var(--border);background:#ffffff08}.nav-button.secondary:hover{border-color:var(--border-accent);background:#ffffff0d}.landing-page,.auth-page,.dashboard-page{width:min(100%, var(--max-width));margin:0 auto;padding:48px 24px 80px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:.74rem;font-weight:800;display:inline-block}.hero-copy h1,.auth-card h1,.dashboard-hero h1{color:var(--white);margin:0 0 16px}.hero-text,.hero-subtext,.auth-subtext,.dashboard-subtext{max-width:640px;color:var(--muted);font-size:1.04rem;line-height:1.7}.section-copy{color:var(--muted);margin:0;line-height:1.7}.muted-copy{color:var(--muted);margin:6px 0 0}.feature-card,.info-card,.dashboard-card,.auth-card,.dashboard-hero,.role-card,.profile-summary-card,.opportunity-card,.empty-state,.profile-preview-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:linear-gradient(#131824f5,#0b0f17f5)}.feature-card,.info-card,.dashboard-card,.auth-card,.dashboard-hero,.role-card,.profile-summary-card,.opportunity-detail-card,.profile-section-card{border-radius:26px}.feature-card,.info-card,.dashboard-card{padding:26px}.feature-card h2,.info-card h2,.dashboard-card h2,.role-card h2{color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:1.02rem;font-weight:800}.feature-card p,.info-card p,.dashboard-card p,.role-card p{color:var(--muted);margin:0;line-height:1.7}.primary-cta,.secondary-cta,.primary-submit,.text-button,.auth-link-button,.secondary-action-button{transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast)}.primary-cta,.primary-submit,.auth-link-button{background:var(--white);min-height:52px;color:var(--dark);letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:16px;justify-content:center;align-items:center;padding:14px 22px;font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #ffffff14}.primary-cta:hover,.primary-submit:hover,.auth-link-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #ffffff1f}.primary-submit:disabled{opacity:.62;cursor:not-allowed;transform:none}.secondary-cta{min-height:52px;color:var(--white);border:1px solid var(--border-strong);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;padding:14px 22px;font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:700;display:inline-flex}.secondary-cta:hover{border-color:var(--border-accent);background:#ffffff0d;transform:translateY(-2px)}.secondary-action-button{border:1px solid var(--border-strong);min-height:44px;color:var(--white);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border-radius:14px;padding:10px 16px;font-family:Orbitron,sans-serif;font-size:.76rem;font-weight:700}.secondary-action-button:hover{border-color:var(--border-accent);background:#ffffff0d}.text-button{color:var(--accent);text-align:left;background:0 0;border:none;padding:0;font-weight:700}.text-button:hover{color:var(--white)}.danger-text-button{color:var(--danger);background:0 0;border:none;padding:0;font-weight:700}.hero-section{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:40px;min-height:calc(100vh - 110px);display:grid;position:relative}.hero-left{z-index:2;position:relative}.hero-logo{filter:drop-shadow(0 14px 32px #ffffff14);width:136px;height:auto;margin-bottom:24px}.hero-title{letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;max-width:780px;font-family:Orbitron,sans-serif;font-size:clamp(2.8rem,5.8vw,5.5rem);font-weight:900;line-height:.98}.hero-subtext{max-width:560px;margin-top:18px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.hero-right{justify-content:center;display:flex;position:relative}.hero-right:before{content:"";filter:blur(24px);z-index:0;background:radial-gradient(circle,#7ea7ff33 0%,#7ea7ff00 72%);position:absolute;inset:8% 10%}.hero-card{z-index:1;border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#7ea7ff80,#ffffff0f 35%,#7ea7ff14 100%);padding:1px;position:relative}.hero-card-inner{border-radius:calc(var(--radius-xl) - 1px);background:linear-gradient(#121620fa,#0a0c12fa);border:1px solid #ffffff0a;padding:30px}.hero-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-card-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:800}.hero-card-chip,.role-badge,.opportunity-badge{color:var(--white);text-transform:uppercase;background:#7ea7ff1a;border:1px solid #7ea7ff2e;border-radius:999px;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;display:inline-flex}.hero-card-chip{letter-spacing:.08em;padding:8px 12px;font-size:.68rem;font-weight:700}.hero-card-title{letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:800}.hero-card-copy{color:var(--muted);margin:0 0 22px;font-size:.98rem;line-height:1.65}.hero-card-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hero-card-list li{color:var(--text);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:12px;padding:14px;font-weight:600;display:flex}.hero-card-list li:before{content:"";background:linear-gradient(#fff,#7ea7ff);border-radius:999px;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 18px #7ea7ff8c}.features-section,.info-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.features-section{margin-top:30px}.info-section{margin-top:32px}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 96px);display:flex}.auth-card{width:100%;max-width:540px;padding:34px}.auth-card-wide{max-width:920px}.auth-card-large{max-width:760px}.auth-card h1{letter-spacing:.04em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800}.auth-form{gap:18px;margin-top:26px;display:grid}.input-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.input-group{gap:8px;display:grid}.input-group span{color:var(--muted-strong);font-size:.94rem;font-weight:600}.input-group input,.input-group textarea,.input-group select,.array-row input,.opportunities-search input{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff08;border-radius:15px;outline:none;padding:14px 16px}.input-group input::placeholder,.input-group textarea::placeholder,.array-row input::placeholder,.opportunities-search input::placeholder{color:#99a3b6b8}.input-group input:focus,.input-group textarea:focus,.input-group select:focus,.array-row input:focus,.opportunities-search input:focus{background:#ffffff0b;border-color:#7ea7ff94;box-shadow:0 0 0 4px #7ea7ff1a}.error-text{color:var(--danger);margin:0;font-weight:600}.success-text{color:var(--success);margin:0;font-weight:700}.auth-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.auth-footer-text{color:var(--muted);margin:0;font-weight:600}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.role-card{transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);padding:28px}.role-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);background:linear-gradient(#161c2afa,#0c0f17fa);transform:translateY(-3px)}.role-badge{letter-spacing:.08em;margin-bottom:16px;padding:8px 12px;font-size:.7rem;font-weight:700}.dashboard-hero{margin-bottom:24px;padding:30px}.dashboard-hero h1{letter-spacing:.04em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.3rem);font-weight:800}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.dashboard-link-card{transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);display:block}.dashboard-link-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.stack-grid{gap:22px;display:grid}.details-list{gap:14px;margin-top:8px;display:grid}.detail-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--muted);font-weight:600}.detail-row strong{color:var(--white);text-align:right}.offer-card{gap:18px;display:grid}.offer-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.opportunities-search{margin-bottom:20px}.opportunities-search input{border-radius:999px}.opportunities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.opportunity-card{text-align:left;color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:22px;padding:0;overflow:hidden}.opportunity-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);background:linear-gradient(#161c2afa,#0c0f17fa);transform:translateY(-4px)}.opportunity-image{aspect-ratio:16/9;background:#111318;width:100%;overflow:hidden}.opportunity-image img{object-fit:cover;width:100%;height:100%}.image-placeholder{height:100%;color:var(--muted);justify-content:center;align-items:center;font-weight:600;display:flex}.opportunity-body{padding:16px}.opportunity-top-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.opportunity-body h3{color:var(--white);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800}.opportunity-body p{color:var(--muted);margin:0 0 10px;font-size:.94rem;line-height:1.65}.opportunity-body span{color:#ffffffad;font-size:.82rem;font-weight:600}.opportunity-badge{letter-spacing:.08em;flex-shrink:0;margin-bottom:0;padding:8px 12px;font-size:.66rem;font-weight:700}.empty-state{text-align:center;border-radius:24px;padding:60px 20px}.empty-state h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:1.1rem}.empty-state p{color:var(--muted);margin:0}.empty-error{color:#fff9;margin-top:10px}.opportunity-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:22px;display:grid}.opportunity-detail-main,.opportunity-detail-side{gap:22px;display:grid}.opportunity-detail-card{padding:26px}.opportunity-detail-image-wrap{border:1px solid var(--border);background:#ffffff08;border-radius:20px;margin-bottom:18px;overflow:hidden}.opportunity-detail-image{aspect-ratio:16/9;object-fit:cover;width:100%}.opportunity-detail-image-fallback{color:var(--muted);justify-content:center;align-items:center;display:flex}.opportunity-detail-body h2{letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:1.2rem}.opportunity-detail-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.opportunity-status-text{margin-top:14px}.opportunity-actions{gap:12px;margin-top:18px;display:grid}.profile-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:22px;display:grid}.profile-hero-left{flex-direction:column;justify-content:center;display:flex}.profile-summary-card{padding:24px}.profile-summary-top{align-items:center;gap:16px;margin-bottom:22px;display:flex}.profile-avatar-wrap{flex-shrink:0}.profile-avatar,.profile-avatar-placeholder{border:1px solid var(--border);background:#ffffff08;border-radius:24px;width:84px;height:84px}.profile-avatar{object-fit:cover}.profile-avatar-placeholder{color:var(--white);justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800;display:flex}.profile-summary-name{letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:800}.profile-summary-meta{color:var(--muted);margin:0 0 4px;line-height:1.5}.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profile-stat-card{border:1px solid var(--border);background:#ffffff06;border-radius:18px;padding:16px}.profile-stat-card span{color:var(--muted);margin-bottom:8px;font-size:.84rem;font-weight:600;display:block}.profile-stat-card strong{color:var(--white);font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:800}.profile-page-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:22px;display:grid}.profile-main-column,.profile-side-column{gap:22px;display:grid}.profile-section-card{padding:26px}.section-head{margin-bottom:20px}.section-head-spread{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.array-stack{gap:12px;display:grid}.array-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.profile-preview-links,.profile-chip-wrap{flex-wrap:wrap;gap:10px;display:flex}.profile-preview-links{margin-top:18px}.result-link-chip{min-height:40px;color:var(--white);background:#7ea7ff14;border:1px solid #7ea7ff38;border-radius:999px;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.profile-save-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-preview-card{background:#ffffff05;border-radius:22px;overflow:hidden}.profile-preview-image{object-fit:cover;width:100%;height:240px}.profile-preview-fallback{min-height:220px;color:var(--muted);background:#ffffff06;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-preview-body{padding:18px}.profile-preview-body h3{text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800}.profile-preview-body p{color:var(--muted);margin:0 0 10px;line-height:1.65}.profile-preview-bio{margin-top:12px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gallery-tile-wrap{position:relative}.gallery-image{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);background:#ffffff08;border-radius:16px;width:100%}.gallery-remove-button{width:28px;height:28px;color:var(--white);background:#000000ad;border:none;border-radius:999px;font-size:1rem;font-weight:800;position:absolute;top:6px;right:6px}.inline-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.upload-box{background:#7ea7ff0d;border:1px dashed #7ea7ff59;border-radius:18px;padding:18px}.upload-box input[type=file]{width:100%;color:var(--text)}.editable-chip{border:1px solid var(--border-strong);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.editable-chip span,.editable-chip a{color:var(--white);font-weight:700}.editable-chip button{color:var(--danger);background:0 0;border:none;font-size:1rem;font-weight:800;line-height:1}.editable-chip-green{background:#7ea7ff14;border-color:#7ea7ff38}.mini-label{color:var(--muted);margin-bottom:10px;font-size:.85rem;font-weight:700;display:block}.chip-section{margin-top:18px}.page-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.loader{border:4px solid #ffffff1f;border-top-color:var(--white);border-radius:999px;width:46px;height:46px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.hero-section,.features-section,.info-section,.role-grid,.dashboard-grid,.input-row,.details-grid,.profile-hero,.profile-page-grid,.opportunities-grid,.opportunity-detail-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:20px}.hero-right{justify-content:flex-start}}@media (width<=720px){.navbar-inner{padding:16px 18px}.landing-page,.auth-page,.dashboard-page{padding:28px 18px 56px}.brand{font-size:1rem}.nav-links{gap:8px}.nav-link{display:none}.hero-logo{width:108px;margin-bottom:18px}.hero-title{font-size:clamp(2.2rem,11vw,3.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.primary-cta,.secondary-cta,.primary-submit,.auth-link-button{width:100%}.hero-card-inner,.auth-card,.dashboard-hero,.feature-card,.info-card,.dashboard-card,.role-card,.profile-section-card,.profile-summary-card,.opportunity-detail-card{padding:22px}.auth-footer{flex-direction:column;align-items:stretch}.profile-stat-grid,.array-row,.inline-add-row{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-top-row,.opportunity-detail-top,.section-head-spread,.offer-top{flex-direction:column;align-items:flex-start}}.messages-page{background:radial-gradient(circle at 0 0,#3b82f624,#0000 28%),radial-gradient(circle at 100% 0,#10b9811a,#0000 24%),linear-gradient(#08111f 0%,#0d1726 100%);min-height:100vh;padding:32px 20px}.messages-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c14b8;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:1040px;margin:0 auto;overflow:hidden;box-shadow:0 20px 70px #00000059}.messages-header{background:#0000002e;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:24px 24px 20px;display:flex}.messages-header h1{color:#fff;letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.messages-header p{color:#e2e8f0bf;margin:6px 0 0;font-size:14px;font-weight:500}.messages-badge{color:#e5e7eb;letter-spacing:.08em;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:800}.messages-loading,.messages-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:32px;display:flex}.messages-loading{color:#fff;font-size:16px;font-weight:700}.messages-empty h2{color:#fff;margin:0;font-size:22px;font-weight:800}.messages-empty p{color:#e2e8f0b8;margin:8px 0 0;font-size:14px}.messages-list{padding:14px}.message-row{text-align:left;background:#0000004d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.message-row:hover{background:#0000006b;border-color:#60a5fa47;transform:translateY(-1px)}.message-row.unread{background:#00000080;border-color:#3b82f673}.message-row-avatar-wrap{flex-shrink:0}.message-row-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:52px;height:52px;display:block}.message-row-avatar.fallback{color:#f8fafc;background:#0f172af2;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex}.message-row-content{flex:1;min-width:0}.message-row-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-row-name-wrap{align-items:center;gap:8px;min-width:0;display:flex}.message-row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.message-row-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.message-row-time{color:#cbd5e1d1;flex-shrink:0;font-size:11px;font-weight:700}.message-row-preview{color:#e2e8f0c7;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;overflow:hidden}@media (width<=768px){.messages-page{padding:16px 12px}.messages-shell{border-radius:22px}.messages-header{flex-direction:column;align-items:flex-start;padding:20px 16px 18px}.messages-header h1{font-size:26px}.messages-list{padding:12px}.message-row{border-radius:18px;padding:12px}.message-row-avatar,.message-row-avatar.fallback{width:46px;height:46px}}