:root{--color-primary-blue: #3498db;--color-primary-blue-rgba: rgba(52, 152, 219, .8);--color-primary-blue-light: rgba(52, 152, 219, .15);--color-primary-blue-medium: rgba(52, 152, 219, .2);--color-primary-blue-border: rgba(52, 152, 219, .3);--color-primary-blue-hover: rgba(52, 152, 219, .25);--color-primary-blue-hover-border: rgba(52, 152, 219, .5);--color-calendar-blue: #3498db;--color-calendar-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-birthday-red: #ff6b6b;--color-birthday-red-gradient: linear-gradient(135deg, #ff6b6b, #ff8e8e);--color-event-blue: #3498db;--color-event-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-success-green: #22c55e;--color-success-green-rgba: rgba(34, 197, 94, .15);--color-success-green-border: rgba(34, 197, 94, .3);--color-success-green-hover: rgba(34, 197, 94, .25);--color-success-green-hover-border: rgba(34, 197, 94, .5);--color-error-red: #ef4444;--color-error-red-rgba: rgba(239, 68, 68, .15);--color-error-red-border: rgba(239, 68, 68, .3);--color-text-primary: #f5f5f5;--color-text-secondary: #a0a0a0;--color-text-tertiary: #808080;--color-text-quaternary: #909090;--color-text-white: #ffffff;--color-text-dark: #050505;--color-bg-primary: #060606;--color-bg-secondary: rgba(255, 255, 255, .04);--color-bg-tertiary: rgba(255, 255, 255, .08);--color-bg-quaternary: rgba(255, 255, 255, .12);--color-bg-white: #ffffff;--color-border-primary: rgba(255, 255, 255, .08);--color-border-secondary: rgba(255, 255, 255, .12);--color-border-tertiary: rgba(255, 255, 255, .16);--color-border-white: #ffffff;--color-activity-category: rgba(52, 152, 219, .8)}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#060606;color:#f5f5f5;line-height:1.5}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 45%),#060606}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.brand-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#ffffff14;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.nav-separator{opacity:.5;margin:0 4px}.brand-icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.brand-icon-button:hover{opacity:.7}.nav-current-page{opacity:1;font-weight:600;color:#fff}.landing{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:clamp(48px,12vh,120px) clamp(24px,6vw,120px)}.landing-content{width:min(1120px,100%);display:flex;gap:clamp(40px,8vw,120px);align-items:center;justify-content:space-between}.landing-copy{flex:1 1 380px;display:flex;flex-direction:column;gap:clamp(18px,3vh,28px);min-width:320px}.landing-copy h1{font-family:Playfair Display,serif;font-size:clamp(40px,7vw,64px);margin:0}.landing-copy p{margin:0;opacity:.75;font-size:16px}.landing-auth{flex:0 1 360px;display:flex;flex-direction:column;gap:20px;width:100%}.auth-card{background:#0a0a0ad9;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px;width:100%}.auth-card h3{margin:0;font-size:22px}.auth-subhead{margin:0;opacity:.7;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.auth-form input{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;font-size:15px}.auth-form button{margin-top:8px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#fff;color:#050505;font-weight:600;transition:transform .2s ease}.auth-form button:disabled{opacity:.6;transform:none}.auth-form button:not(:disabled):hover{transform:translateY(-2px)}.auth-toggle{margin:0;font-size:14px;opacity:.75}.auth-toggle button{margin-left:6px;text-decoration:underline;text-underline-offset:4px}.error{color:#ff6b6b;font-size:13px}.success{color:#5cd6a1;font-size:13px}.dashboard{min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(24px,5vw,120px);gap:36px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.nav-menu{position:relative}.menu-trigger{width:42px;height:42px;background:transparent;display:grid;place-items:center}.menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#0a0a0af2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:180px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .16s ease;z-index:10}.menu-dropdown:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;height:20px}.menu-dropdown a,.menu-dropdown button{text-align:left;background:none;border:none;color:inherit;font-size:14px;padding:0;opacity:.85}.menu-dropdown button{cursor:pointer}.menu-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.menu-dropdown:before{pointer-events:auto}.nav-menu:hover .menu-dropdown,.menu-dropdown:hover{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu:hover .menu-dropdown:before,.menu-dropdown:hover:before{pointer-events:auto}.dashboard-body{flex:1;display:flex;flex-direction:column;gap:28px}.dashboard-body.waiting{justify-content:center;align-items:center}.dashboard-card{max-width:540px;background:#0c0c0cd9;border-radius:32px;border:1px solid rgba(255,255,255,.08);padding:40px clamp(24px,4vw,56px);display:flex;flex-direction:column;gap:18px;text-align:left}.welcome-line{margin:0;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,34px)}.dashboard-card.waiting{align-self:center;text-align:center;align-items:center;gap:16px}.dashboard-card.waiting p{max-width:360px}.dashboard-card.waiting+.preview-grid{margin-inline:auto}.dashboard-card .eyebrow{margin:0;opacity:.6;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.dashboard-card h1{margin:0;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,38px)}.dashboard-card p{margin:0;opacity:.75}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.preview-card{background:#0a0a0abf;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}.preview-card ul li{list-style:none;display:flex;align-items:center;gap:10px;padding:6px 0}.preview-card ul li .connection-item{padding:0;background:none;border:none}.preview-card h2{margin:0;font-size:18px}.preview-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;opacity:.75}.loading-state{min-height:100vh;display:grid;place-items:center;gap:12px;font-size:14px}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:#fff;animation:spin 1s linear infinite}.ghost{border:none;background:none;color:inherit;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.landing{padding:48px 24px}.landing-content{flex-direction:column;gap:32px}.landing-copy,.landing-auth{flex:1 1 auto;min-width:0}.dashboard{padding:32px 24px}.dashboard-body{gap:18px}.main-content{flex-direction:column;gap:24px}.connections-column,.quick-picks-column{flex:1 1 auto}.connections-nav{padding:16px 24px}.connections-main{margin-top:70px}.connections-main.with-floating-nav{margin-top:90px}.connections-nav.floating-glass{top:16px;left:16px;right:16px;padding:12px 24px}.connections-nav.floating-glass:hover{top:12px}.quick-picks-column{position:static}.nav-right{gap:20px}.nav-link{font-size:13px}.connections-main{padding:24px}.welcome-section h1{font-size:36px}.search-container{max-width:100%}}.user-list{margin-top:24px}.user-list ul{list-style:none;padding:0;margin:0}.user-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;transition:all .2s ease}.user-item:hover{background:#ffffff0f;border-color:#ffffff1f}.user-info{display:flex;align-items:center;gap:12px}.user-info div{display:flex;flex-direction:column;gap:4px}.user-info strong{font-weight:600;color:#f5f5f5}.user-info span{font-size:12px;color:#fff9;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.user-actions{display:flex;gap:8px}.status-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.status-button.accepted{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.status-button.accepted:hover{background:#22c55e40;border-color:#22c55e80}.status-button.pending{background:var(--color-primary-blue-light);color:var(--color-primary-blue);border-color:var(--color-primary-blue-border)}.status-button.pending:hover{background:var(--color-primary-blue-hover);border-color:var(--color-primary-blue-hover-border)}.panel-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px}.connections-board{min-height:100vh;background-color:#060606;color:#f5f5f5;display:flex;flex-direction:column}.connections-nav{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#06060633;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);width:100%;max-width:100%;border-radius:0;box-shadow:none;transition-property:top,width,max-width,border-radius,background,backdrop-filter,padding,box-shadow,border;transition-duration:.3s,.3s,.3s,.3s,.3s,.3s,.3s,.3s,.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.connections-nav.scrolled{top:16px;width:40%;max-width:400px;min-width:300px;border-radius:16px;background:#06060666;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:8px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.connections-nav.scrolled:hover{background:#06060680;border-color:#ffffff4d;box-shadow:0 12px 40px #0006;transition-duration:.15s,.15s,.15s,.15s,.15s,.15s,.15s,.15s,.15s}@media (max-width: 720px){.connections-nav{padding:16px 24px;left:0;transform:none;width:100%}.connections-nav.scrolled{left:16px;right:16px;width:calc(100% - 32px);max-width:none;min-width:0;padding:12px 20px;transform:none}.connections-nav.scrolled:hover{top:12px}}.connections-nav.top-nav{top:0;bottom:auto}.connections-nav.floating-glass{top:20px;left:20px;right:20px;border-radius:16px;background:#060606cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;padding:16px 32px}.connections-nav.floating-glass:hover{top:16px;background:#060606e6;border-color:#fff3;box-shadow:0 12px 40px #0006}.nav-left .brand-chip{display:flex;align-items:center;gap:10px;background:none;padding:0;font-size:16px;font-weight:600;letter-spacing:.05em}.brand-icon{width:24px;height:24px;border:2px solid #f5f5f5;border-radius:4px;position:relative}.inner-square{width:8px;height:8px;background-color:#f5f5f5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-right{display:flex;align-items:center;gap:32px}.nav-link{color:#f5f5f5;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s ease}.nav-link:hover{opacity:.7}.nav-link.user-name{font-weight:600}.connections-main{flex:1;padding:40px;max-width:1200px;margin:80px auto 0;width:100%}.connections-main.with-floating-nav{margin-top:100px}.connections-header{margin-bottom:40px}.welcome-section{margin-bottom:32px}.welcome-section h1{font-family:Playfair Display,serif;font-size:48px;font-weight:400;margin:0;line-height:1.2;color:#f5f5f5}.search-container{position:relative;flex:1;max-width:none}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff9;z-index:1}.search-input{width:100%;min-width:320px;padding:16px 16px 16px 48px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f5f5f5;font-size:16px;font-family:inherit;box-sizing:border-box}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff1f}.analytics-section{padding:30px 80px;margin-top:48px;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.analytics-header h2{font-size:24px;font-weight:600;color:#f5f5f5;margin:0}.analytics-period{color:#fff9;font-size:14px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.analytics-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-card h3{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 20px}.metrics-card{grid-column:span 1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.metric-item{display:flex;align-items:center;gap:16px}.key-metrics-card{grid-column:span 2}.key-metrics-container{display:flex;flex-direction:column;gap:20px}.key-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.key-metric-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.key-metric-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.key-metric-item.primary{background:#ffffff08;border-color:#ffffff14}.key-metric-item.primary:hover{background:#ffffff0d;border-color:#ffffff1f}.key-metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border-radius:12px;color:#f5f5f5}.key-metric-icon.priority{background:#ffffff1a;color:#f5f5f5}.key-metric-content{flex:1}.key-metric-value{font-size:28px;font-weight:700;color:#f5f5f5;margin-bottom:4px}.key-metric-label{font-size:14px;color:#ffffffb3;font-weight:500}.metric-icon{width:48px;height:48px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#f5f5f5}.metric-icon.priority{background:#ff6b6b33;color:#ff6b6b}.metric-content{flex:1}.metric-value{font-size:24px;font-weight:700;color:#f5f5f5;line-height:1;margin-bottom:4px}.metric-label{font-size:14px;color:#fff9}.trends-container{display:flex;flex-direction:column;gap:16px}.trend-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.trend-item:last-child{border-bottom:none}.trend-label{font-size:14px;color:#fffc}.trend-value{font-size:20px;font-weight:600;color:#f5f5f5}.interaction-types{display:flex;flex-direction:column;gap:16px}.interaction-type-item{display:flex;flex-direction:column;gap:8px}.interaction-type-info{display:flex;justify-content:space-between;align-items:center}.interaction-type-name{font-size:14px;color:#fffc}.interaction-type-count{font-size:14px;font-weight:600;color:#f5f5f5}.interaction-type-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.interaction-type-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.relationship-distribution{display:flex;flex-direction:column;gap:16px}.distribution-item{display:flex;flex-direction:column;gap:8px}.distribution-label{font-size:14px;color:#fffc}.distribution-value{font-size:16px;font-weight:600;color:#f5f5f5}.distribution-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.distribution-fill{height:100%;border-radius:4px;transition:width .3s ease}.distribution-fill.high{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.distribution-fill.medium{background:linear-gradient(90deg,#4ecdc4,#6dd5d0)}.distribution-fill.low{background:linear-gradient(90deg,#45b7d1,#6bc5d8)}.top-locations,.top-occupations{display:flex;flex-direction:column;gap:12px}.location-item,.occupation-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.location-item:last-child,.occupation-item:last-child{border-bottom:none}.location-name,.occupation-name{font-size:14px;color:#fffc}.location-count,.occupation-count{font-size:14px;font-weight:600;color:#f5f5f5;background:#ffffff1a;padding:4px 8px;border-radius:6px}@media (max-width: 1024px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-section{padding:20px 24px}.analytics-grid{grid-template-columns:1fr}.metrics-card,.key-metrics-card{grid-column:span 1}.key-metrics-row{grid-template-columns:1fr;gap:16px}.key-metric-item{padding:16px}.key-metric-value{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-header{flex-direction:column;align-items:flex-start;gap:8px}}.main-content{display:flex;flex-direction:column;gap:32px;margin-top:24px}.dashboard-bottom{display:flex;gap:32px;align-items:flex-start}.connections-column{flex:0 0 62.5%;min-height:calc(100vh - 200px)}.quick-picks-column{flex:0 0 37.5%;position:sticky;top:100px;height:fit-content}.connections-list{height:100%;overflow-y:auto;max-height:none}.connections-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.connection-item{display:flex;align-items:center;padding:16px 20px;background:#ffffff0a;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.connection-item:hover{background:#ffffff14;border-color:#ffffff1a}.connection-avatar{margin-right:16px}.profile-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.gradient-avatar{line-height:1}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.hidden{display:none}.connection-info{flex:1;display:flex;flex-direction:column;gap:4px}.connection-name{font-size:16px;font-weight:600;color:#f5f5f5}.connection-descriptor{font-size:14px;color:#ffffffb3;font-weight:400}.connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#fff9}.priority-indicator{background:var(--color-primary-blue-medium);color:var(--color-primary-blue);padding:2px 8px;border-radius:12px;font-weight:600;font-size:11px}.last-contact{font-size:12px;color:#fff9}.loading-inline{display:flex;align-items:center;gap:8px;padding:20px;color:#ffffffb3;font-size:14px}.empty-state{text-align:center;padding:40px 20px;color:#fff9;font-size:16px}.spin{animation:spin 1s linear infinite}.notes-section{margin-top:32px;margin-bottom:48px}.notes-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:#f5f5f5}.notes-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.notes-input-container{display:flex;flex-direction:column;gap:16px}.notes-textarea{width:100%;padding:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f5f5f5;font-size:15px;font-family:inherit;resize:vertical;min-height:200px;line-height:1.6}.notes-textarea::placeholder{color:#fff9}.notes-textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff1f}.notes-actions{display:flex;gap:12px;justify-content:flex-end}.recording-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.recording-button:hover{background:#ffffff1f;border-color:#fff3}.recording-button.recording{background:#ef444433;border-color:#ef444466;color:#ef4444}.add-note-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#050505;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-note-button:hover:not(:disabled){background:#ffffffe6;transform:translateY(-1px)}.add-note-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.notes-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:13px}.notes-stats{display:flex;gap:20px}.stat-item{display:flex;gap:6px;align-items:center}.stat-label{color:#ffffffb3;font-weight:500}.stat-value{color:#f5f5f5;font-weight:600;background:#ffffff1a;padding:2px 8px;border-radius:4px;min-width:20px;text-align:center}.notes-timestamp{color:#fff9;font-size:12px}.top-picks-section{margin-bottom:24px}.top-picks-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:#f5f5f5}.top-picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.top-pick-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:16px}.top-pick-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)}.top-pick-card .pick-image-container{position:relative;width:100%;height:160px;border-radius:12px;overflow:hidden}.top-pick-card .pick-image{width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.top-pick-card .pick-image-placeholder{width:100%;height:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px}.top-pick-card .pick-content{flex:1;display:flex;flex-direction:column;gap:4px}.top-pick-card .pick-category{font-size:12px;font-weight:600;color:var(--color-activity-category);text-transform:uppercase;letter-spacing:.05em}.top-pick-card .pick-name{font-size:18px;font-weight:600;color:#f5f5f5;margin:0}.top-pick-card .pick-description{font-size:14px;color:#fff9;line-height:1.4}.quick-picks{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;height:fit-content}.quick-picks h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#f5f5f5}.quick-picks-list{display:flex;flex-direction:column;gap:16px}.quick-pick-item{padding:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:12px}.quick-pick-item:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)}.pick-image-container{position:relative;flex-shrink:0}.pick-image{width:96px;height:96px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.pick-image-placeholder{width:96px;height:96px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;flex-shrink:0}.pick-content{flex:1;min-width:0}.pick-category{font-size:11px;font-weight:600;color:var(--color-activity-category);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.pick-name{font-size:16px;font-weight:600;color:#f5f5f5;margin-bottom:4px}.pick-description{font-size:13px;color:#fff9;line-height:1.4}.view-more-container{margin-top:24px;display:flex;justify-content:center}.view-more-button{padding:12px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-more-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.connections-page{min-height:100vh;background-color:#060606;color:#f5f5f5;display:flex;flex-direction:column}.connections-page-main{flex:1;padding:20px 40px 0;max-width:1400px;margin:100px auto 0;width:100%;height:calc(100vh - 100px);overflow:hidden}.connections-page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sort-container{display:flex;align-items:center;margin-left:auto}.filter-button{display:flex;align-items:center;gap:8px;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.filter-button:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.filter-button.active{background:#ffffff29;border-color:#ffffff3d;color:#fff}.filter-button.active:hover{background:#fff3;border-color:#ffffff47}.filter-button:before{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-radius:4px;background:transparent;transition:all .2s ease;opacity:0}.filter-button:hover:before{opacity:1;border-color:#fff9}.filter-button.active:before{opacity:1;border-color:#fff;background:#fff}.filter-button.active:after{content:"✓";position:absolute;top:50%;right:8px;transform:translateY(-50%);color:#000;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s ease}.sort-menu{position:relative}.sort-trigger{display:flex;align-items:center;gap:8px;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sort-trigger:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.sort-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#000000e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 0;min-width:180px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.sort-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.sort-label{display:block;padding:8px 0 4px 12px;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.sort-dropdown button{display:block;width:100%;padding:8px 0 8px 12px;background:none;border:none;color:#fffc;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.sort-dropdown button:hover{background:#ffffff1a;color:#fff}.sort-dropdown button.active{background:#ffffff26;color:#fff;font-weight:600}.connections-page-header .welcome-section h1{font-family:Playfair Display,serif;font-size:42px;font-weight:400;margin:0 0 6px;line-height:1.2;color:#f5f5f5}.connections-page-header .welcome-section p{margin:0;opacity:.7;font-size:15px}.connections-page-content{display:flex;gap:32px;align-items:flex-start;height:calc(100% - 100px);overflow:visible;justify-content:space-between}.connections-list-section{flex:1;height:100%}.connections-list-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 24px 40px;height:520px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none}.connections-list-container::-webkit-scrollbar{display:none}.connections-list-full{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.connection-item-full{display:flex;align-items:center;padding:16px 20px;background:#ffffff0a;border-radius:12px;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.connection-item-full:hover{background:#ffffff14;border-color:#ffffff1a}.connection-item-full.selected{background:#ffffff1f;border-color:#fff3}.connection-item-full .connection-avatar{margin-right:16px}.connection-item-full .profile-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.connection-item-full .avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.connection-item-full .connection-info{flex:1;display:flex;flex-direction:column;gap:6px}.connection-item-full .connection-name{font-size:16px;font-weight:600;color:#f5f5f5}.connection-item-full .connection-descriptor{font-size:14px;color:#ffffffb3;font-weight:400}.connection-item-full .last-contact{font-size:12px;color:#fff9}.connection-item-full .connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.connection-detail-card{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;height:520px;overflow-y:auto;overflow-x:hidden}.connection-detail-card::-webkit-scrollbar{width:4px}.connection-detail-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.connection-detail-card::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.connection-detail-card::-webkit-scrollbar-thumb:hover{background:#ffffff40}.detail-name-container{display:flex;align-items:center;justify-content:space-between;gap:8px}.expand-icon{background:none;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;flex-shrink:0;margin-left:auto}.expand-icon:hover{background:#ffffff1a;color:#fffc}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.detail-profile-image{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.detail-image-placeholder{width:64px;height:64px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.detail-header-info h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#f5f5f5}.detail-status{display:flex;gap:8px;align-items:center}.priority-badge{background:var(--color-primary-blue-medium);color:var(--color-primary-blue);padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px;border:1px solid var(--color-primary-blue-border)}.detail-content{display:flex;flex-direction:column;gap:16px}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#f5f5f5}.detail-info-grid{display:flex;flex-direction:column;gap:8px}.detail-info-item{display:flex;align-items:center;gap:12px;color:#fffc;font-size:14px}.detail-info-item svg{color:#fff9;flex-shrink:0}.detail-notes{margin:0;color:#fffc;font-size:14px;line-height:1.5}.interaction-summary{display:flex;flex-direction:column;gap:8px}.interaction-item{display:flex;align-items:center;gap:12px;color:#fffc;font-size:14px}.interaction-item svg{color:#fff9;flex-shrink:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#ffffff1a;color:#fffc;padding:4px 12px;border-radius:16px;font-size:12px;border:1px solid rgba(255,255,255,.2)}.nav-link.active{opacity:1;color:var(--color-primary-blue)}.nav-link button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center}@media (max-width: 1024px){.connections-page-content{flex-direction:column;gap:24px}.connections-list-section,.connection-detail-card{flex:1 1 auto}.connection-detail-card{position:static}}@media (max-width: 720px){.connections-page-main{padding:20px 24px 24px;height:calc(100vh - 100px)}.connections-page-header{flex-direction:column;gap:16px;margin-bottom:20px}.sort-trigger{padding:14px 12px;font-size:13px}.sort-dropdown{min-width:160px}.connections-page-header .welcome-section h1{font-size:32px}.connections-page-content{height:calc(100% - 80px)}.connections-list-container{padding:16px;height:420px}.connection-item-full{padding:16px}.connection-item-full .profile-image,.connection-item-full .avatar-placeholder{width:48px;height:48px}.connection-detail-card{padding:24px;height:420px}.detail-header{flex-direction:column;text-align:center;gap:16px}.detail-profile-image,.detail-image-placeholder{width:64px;height:64px}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.brand-icon-button{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.brand-icon-button:hover{opacity:.8}.menu-dropdown a{display:block;padding:8px 12px;color:#f5f5f5;text-decoration:none;transition:background-color .2s ease;border-radius:4px}.menu-dropdown a:hover{background-color:#ffffff1a}.menu-dropdown a.active{background-color:#ffffff26;font-weight:500}.connections-nav.scrolled .menu-dropdown{top:calc(100% + 15px);right:-20px}.menu-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.calendar-section{margin-top:32px;margin-bottom:48px}.calendar-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:#f5f5f5}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-navigation{display:flex;align-items:center;gap:16px}.nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f5f5f5;transition:all .2s ease}.nav-button:hover{background:#ffffff1f;border-color:#ffffff29}.month-year{font-size:18px;font-weight:600;color:#f5f5f5;min-width:160px;text-align:center}.calendar-container{display:grid;grid-template-columns:1fr 280px;gap:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;align-items:start;height:550px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:1px;background:#ffffff14;border-radius:12px;overflow:hidden;height:100%}.calendar-day-header{background:#ffffff1f;padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.calendar-day{background:#ffffff0a;padding:8px;display:flex;flex-direction:column;position:relative;min-height:0;cursor:pointer;border:2px solid transparent}.calendar-day.today{background:#ffffff26}.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.selected{background:#ffffff1f;border-color:#ffffff4d}.calendar-day.empty{background:transparent}.day-number{font-size:14px;font-weight:500;color:#d0d0d0;margin-bottom:4px}.day-events{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.event-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#fff}.event-indicator.birthday{background:var(--color-birthday-red)!important}.event-indicator.event{background:var(--color-event-blue)!important}.upcoming-events{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.upcoming-events h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#f5f5f5}.events-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.event-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.event-item:hover{background:#ffffff14;border-color:#ffffff1f}.event-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.event-item .event-icon.birthday{background:#ff6b6b!important}.event-item .event-icon.event{background:#3498db!important}.event-details{flex:1;min-width:0}.event-title{font-size:14px;font-weight:600;color:#f5f5f5;margin-bottom:2px}.event-person{font-size:12px;color:#a0a0a0;margin-bottom:4px}.event-date{font-size:11px;color:gray;font-weight:500}.event-description{font-size:11px;color:#909090;margin-top:2px;line-height:1.3}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:gray;flex:1}.no-events svg{margin-bottom:8px;opacity:.6}.no-events p{margin:0;font-size:14px}@media (max-width: 1024px){.calendar-container{grid-template-columns:1fr;gap:20px;height:auto}.upcoming-events{order:-1;height:300px}}@media (max-width: 720px){.calendar-header{flex-direction:column;gap:16px;align-items:flex-start}.calendar-navigation{align-self:center}.calendar-container{padding:16px}.calendar-day{min-height:60px;padding:6px}.day-number{font-size:12px}.event-indicator{width:16px;height:16px}.upcoming-events{padding:16px}}.settings-page{min-height:100vh;background-color:#060606;color:#f5f5f5;display:flex;flex-direction:column}.settings-page-main{flex:1;padding:0 40px;max-width:1400px;margin:120px auto 0;width:100%;height:calc(100vh - 120px);overflow-y:auto}.settings-page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.settings-page-header .welcome-section h1{font-family:Playfair Display,serif;font-size:42px;font-weight:400;margin:0 0 6px;line-height:1.2;color:#f5f5f5}.settings-page-header .welcome-section p{margin:0;opacity:.7;font-size:15px}.settings-page-content{padding-bottom:60px;padding-top:20px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;align-items:start}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-header{margin-bottom:8px}.settings-section-header h2{font-size:24px;font-weight:600;margin:0 0 4px;color:#f5f5f5}.settings-section-header p{font-size:14px;color:#a0a0a0;margin:0;line-height:1.4}.settings-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;transition:all .3s ease}.settings-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.profile-info{display:flex;align-items:center;gap:20px}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;border:3px solid rgba(255,255,255,.1)}.profile-details{flex:1}.profile-details h3{font-size:20px;font-weight:600;margin:0 0 4px;color:#f5f5f5}.profile-details p{font-size:14px;color:#a0a0a0;margin:0 0 12px}.edit-button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 16px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.preference-group{margin-bottom:24px}.preference-group:last-child{margin-bottom:0}.preference-label{display:block;font-size:16px;font-weight:600;color:#f5f5f5;margin-bottom:12px}.preference-tags{display:flex;flex-wrap:wrap;gap:8px}.preference-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;font-size:14px;color:#a0a0a0;cursor:pointer;transition:all .2s ease}.preference-tag:hover{background:#ffffff14;border-color:#ffffff26}.preference-tag.active{background:#ffffff26;border-color:#ffffff40;color:#fff}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:16px;font-weight:600;color:#f5f5f5;margin-bottom:8px}.form-select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#f5f5f5;font-size:14px;cursor:pointer;transition:all .2s ease}.form-select:hover{background:#ffffff14;border-color:#ffffff26}.form-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.multi-select{display:flex;flex-direction:column;gap:12px}.selected-items{display:flex;flex-wrap:wrap;gap:8px}.selected-item{background:#ffffff26;border-radius:16px;padding:6px 12px;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2)}.selected-item:after{content:"×";cursor:pointer;font-size:16px;opacity:.7}.selected-item:hover:after{opacity:1}.add-button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 16px;color:#f5f5f5;font-size:14px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.add-button:hover{background:#ffffff1f;border-color:#ffffff29}.range-container{display:flex;align-items:center;gap:16px}.range-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fffc;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);border-color:#fff3}.range-value{font-size:14px;font-weight:600;color:#f5f5f5;min-width:60px;text-align:right}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0}.checkbox-item input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:6px;position:relative;transition:all .2s ease}.checkbox-item input[type=checkbox]:checked+.checkmark{background:#fff3;border-color:#fff6}.checkbox-item input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-item:hover .checkmark{border-color:#ffffff4d}.toggle-group{display:flex;flex-direction:column;gap:20px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-item:last-child{border-bottom:none}.toggle-info h4{font-size:16px;font-weight:600;margin:0 0 4px;color:#f5f5f5}.toggle-info p{font-size:14px;color:#a0a0a0;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:28px;border:1px solid rgba(255,255,255,.2)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background:#fff3;border-color:#fff6}input:checked+.slider:before{transform:translate(22px)}.security-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.security-button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 16px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.security-button:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.security-button.secondary{background:#ffffff0a;border-color:#ffffff14}.account-actions{display:flex;flex-direction:column;gap:12px}.account-button{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.account-button:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.account-button.danger{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.account-button.danger:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr;gap:20px}.settings-page-main{padding:20px 24px 40px}}@media (max-width: 720px){.settings-page-main{padding:16px 20px 20px;margin-top:110px;height:calc(100vh - 110px)}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-card{padding:20px}.settings-section-header h2{font-size:20px}.settings-section-header p{font-size:14px}.profile-info{flex-direction:column;text-align:center;gap:16px}.preference-tags{justify-content:center}.security-actions{flex-direction:column}.range-container{flex-direction:column;align-items:stretch;gap:12px}.range-value{text-align:center}}.expanded-contact-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:0;animation:fadeIn .3s ease-out}.expanded-contact-card{background:#ffffff0d;border:none;border-radius:0;width:100%;height:100%;max-width:none;max-height:none;padding:40px;overflow-y:auto;animation:slideIn .3s ease-out}.expanded-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.expanded-name-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.expanded-name-container h1{font-size:24px;font-weight:600;color:#f5f5f5;margin:0}.close-expanded{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:24px;font-weight:300}.close-expanded:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.expanded-content{display:flex;flex-direction:column;gap:32px}.expanded-section h3{font-size:16px;font-weight:600;color:#f5f5f5;margin:0 0 16px}.expanded-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.expanded-info-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;color:#ffffffe6}.expanded-interaction-summary{display:flex;flex-direction:column;gap:12px}.expanded-interaction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;color:#ffffffe6}.expanded-tags-list{display:flex;flex-wrap:wrap;gap:8px}.expanded-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 12px;font-size:14px;color:#fffc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.connection-detail-page{min-height:100vh;background:#000;padding:100px 40px 40px;position:relative;z-index:1}.connection-detail-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff1f;border-color:#ffffff29;color:#fff}.connection-name-container h1{font-size:24px;font-weight:600;color:#f5f5f5;margin:0}.connection-detail-content{display:flex;flex-direction:column;gap:16px}.connection-detail-section h3{font-size:20px;font-weight:600;color:#ffffffe6;margin-bottom:24px}.connection-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.connection-info-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.connection-interaction-summary{display:flex;flex-direction:column;gap:12px}.connection-interaction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px;color:#ffffffe6}.connection-tags-list{display:flex;flex-wrap:wrap;gap:8px}.connection-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 12px;font-size:14px;color:#fffc}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.close-button{background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:22px}.close-button:hover{background:#ffffff1a;color:#ffffffe6}.connection-tags-inline{color:#ffffffe6;font-size:14px}.icebreakers-section{margin-top:8px}.icebreakers-section h3{font-size:20px;font-weight:600;color:#ffffffe6;margin-bottom:24px}.icebreakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.icebreaker-item{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.icebreaker-item:hover{background:#ffffff14;border-color:#ffffff26}.icebreaker-content{font-size:14px;line-height:1.5;color:#ffffffe6;margin-bottom:8px;font-style:italic}.icebreaker-date{font-size:12px;color:#fff9;font-weight:500}.conversation-timeline-section{margin-top:8px}.conversation-timeline-section h3{font-size:20px;font-weight:600;color:#ffffffe6;margin-bottom:24px}.timeline-container{display:flex;gap:24px;height:600px}.conversation-list{flex:0 0 300px;background:#ffffff0d;border-radius:16px;padding:16px;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}.conversation-item{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.conversation-item:hover{background:#ffffff14;border-color:#ffffff1a}.conversation-item.selected{background:#ffffff1a;border-color:#fff3}.conversation-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;color:#fffc}.conversation-content{flex:1;min-width:0}.conversation-summary{font-weight:500;color:#ffffffe6;margin-bottom:4px;font-size:14px;line-height:1.4}.conversation-date{font-size:12px;color:#fff9;margin-bottom:4px}.conversation-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffff80}.conversation-detail{flex:1;background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);overflow-y:auto}.conversation-detail-content{height:100%}.conversation-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.conversation-detail-info{flex:1}.conversation-detail-info h4{font-size:18px;font-weight:600;color:#ffffffe6;margin:0 0 4px;line-height:1.4}.conversation-detail-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9}.conversation-type{text-transform:capitalize;background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:12px}.play-recording-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease}.play-recording-button:hover{background:#ffffff26;color:#ffffffe6}.play-recording-button.playing{background:#3b82f633;color:#3b82f6;animation:playPulse 2s ease-in-out}@keyframes playPulse{0%{background:#3b82f633;transform:scale(1)}50%{background:#3b82f666;transform:scale(1.05)}to{background:#3b82f633;transform:scale(1)}}.conversation-detail-body{display:flex;flex-direction:column;gap:20px}.conversation-actions{display:flex;gap:8px;align-items:center}.edit-notes-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease}.edit-notes-button:hover{background:#ffffff26;color:#ffffffe6}.edit-notes-button.saving{background:#3b82f633;color:#3b82f6}.edit-notes-button.saving:hover{background:#3b82f64d;color:#2563eb}.record-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease}.record-button:hover{background:#ffffff26;color:#ffffffe6}.record-button.recording{background:#ef444433;color:#ef4444;animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%{background:#ef444433;transform:scale(1)}50%{background:#ef444466;transform:scale(1.1)}to{background:#ef444433;transform:scale(1)}}.editable-field{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.editable-field:hover{background:#ffffff1a;color:#ffffffe6}.notes-display{margin-top:8px;cursor:pointer;transition:all .2s ease}.notes-display:hover{opacity:.8}.notes-text{color:#fffc;line-height:1.6;margin:0;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);max-height:300px;min-height:300px;font-size:14px;font-family:inherit;overflow-y:auto;box-sizing:border-box}.notes-placeholder{color:#fff6;font-style:italic;margin:0;padding:12px;background:#ffffff05;border-radius:8px;border:1px dashed rgba(255,255,255,.1);max-height:300px;min-height:300px;line-height:1.6;font-size:14px;font-family:inherit;box-sizing:border-box;display:flex;align-items:center}.save-button,.cancel-button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.save-button{background:#3b82f6;color:#fff}.save-button:hover{background:#2563eb}.cancel-button{background:#ffffff1a;color:#fffc}.cancel-button:hover{background:#ffffff26;color:#ffffffe6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a1a;border-radius:12px;padding:24px;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#f5f5f5}.modal-close{background:none;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fffc}.modal-body{margin-bottom:20px}.modal-input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f5f5f5;font-size:14px}.modal-input:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.type-options{display:flex;flex-direction:column;gap:12px}.type-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.type-option:hover{background:#ffffff0d}.type-option input[type=radio]{margin:0}.type-label{color:#f5f5f5;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.conversation-summary-section h5{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px;margin-top:0}.conversation-summary-section p{font-size:14px;line-height:1.6;color:#fffc;margin:0}.conversation-notes-section h5{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px;margin-top:0}.notes-textarea{width:100%;height:300px;max-height:300px;min-height:300px;font-size:14px;line-height:1.6;color:#fffc;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;resize:none;font-family:inherit;outline:none;transition:border-color .2s ease;margin:0;overflow-y:auto;box-sizing:border-box}.notes-textarea:focus{border-color:#ffffff4d}.notes-textarea::placeholder{color:#ffffff80}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff80;text-align:center}.no-conversation-selected p{margin-top:16px;font-size:16px}@media (max-width: 768px){.timeline-container{flex-direction:column;height:auto}.conversation-list{flex:none;height:300px}.conversation-detail{min-height:400px}}