.auth-page{display:flex;height:100vh;width:100vw;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.auth-left{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:2rem}.auth-form-wrapper{width:100%;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001a;padding:2rem}.auth-right{flex:1;background:url(/assets/img-BuZ5MM4H.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-info{color:#fff;max-width:300px;text-align:left}.auth-info h2{font-size:1.8rem;margin-bottom:1rem}.auth-info p{font-size:1rem;line-height:1.4}.auth-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;font-size:1.1rem;color:#34495e}.chatbot-widget{position:fixed;z-index:1000;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.chatbot-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#6366f1,#4338ca);border:none;box-shadow:0 4px 16px #6366f166;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chatbot-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #6366f180}.chatbot-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.chatbot-window{position:absolute;bottom:72px;left:0;width:320px;height:420px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{padding:10px 12px;background:#6366f126;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.chatbot-header-info{display:flex;align-items:center;gap:8px}.chatbot-icon-small{font-size:20px}.chatbot-name{font-weight:600;color:#fff;font-size:.9rem}.chatbot-header-actions{display:flex;gap:6px}.chatbot-action-btn{width:24px;height:24px;border-radius:4px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;line-height:1}.chatbot-action-btn:hover{background:#fff3}.chatbot-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#0f172a33}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.chatbot-message{display:flex;margin-bottom:2px}.chatbot-message.assistant{justify-content:flex-start}.chatbot-message.user{justify-content:flex-end}.chatbot-bubble{max-width:80%;padding:8px 12px;border-radius:12px;line-height:1.4;word-wrap:break-word;font-size:.85rem}.chatbot-message.assistant .chatbot-bubble{background:#fffffff2;color:#0f172a;border-radius:12px 12px 12px 4px}.chatbot-message.user .chatbot-bubble{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-radius:12px 12px 4px}.chatbot-bubble.loading{display:inline-flex;gap:4px;align-items:center;justify-content:center;min-width:50px}.dot{width:6px;height:6px;background:#64748b;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.chatbot-input-container{padding:10px 12px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;flex-shrink:0}.chatbot-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:#e5e7eb;font-size:.85rem;outline:none;transition:all .2s}.chatbot-input::placeholder{color:#94a3b899}.chatbot-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;background:#0f172a99}.chatbot-input:disabled{opacity:.6;cursor:not-allowed}.chatbot-send-btn{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.chatbot-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.chatbot-send-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.chatbot-widget{left:16px!important;top:auto!important;bottom:16px!important}.chatbot-window{width:calc(100vw - 32px);max-width:320px;height:420px;bottom:72px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,sans-serif;color:rgb(var(--text));background:radial-gradient(1200px 600px at 10% 10%,rgb(56 189 248 / .08),transparent 50%),radial-gradient(1000px 600px at 90% 90%,rgb(99 102 241 / .08),transparent 50%),linear-gradient(160deg,rgb(var(--bg-outer)),#020617)}.top-bar{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0 .9rem;color:rgb(var(--text));background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-bottom:1px solid rgb(var(--card-brd));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0d;z-index:1000}.top-bar-left{display:inline-flex;align-items:center;gap:.6rem;flex:1;max-width:800px}.top-bar-right{display:inline-flex;align-items:center;gap:10px;position:relative}.header-logo{width:40px;height:40px;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.2px}.search-container-header{position:relative;flex:1;max-width:500px;margin-left:1.5rem}.search-input-header{width:100%;padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:rgb(var(--text));font-size:.9rem;transition:all .2s}.search-input-header:focus{outline:none;border-color:rgb(var(--ring) / .55);background:#ffffff1f;box-shadow:0 0 0 3px rgb(var(--ring) / .18)}.search-input-header::placeholder{color:rgb(var(--muted))}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:400px;overflow-y:auto;background:linear-gradient(180deg,#0f172af5,#0f172adb);border:1px solid rgb(255 255 255 / .14);border-radius:14px;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff0f;padding:8px;z-index:1010}.search-results-dropdown::-webkit-scrollbar{width:8px}.search-results-dropdown::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.search-results-dropdown::-webkit-scrollbar-track{background:transparent}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;cursor:pointer;transition:background .18s,transform .06s}.search-result-item:hover{background:#ffffff0f;transform:translateY(-1px)}.search-result-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#6366f1,#4338ca);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:600;color:rgb(var(--text));font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-username{font-size:.8rem;color:rgb(var(--muted));margin-top:2px}.search-loading-item,.search-empty-item{padding:1rem;text-align:center;color:rgb(var(--muted));font-size:.9rem}.notify-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:#e5e7eb;cursor:pointer;transition:transform .06s,box-shadow .2s,border-color .2s}.notify-button:hover{transform:translateY(-1px);box-shadow:0 12px 18px #0003}.notify-button.open{border-color:rgb(var(--ring) / .55);box-shadow:0 0 0 4px rgb(var(--ring) / .18)}.notify-count{min-width:22px;height:22px;border-radius:999px;background:#22c55e;color:#0f172a;font-weight:800;font-size:.85rem;display:grid;place-items:center;padding:0 8px}.notification-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(340px,92vw);max-height:min(70vh,600px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0f172af5,#0f172adb);border:1px solid rgb(255 255 255 / .14);border-radius:14px;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff0f;padding:14px;z-index:1010}.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.notification-dropdown::-webkit-scrollbar-track{background:transparent}.notification-title{font-weight:800;margin-bottom:8px}.notification-section+.notification-section{margin-top:10px;border-top:1px solid rgb(255 255 255 / .06);padding-top:10px}.section-label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:rgb(var(--muted));margin-bottom:6px}.notification-row{padding:10px;border-radius:12px;border:1px solid transparent;background:#ffffff08;cursor:pointer;transition:background .18s,border-color .18s,transform .06s}.notification-row:hover{background:#ffffff0f;border-color:rgb(var(--ring) / .35);transform:translateY(-1px)}.notification-row+.notification-row{margin-top:8px}.notification-name{font-weight:700}.notification-preview{font-size:.9rem;color:rgb(var(--muted));margin-top:2px}.notification-time{font-size:.78rem;color:rgb(var(--muted));margin-top:4px}.notification-empty{font-size:.9rem;color:rgb(var(--muted));padding:8px 0}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:var(--sidebar-width);padding:1rem .75rem 4.5rem;overflow-y:auto;background:linear-gradient(180deg,#ffffff12,#ffffff08);border-right:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:2px 0 16px #0000001f}.sidebar-logo{text-align:center;font-size:1.1rem;font-weight:700;color:#e5e7eb;padding:.25rem 0 1rem}.sidebar ul{list-style:none}.sidebar a{display:block;padding:.65rem .85rem;margin:.15rem 0;text-decoration:none;color:rgb(var(--text));border-radius:10px;border:1px solid transparent;transition:background .2s,border-color .2s,transform .06s;cursor:pointer}.sidebar a:hover{background:#ffffff0f;border-color:#6366f140}.sidebar a.active{background:linear-gradient(180deg,#6366f138,#4f46e538);border-color:#6366f159;color:#eef2ff}.sign-out-button{position:absolute;left:.75rem;right:.75rem;bottom:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .9rem;font-weight:600;color:#fff;border:1px solid rgb(255 255 255 / .12);border-radius:12px;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 10px 18px #ef444440;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s}.sign-out-button:hover{transform:translateY(-1px);box-shadow:0 14px 22px #ef44444d}.logout-icon{width:16px;height:16px;fill:currentColor}.main-content{margin-left:var(--sidebar-width);padding-top:60px;color:inherit}.sidebar a:focus-visible,.sign-out-button:focus-visible,.top-bar:focus-visible{outline:none;box-shadow:0 0 0 4px rgb(var(--ring) / .35);border-radius:10px}@media (prefers-color-scheme: light){body{color:#0f172a}.top-bar{background:linear-gradient(180deg,#ffffffd9,#ffffffb3);border-bottom:1px solid rgb(0 0 0 / .06)}.sidebar{background:linear-gradient(180deg,#ffffffe0,#ffffffc2);border-right:1px solid rgb(0 0 0 / .06)}.sidebar a{color:#0f172a}}:root{--sidebar-width: 240px;--bg-outer: 15 23 42;--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--card: 255 255 255 / .08;--card-brd: 255 255 255 / .12}.page-content{color:rgb(var(--text));padding:0 12px 16px}.muted-text{color:rgb(var(--muted));font-size:.86rem}.error,.error-text{color:#fca5a5;font-size:.86rem;margin-top:.25rem}.homepage-hero{margin:16px auto 8px;padding:16px 18px;max-width:1200px;border-radius:18px;background:radial-gradient(circle at top left,rgba(59,130,246,.32),transparent 55%),radial-gradient(circle at bottom right,rgba(129,140,248,.3),transparent 55%),linear-gradient(135deg,#0f172a,#0f172a);border:1px solid rgba(148,163,184,.3);display:flex;justify-content:space-between;align-items:stretch;gap:18px;box-shadow:0 20px 40px #0009}.hero-content{max-width:540px}.hero-content h1{font-size:1.8rem;margin-bottom:6px;letter-spacing:.02em}.hero-content p{margin:0 0 12px;color:#e2e8f0e6;font-size:.9rem}.cta-button{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 12px 24px #4f46e580;transition:transform .08s,box-shadow .18s,opacity .18s}.cta-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #4f46e58c}.cta-button:active{transform:translateY(0) scale(.99);box-shadow:0 8px 20px #4f46e566}.hero-stats{display:flex;flex-direction:column;gap:10px;min-width:200px;justify-content:center}.hero-stat-card{padding:8px 10px;border-radius:12px;background:#0f172ad9;border:1px solid rgba(148,163,184,.4);box-shadow:0 10px 20px #0f172a99}.hero-stat-label{display:block;font-size:.78rem;color:#94a3b8e6}.hero-stat-value{font-size:1.1rem;font-weight:600}.home-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1rem;padding:.75rem;margin:.5rem auto 0;max-width:1200px}@media (max-width: 1100px){.home-main{grid-template-columns:minmax(0,1fr)}}.feed-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:1.05rem;font-weight:600;margin:0 0 .5rem}.feed-card{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#0f172af0,#0f172ae6);border:1px solid rgba(148,163,184,.3);box-shadow:0 14px 28px #00000073;display:flex;flex-direction:column;gap:6px}.feed-card--clickable{cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.feed-card--clickable:hover{transform:translateY(-2px);border-color:#818cf8e6;box-shadow:0 20px 40px #000000b3}.feed-card-header{display:flex;flex-direction:column;gap:2px}.feed-card-title{font-size:.98rem;font-weight:600;margin:0}.author-name{font-size:.8rem;color:rgb(var(--muted))}.feed-card-desc{font-size:.88rem;color:#e2e8f0f2;margin:4px 0 2px;line-height:1.4}.feed-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.rating{font-size:.82rem;font-weight:600;color:#4ade80}.btn-detail{padding:6px 10px;border-radius:999px;border:1px solid rgba(74,222,128,.6);background:linear-gradient(135deg,#22c55e,#16a34a);color:#f9fafb;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 10px 18px #16a34a66;transition:transform .08s,box-shadow .18s,opacity .18s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.btn-detail:hover{transform:translateY(-1px);box-shadow:0 14px 24px #16a34a80}.btn-detail:active{transform:translateY(0) scale(.99);box-shadow:0 8px 16px #16a34a59}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-box{padding:11px 13px;border-radius:16px;background:linear-gradient(180deg,#0f172af5,#0f172ae6);border:1px solid rgba(148,163,184,.32);box-shadow:0 12px 26px #00000080}.sidebar-box h3{font-size:.95rem;font-weight:600;margin:0 0 6px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{font-size:.86rem;color:#e2e8f0eb;padding:2px 0;cursor:pointer;transition:color .15s ease,transform .1s ease}.sidebar-list li:hover{color:#fff;transform:translate(2px)}.create-thread-card{margin-bottom:16px;padding:14px 16px;border-radius:18px;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 55%),#0f172ae6;border:1px solid rgba(148,163,184,.35);box-shadow:0 16px 32px #0009}.error-text{color:#fca5a5;font-size:.86rem}@media (prefers-color-scheme: light){.create-thread-card{background:linear-gradient(180deg,#fffffff5,#ffffffe6);border:1px solid rgba(15,23,42,.08);color:#0f172a}}.btn-view-all{margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e2e8f0f2;font-size:.8rem;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.btn-view-all:hover{background:#94a3b824}.featured-list{list-style:none;padding:0;margin:0}.featured-list li+li{margin-top:4px}.featured-name{font-size:.88rem;font-weight:600}.featured-skill{font-size:.78rem;color:rgb(var(--muted))}.create-thread-card{margin-bottom:16px;padding:14px 16px;border-radius:18px;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 55%),#0f172ae6;border:1px solid rgba(148,163,184,.35)}.create-thread-card h3{margin:0 0 8px;font-size:1rem}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:.85rem}.form-row label{color:#e2e8f0e6}.form-row input,.form-row textarea,.form-row select{border-radius:10px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:#e2e8f0;padding:6px 8px;font-size:.86rem}.form-row textarea{resize:vertical}.create-thread-actions{margin-top:6px;display:flex;justify-content:flex-end;gap:8px}.btn-secondary{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:transparent;color:#e2e8f0e6;font-size:.8rem;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.btn-secondary:hover{background:#94a3b824}.job-detail-wrapper{max-width:900px;margin:0 auto}.back-link{display:inline-block;margin:16px 0 10px;font-size:.85rem;color:#a5b4fc;text-decoration:none}.back-link:hover{text-decoration:underline}.job-detail-card{margin-top:4px}.job-detail-desc{margin-top:10px;font-size:.9rem}.job-detail-footer{margin-top:10px;gap:8px}@media (prefers-color-scheme: light){.homepage-hero,.feed-card,.sidebar-box,.create-thread-card{background:linear-gradient(180deg,#fffffff5,#ffffffe6);border:1px solid rgba(15,23,42,.08);color:#0f172a}.hero-content p,.author-name{color:#475569}.feed-card-desc{color:#334155}.section-title,.sidebar-box h3,.featured-name{color:#0f172a}}.profile-page{--accent: #6366f1;--accent-2: #22d3ee;--accent-deep: #0b1221;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .12);--text: #e9edf5;--muted: #9fb1ca;min-height:calc(100vh - 56px);background:radial-gradient(1400px 700px at 14% 12%,rgba(99,102,241,.18),transparent 45%),radial-gradient(1200px 600px at 88% 84%,rgba(34,211,238,.16),transparent 40%),linear-gradient(160deg,#0b1221,#0c1829 48%,#0b223a);color:var(--text);font-family:Inter,Space Grotesk,system-ui,-apple-system,sans-serif;position:relative}.profile-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;opacity:.6}.loading-spinner,.error-message{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#94a3b8}.profile-header{position:relative;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.cover-photo{width:100%;height:120px;background:linear-gradient(125deg,#0ea5e9,#6366f1 55%,#312e81);position:relative;overflow:hidden}.cover-gradient{width:100%;height:100%;background:linear-gradient(180deg,#0c122114,#0c1221e0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-info-header{max-width:1200px;margin:0 auto;padding:2rem;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem 2rem;background:linear-gradient(145deg,#ffffff14,#6366f112);border:1px solid var(--surface-strong);border-radius:20px;box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(160deg,#0ea5e9,#22d3ee 40%,#6366f1 90%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#0b1221;border:3px solid rgba(255,255,255,.22);box-shadow:0 14px 36px #6366f159,0 4px 16px #00000059;flex-shrink:0}.profile-name-section{flex:1;padding-bottom:.5rem}.profile-name{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#f8fafc;letter-spacing:.01em}.profile-username{font-size:1.1rem;color:var(--muted);margin:0 0 .5rem}.profile-role{font-size:1.2rem;color:#c4f2ff;margin:0 0 .5rem;font-weight:500;letter-spacing:.01em}.profile-location{font-size:1rem;color:var(--muted);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#ffffff0a;border-radius:10px}.linkedin-link{display:inline-flex;align-items:center;gap:.5rem;color:#60a5fa;text-decoration:none;font-size:.95rem;transition:color .2s;font-weight:600}.linkedin-link:hover{color:#a5b4fc;text-decoration:underline}.edit-profile-btn{padding:.75rem 1.5rem;background:linear-gradient(120deg,#0ea5e9,#6366f1);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 12px 30px #6366f159;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:.5rem}.edit-profile-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 36px #22d3ee59}.friend-actions{display:flex;align-items:center;gap:1rem}.add-friend-btn,.remove-friend-btn{padding:.75rem 1.5rem;border:none;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;margin-bottom:.5rem}.add-friend-btn{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;box-shadow:0 10px 20px #22c55e4d}.add-friend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 26px #10b98166}.add-friend-btn:disabled{opacity:.6;cursor:not-allowed}.remove-friend-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 20px #ea580c40}.remove-friend-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px #ea580c59}.profile-content{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.profile-card{background:linear-gradient(160deg,#ffffff14,#6366f112 40%,#0c1221e6);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 14px 40px #00000040,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.65rem;letter-spacing:.03em;text-transform:uppercase}.about-content{display:flex;flex-direction:column;gap:1rem}.about-text{font-size:1rem;color:var(--text);line-height:1.6;margin:0;white-space:pre-wrap}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.9rem;color:var(--muted);font-weight:600}.info-value{font-size:1rem;color:var(--text)}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem}.skill-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#6366f126,#22d3ee29);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e6e9ff;font-size:.92rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.skill-badge:hover{transform:translateY(-2px);box-shadow:0 6px 14px #6366f140;border-color:#6366f180;background:linear-gradient(135deg,#6366f133,#22d3ee33)}.show-more-skills-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:12px;color:#e0e7ff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.show-more-skills-btn:hover{background:#6366f133;border-color:#22d3ee80;color:#f8fafc;transform:translateY(-2px)}.certifications-list{display:flex;flex-direction:column;gap:1rem}.cert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:background .2s,border-color .2s}.cert-item:hover{background:#6366f114;border-color:#6366f159}.cert-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,#6366f1,#22d3ee);color:#0b1221;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #6366f159}.cert-title{font-weight:700;color:#f8fafc;margin-bottom:.25rem}.cert-sub{font-size:.9rem;color:#94a3b8}.cert-date{font-size:.85rem;color:var(--muted);margin:.25rem 0}.cert-credential{font-size:.85rem;color:#d8e4f5;margin:.5rem 0}.cert-link{display:inline-block;margin-top:.5rem;color:#0ea5e9;text-decoration:none;font-size:.9rem;transition:color .2s;font-weight:600}.cert-link:hover{color:#c7d2fe;text-decoration:underline}.work-experience-list{position:relative}.work-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative;align-items:flex-start;padding:.5rem 0}.work-item:last-child{margin-bottom:0}.work-icon{position:relative;display:flex;flex-direction:column;align-items:center}.work-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#0ea5e9,#22d3ee);border:3px solid #0b1221;box-shadow:0 0 0 4px #0ea5e940;z-index:2}.work-line{position:absolute;top:16px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 1rem);background:linear-gradient(180deg,rgba(14,165,233,.4),transparent)}.work-item:last-child .work-line{display:none}.work-content{flex:1;padding-top:.25rem}.work-title{font-size:1.3rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.work-company{font-size:1.1rem;color:#bfe9ff;margin:0 0 .5rem;font-weight:600}.work-duration{font-size:.9rem;color:var(--muted);margin:0 0 .75rem}.work-description{font-size:1rem;color:#dce8f5;line-height:1.6;margin:0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}@media (max-width: 968px){.profile-content{grid-template-columns:1fr}.profile-info-header{grid-template-columns:1fr;align-items:flex-start;gap:1rem}.profile-avatar-large{width:120px;height:120px;font-size:2.5rem}.profile-name{font-size:2rem}.cover-photo{height:200px}}@media (max-width: 640px){.profile-info-header{padding:0 1rem}.profile-content{padding:0 1rem 2rem}.profile-card{padding:1rem}}.edit-profile-page{min-height:calc(100vh - 56px);background:linear-gradient(180deg,#0f172a,#1e293b);color:#e5e7eb;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:2rem}.edit-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.edit-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.back-btn{padding:.75rem 1.5rem;background:#ffffff1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff26;transform:translateY(-2px)}.edit-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.edit-section{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem;box-shadow:0 8px 24px #0003}.edit-section h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;border-bottom:2px solid rgba(99,102,241,.3);padding-bottom:.75rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;border:none;padding:0}.add-btn{padding:.75rem 1.5rem;background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #6366f14d;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6366f166}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.9rem;color:#94a3b8;font-weight:600}.form-field input,.form-field select,.form-field textarea{padding:.75rem 1rem;background:#11192899;border:1px solid rgba(148,163,184,.3);border-radius:12px;color:#e5e7eb;font-size:1rem;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f133;background:#111928cc}.form-field input.readonly{background:#11192866;color:#94a3b8;cursor:not-allowed}.form-field textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:#cbd5e1;cursor:pointer}.checkbox-label input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.save-btn{padding:.75rem 2rem;background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 8px 16px #6366f14d;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #6366f166}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{padding:.75rem 2rem;background:#ffffff1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff26}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.work-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.work-list{display:flex;flex-direction:column;gap:1rem}.work-item{display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .2s}.work-item:hover{background:#ffffff0f}.work-content{flex:1}.work-content h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.work-dates{font-size:.9rem;color:#94a3b8;margin:0 0 .75rem}.work-desc{font-size:1rem;color:#cbd5e1;line-height:1.6;margin:0}.work-actions{position:relative}.menu-btn{background:transparent;border:none;color:#cbd5e1;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.menu-btn:hover{background:#ffffff1a;color:#fff}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;background:#0f172af2;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 24px #0006;min-width:120px;overflow:hidden;z-index:10}.dropdown-menu button{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#e5e7eb;text-align:left;cursor:pointer;transition:all .2s}.dropdown-menu button:hover{background:#ffffff1a}.dropdown-menu button:last-child{color:#ef4444}.dropdown-menu button:last-child:hover{background:#ef44441a}.empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8;background:#ffffff0a;border:1px dashed rgba(255,255,255,.2);border-radius:12px}.resume-upload-area{display:flex;flex-direction:column;gap:1rem}.file-upload-label{display:inline-block;padding:1.5rem 2rem;background:#6366f11a;border:2px dashed rgba(99,102,241,.4);border-radius:12px;color:#c7d2fe;text-align:center;cursor:pointer;transition:all .2s;font-weight:600}.file-upload-label:hover{background:#6366f126;border-color:#6366f199;color:#eef2ff}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#94a3b8}.cert-upload-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.cert-list{display:flex;flex-direction:column;gap:1rem}.cert-item{display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .2s}.cert-item:hover{background:#ffffff0f}.cert-content{flex:1}.cert-content h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.cert-issuer{font-size:.9rem;color:#94a3b8;margin:0 0 .5rem}.cert-date{font-size:.85rem;color:#94a3b8;margin:.25rem 0}.cert-credential{font-size:.85rem;color:#cbd5e1;margin:.5rem 0}.cert-link{display:inline-block;margin-top:.5rem;color:#60a5fa;text-decoration:none;font-size:.9rem;transition:color .2s}.cert-link:hover{color:#93c5fd;text-decoration:underline}.cert-actions{position:relative}.download-cert-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(96,165,250,.4);border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.9rem;transition:all .2s}.download-cert-btn:hover{background:#60a5fa1a;border-color:#60a5fa99;color:#93c5fd}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.edit-header,.section-header{flex-direction:column;gap:1rem;align-items:flex-start}}:root{--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--border: 255 255 255 / .12;--surface: 255 255 255 / .08;--surface-2: 255 255 255 / .04;--container-max: 900px}.ai-bot-container{max-width:var(--container-max);margin:0 auto;padding:16px;color:rgb(var(--text));display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:calc(100vh - 60px)}.ai-bot-title{text-align:center;margin:4px 0 8px;color:rgb(var(--text));letter-spacing:.2px}.ai-chat-window{border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f;padding:14px 16px;overflow-y:auto;height:clamp(360px,64vh,72vh)}.ai-chat-window::-webkit-scrollbar{width:10px}.ai-chat-window::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.chat-message{display:grid;margin-bottom:12px}.chat-message.assistant{justify-items:start}.chat-message.user{justify-items:end}.message-bubble{padding:10px 14px;border-radius:16px;max-width:72ch;line-height:1.45;word-wrap:break-word;box-shadow:0 4px 12px #0000001f;font-size:.96rem}.chat-message.assistant .message-bubble{background:#fff;color:#0f172a;border:1px solid rgb(0 0 0 / .06);border-radius:16px 16px 16px 4px}.chat-message.user .message-bubble{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-radius:16px 16px 4px}.message-bubble.loading{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:64px}.dot{width:8px;height:8px;background:#64748b;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{background:#ffebee;color:#c62828;padding:10px 12px;border-radius:10px;border:1px solid #ffcdd2;font-size:.9rem}.input-container{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff0f}.input-container textarea{flex:1;resize:none;min-height:56px;max-height:40vh;padding:12px 14px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));font:inherit;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.input-container textarea::placeholder{color:#e2e8f0cc}.input-container textarea:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.input-container textarea:disabled{background:#0f172a40;cursor:not-allowed}.input-container button{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s;box-shadow:0 10px 18px #6366f147}.input-container button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #6366f152}.input-container button:disabled{background:linear-gradient(180deg,#9aa0ff,#8d94ff);opacity:.7;cursor:not-allowed}@media (prefers-color-scheme: light){.ai-chat-window,.input-container{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgb(0 0 0 / .06);color:#0f172a}.message-bubble.loading .dot{background:#94a3b8}}.onboarding-page{min-height:calc(100vh - 56px);background:linear-gradient(180deg,#0f172a,#1e293b);color:#e5e7eb;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.onboarding-content{max-width:900px;margin:0 auto;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem;box-shadow:0 8px 24px #00000040}.onboarding-content h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;border-bottom:2px solid rgba(99,102,241,.3);padding-bottom:.5rem}.onboarding-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#94a3b8;font-weight:600}.form-group input,.form-group select{padding:.9rem 1rem;background:#11192899;border:1px solid rgba(148,163,184,.3);border-radius:12px;color:#e5e7eb;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f133;background:#111928d9}.form-group input[readonly]{background:#1119284d;color:#94a3b8;cursor:not-allowed}.submit-button{grid-column:1 / -1;padding:.75rem 2rem;background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #6366f140;transition:all .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6366f159}.resume-box{grid-column:1 / -1;padding:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;margin-bottom:1rem}.resume-box h3{margin:0 0 .5rem;font-size:1.2rem;color:#fff}.resume-box p{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.resume-upload-label{display:block;padding:1rem;background:#6366f11a;border:2px dashed rgba(99,102,241,.4);border-radius:12px;text-align:center;color:#c7d2fe;font-weight:600;cursor:pointer;transition:all .2s}.resume-upload-label:hover{background:#6366f126;border-color:#6366f199}@media (max-width: 768px){.onboarding-form{grid-template-columns:1fr}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f7f9fc}.auth-card{width:350px;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;gap:.9rem}.auth-card h2{margin:0 0 .5rem}.auth-card label{font-size:.9rem;color:#555}.auth-card input{padding:.55rem .75rem;border:1px solid #ccc;border-radius:4px}.auth-card button{margin-top:.5rem;padding:.6rem;border:none;border-radius:4px;background:#34495e;color:#fff;font-weight:600;cursor:pointer;transition:opacity .25s}.auth-card button:hover:not(:disabled){opacity:.85}.auth-error{background:#fdecea;color:#e74c3c;border:1px solid #f5c6cb;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.auth-hint{font-size:.85rem;text-align:center}.auth-hint a{color:#0070f3}:root{--bg-1: 255 255 255;--bg-2: 15 23 42;--card: 255 255 255 / .08;--ring: 99 102 241;--ok: 52 211 153;--danger: 239 68 68;--text: 241 245 249;--muted: 148 163 184}.auth-container{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% 10%,rgb(56 189 248 / .12),transparent 50%),radial-gradient(1000px 600px at 90% 90%,rgb(99 102 241 / .12),transparent 50%),linear-gradient(160deg,rgb(var(--bg-2)),#020617);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:40vmax;height:40vmax;border-radius:9999px;filter:blur(60px);opacity:.25;animation:float 18s ease-in-out infinite alternate}.auth-container:before{background:radial-gradient(circle,rgb(168 85 247 / .5),transparent 60%);top:-10vmax;left:-10vmax}.auth-container:after{background:radial-gradient(circle,rgb(14 165 233 / .5),transparent 60%);bottom:-12vmax;right:-8vmax;animation-delay:3s}@keyframes float{to{transform:translate3d(2vmax,-2vmax,0) scale(1.05)}}.auth-card{width:min(92vw,380px);display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgb(255 255 255 / .12);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:rgb(var(--text))}.auth-card h2{margin:0 0 .25rem;font-size:1.4rem;letter-spacing:.2px}.auth-card label{font-size:.85rem;color:rgb(var(--muted))}.auth-card input{width:100%;padding:.7rem .85rem;border-radius:10px;background:#0f172a59;color:rgb(var(--text));border:1px solid rgb(148 163 184 / .25);outline:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .05s}.auth-card input::placeholder{color:#94a3b8b3}.auth-card input:hover{border-color:#94a3b873}.auth-card input:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px rgb(var(--ring) / .18);background:#0f172a8c}.auth-card button{margin-top:.5rem;padding:.8rem;border:1px solid rgb(255 255 255 / .12);border-radius:12px;background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 20px #6366f140}.auth-card button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 24px #6366f14d}.auth-card button:active:not(:disabled){transform:translateY(0)}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{display:grid;grid-template-columns:1.25rem 1fr;align-items:start;gap:.6rem;padding:.6rem .75rem;border-radius:10px;background:#ef44441f;border:1px solid rgb(239 68 68 / .35);color:#f87171;font-size:.9rem}.auth-ok{padding:.65rem .75rem;border-radius:10px;background:#10b98124;border:1px solid rgb(16 185 129 / .45);color:#4ade80;font-weight:600;font-size:.95rem}.auth-note{margin:0;color:rgb(var(--muted));font-size:.95rem;line-height:1.45}.auth-sublink{display:flex;justify-content:flex-end;margin-top:-.35rem}.auth-sublink.center{justify-content:center;gap:1.4rem}.link-button{background:none;border:none;color:rgb(var(--muted));font-weight:500;font-size:.95rem;cursor:pointer;padding:0;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:not-allowed}.link-button:hover:not(:disabled){color:#e2e8f0}.auth-hint{font-size:.9rem;text-align:center;color:rgb(var(--muted))}.auth-hint a{color:#6366f1;text-decoration:none;font-weight:600}.auth-hint a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.auth-container:before,.auth-container:after{animation:none}.auth-card button{transition:none}}@media (prefers-color-scheme: light){.auth-container{background:radial-gradient(1200px 600px at 10% 10%,rgb(56 189 248 / .14),transparent 50%),radial-gradient(1000px 600px at 90% 90%,rgb(99 102 241 / .14),transparent 50%),linear-gradient(160deg,#f8fafc,#e2e8f0)}.auth-card{background:linear-gradient(180deg,#ffffffd9,#ffffffb3);color:#0f172a;border:1px solid rgb(0 0 0 / .06)}.auth-card input{background:#fff;color:#0f172a;border:1px solid rgb(0 0 0 / .12)}.auth-hint{color:#334155}}.auth-card{max-width:420px;background:radial-gradient(600px 260px at -120px -120px,rgba(99,102,241,.18),transparent 60%),linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff0f}.auth-card h2{color:#eaf0ff;letter-spacing:.2px}.auth-card input{background:#1119288c;color:#e5e7eb;border:1px solid rgba(148,163,184,.28)}.auth-card input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f138}.code-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.35rem;margin-bottom:.75rem}.code-box{height:46px;text-align:center;font-size:1.15rem;font-weight:700;letter-spacing:.04em;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#1119288c;color:#e5e7eb;transition:border-color .18s,box-shadow .18s,background .18s}.code-box:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f138;background:#111928b3}.auth-ok{background:#0b3b2d;color:#34d399;border:1px solid rgba(16,185,129,.35);padding:.55rem .7rem;border-radius:8px}.auth-card button[type=submit]{background:linear-gradient(180deg,#6366f1,#4f46e5);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 20px #6366f142}.auth-card button[type=submit]:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.auth-hint a{color:#c7d2fe}:root{--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--border: 255 255 255 / .12;--surface: 255 255 255 / .08;--surface-2: 255 255 255 / .04;--container-max: 1360px;--rail-w: 360px;--gap: 16px;--hdr-h: 56px}.chat-container{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);gap:var(--gap);height:calc(100vh - 60px);max-width:var(--container-max);margin:0 auto;padding:12px 16px;color:rgb(var(--text))}@media (min-width: 1400px){.chat-container{padding:12px 0}}@media (max-width: 980px){.chat-container{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 60px)}}.chat-list{display:flex;flex-direction:column;min-height:0;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.chat-list-toolbar{display:flex;align-items:center;gap:.6rem;padding:12px 12px 0}.chat-list-scroll{min-height:0;height:100%;overflow:auto;padding:10px 8px 12px}.chat-list-scroll::-webkit-scrollbar{width:10px}.chat-list-scroll::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.chat-list-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:.75rem;padding:10px;margin:4px 0;border-radius:12px;cursor:pointer;transition:background .18s,border-color .18s,transform .06s;border:1px solid transparent}.chat-list-item:hover{background:#ffffff0f}.chat-list-item.active{background:linear-gradient(180deg,#6366f138,#4f46e538);border-color:#6366f159}.chat-list-item .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 8px 16px #4f46e559}.chat-list-item .meta{overflow:hidden;display:grid;row-gap:2px}.chat-list-item .name{font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-list-item .preview{font-size:.88rem;color:rgb(var(--muted));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-list-item .unread-dot{width:8px;height:8px;border-radius:9999px;background:#22c55e;opacity:0;transition:opacity .18s}.chat-list-item.unread .unread-dot{opacity:1}.chat-window{display:grid;grid-template-rows:var(--hdr-h) 1fr auto;min-height:0;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--hdr-h);padding:0 16px;border-bottom:1px solid rgb(255 255 255 / .08);font-weight:700}.chat-delete-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.25);background:linear-gradient(180deg,#f871712e,#f871711a);color:#fecdd3;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s}.chat-delete-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f8717147}.chat-delete-btn:active{transform:translateY(0);opacity:.9}.message-list{overflow-y:auto;padding:14px 16px;overscroll-behavior:contain}.message-list::-webkit-scrollbar{width:10px}.message-list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.message-item{max-width:80ch;margin:4px 0 12px;display:grid;row-gap:4px}.message-item.sent{justify-self:end;text-align:right}.message-item.received{justify-self:start}.message-text{display:inline-block;padding:10px 14px;font-size:.96rem;line-height:1.45;word-wrap:break-word;box-shadow:0 4px 12px #0000001f}.message-item.sent .message-text{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-radius:16px 16px 4px}.message-item.received .message-text{background:#fff;color:#0f172a;border-radius:16px 16px 16px 4px;border:1px solid rgb(0 0 0 / .06)}.message-time{font-size:.74rem;color:rgb(var(--muted));margin:0 4px}.chat-input-container{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid rgb(255 255 255 / .08)}.chat-input-container input{padding:12px 14px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.chat-input-container input::placeholder{color:#e2e8f0cc}.chat-input-container input:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.chat-input-container button{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s;box-shadow:0 10px 18px #6366f147}.chat-input-container button:hover{transform:translateY(-1px);box-shadow:0 14px 22px #6366f152}@media (prefers-color-scheme: light){.chat-list,.chat-window{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgb(0 0 0 / .06);color:#0f172a}.chat-header{border-bottom-color:#0000000f}.chat-input-container{border-top-color:#0000000f}}:root{--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--border: 255 255 255 / .12;--surface: 255 255 255 / .08;--surface-2: 255 255 255 / .04;--container-max: 1000px}.threads-page{max-width:var(--container-max);margin:0 auto;padding:16px;color:rgb(var(--text))}@media (min-width:1280px){.threads-page{padding:16px 0}}.threads-page h1{font-size:1.9rem;margin:4px 0 14px;letter-spacing:.2px}.threads-page h2{font-size:1.25rem;margin:22px 0 10px;color:rgb(var(--muted))}.thread-composer{display:grid;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.form-group{display:grid;gap:6px}.form-group label{font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));font:inherit;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.form-group textarea{min-height:96px;resize:vertical}.form-group select{cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:#e2e8f0cc}.form-group input:focus,.form-group textarea:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.form-group select:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e}.btn-submit{justify-self:start;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s;box-shadow:0 10px 18px #6366f147}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #6366f152}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.error{color:#fca5a5;font-size:.85rem}.thread-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end;margin:14px 0 6px}.toolbar-group{display:grid;gap:6px}.toolbar-label{font-size:.85rem;color:rgb(var(--muted))}.toolbar-group input,.toolbar-group select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none}.toolbar-group input::placeholder{color:#e2e8f0cc}.toolbar-group input:focus,.toolbar-group select:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e}.thread-list{display:grid;gap:14px}.thread-card{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.thread-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.thread-title{font-weight:700;font-size:1.1rem;letter-spacing:.2px}.thread-meta{font-size:.84rem;color:rgb(var(--muted));margin-top:2px}.thread-tag{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:700;background:#6366f129;color:#c7d2fe;text-transform:capitalize}.thread-actions{display:flex;align-items:center;gap:8px}.like-button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f172ab3;color:#e5e7eb;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 6px 14px #00000040;transition:background .15s,transform .06s,box-shadow .15s,opacity .15s}.like-button:hover:not(:disabled){background:#2563ebe6;transform:translateY(-1px);box-shadow:0 10px 20px #2563eb59}.likes-error{margin:4px 0 0}.thread-body{color:#e5e7eb;line-height:1.5;margin:10px 0}.thread-sep{border:none;height:1px;background:#ffffff1a;margin:6px 0 10px}.comments-header{font-weight:700;margin-bottom:6px}.comment{background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:10px 12px;margin-bottom:8px;box-shadow:0 6px 14px #0000001f}.comment-text{margin:0;color:#e5e7eb}.comment-meta{font-size:.75rem;color:rgb(var(--muted));margin-top:4px}.no-comments{font-size:.85rem;color:rgb(var(--muted))}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.comment-form input{padding:10px 12px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.comment-form input::placeholder{color:#e2e8f0cc}.comment-form button{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#10b981,#059669);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s;box-shadow:0 10px 18px #10b98140}@media (prefers-color-scheme: light){.thread-composer,.thread-card{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgb(0 0 0 / .06);color:#0f172a}.thread-body{color:#334155}.comment{background:#fff;border-color:#0000000f}.like-button{background:#f1f5f9;color:#0f172a;box-shadow:0 4px 10px #0f172a1f}.like-button--active{background:#fecaca}}:root{--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--border: 255 255 255 / .12;--surface: 255 255 255 / .08;--surface-2: 255 255 255 / .04;--ok: #10b981;--warn: #f59e0b;--brand: #6366f1;--container-max: 1200px}.courses-page{max-width:var(--container-max);margin:0 auto;padding:16px;color:rgb(var(--text))}@media (min-width:1280px){.courses-page{padding:16px 0}}.courses-hero{border-radius:18px;padding:22px;margin-bottom:16px;background:radial-gradient(1200px 500px at 20% -200px,rgba(99,102,241,.25),transparent 50%),radial-gradient(1000px 600px at 120% -250px,rgba(56,189,248,.18),transparent 60%),linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.courses-hero h1{margin:0 0 6px;font-size:1.6rem;letter-spacing:.2px}.courses-hero p{margin:0;color:rgb(var(--muted))}.controls{display:grid;grid-template-columns:1fr 220px 180px auto;gap:10px;margin:14px 0 18px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff0f}@media (max-width: 920px){.controls{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.controls{grid-template-columns:1fr}}.input,.select{padding:12px 14px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder{color:#e2e8f0cc}.input:focus,.select:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.clear-btn{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#334155,#1f2937);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s}.clear-btn:hover{transform:translateY(-1px)}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.course-card{display:grid;grid-template-rows:auto 1fr auto;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f;transition:transform .18s,box-shadow .18s}.course-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000038,inset 0 1px #ffffff0f}.card-header{padding:12px 14px;border-bottom:1px solid rgb(255 255 255 / .08);display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px}.card-title{margin:0;font-size:1rem;font-weight:800;letter-spacing:.2px;color:rgb(var(--text))}.level{justify-self:end;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 6px 12px #6366f147}.card-body{padding:12px 14px;display:grid;gap:10px}.description{margin:0;color:#e5e7eb;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:.9rem;color:rgb(var(--muted))}.meta strong{color:rgb(var(--text));font-weight:700}.skills{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:.75rem;padding:4px 8px;border-radius:9999px;border:1px solid rgb(255 255 255 / .12);background:#ffffff14;color:#e5e7eb}.chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:70px;text-align:center;padding:6px 10px;border-radius:9999px;border:1px solid rgb(255 255 255 / .12);background:#ffffff14;color:#e5e7eb;font-size:.8rem;line-height:1;font-weight:500;transition:background .2s,transform .1s}.chip:hover{background:#6366f133;transform:translateY(-1px)}.card-footer{padding:12px 14px;border-top:1px solid rgb(255 255 255 / .08);display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.rating{font-weight:800;color:var(--ok)}.goto{justify-self:end;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#10b981,#059669);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 10px 18px #10b98140;transition:transform .06s,box-shadow .2s}.goto:hover{transform:translateY(-1px);box-shadow:0 14px 22px #10b9814d}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 0 8px}.pagination button{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,var(--brand),#4f46e5);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 18px #6366f147}.pagination button:disabled{opacity:.6;cursor:not-allowed}.empty{text-align:center;padding:26px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border))}.loader,.error{text-align:center;margin:24px 0}@media (prefers-color-scheme: light){.courses-hero,.controls,.course-card,.empty{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgb(0 0 0 / .06);color:#0f172a}.description{color:#334155}}.communities-page{max-width:1100px;margin:0 auto;padding:16px;color:rgb(var(--text))}@media (min-width: 1280px){.communities-page{padding:16px 0}}.communities-hero{margin-bottom:16px;padding:18px 20px;border-radius:18px;background:radial-gradient(1000px 420px at 0% -160px,rgba(99,102,241,.25),transparent 55%),radial-gradient(900px 500px at 120% -200px,rgba(56,189,248,.18),transparent 60%),linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.communities-hero h1{margin:0 0 4px;font-size:1.7rem}.communities-hero p{margin:0;color:rgb(var(--muted))}.communities-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:16px;align-items:start}@media (max-width: 960px){.communities-main{grid-template-columns:1fr}}.communities-left,.communities-right{display:flex;flex-direction:column;gap:12px}.community-form{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;gap:10px}.community-form h2{margin:0 0 4px;font-size:1.15rem}.form-sub{margin:0 0 2px;font-size:.9rem;color:rgb(var(--muted))}.form-row{display:grid}.community-form input,.community-form textarea{padding:11px 13px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;font:inherit;transition:border-color .18s,box-shadow .18s,background .18s}.community-form textarea{min-height:80px;resize:vertical}.community-form select{cursor:pointer}.community-form input::placeholder,.community-form textarea::placeholder{color:#e2e8f0cc}.community-form input:focus,.community-form textarea:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.btn-primary{justify-self:flex-start;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 18px #6366f147;transition:transform .06s,box-shadow .2s,opacity .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #6366f152}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.communities-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.section-title{margin:4px 0 6px;font-size:1.1rem}.community-filters{display:flex;gap:6px}.pill-toggle{padding:6px 10px;border-radius:9999px;border:1px solid rgba(148,163,184,.5);background:#0f172a80;color:#e5e7eb;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s,transform .06s,box-shadow .15s,opacity .15s}.pill-toggle.active{background:linear-gradient(180deg,#6366f1,#4f46e5);border-color:#818cf8e6;box-shadow:0 8px 16px #6366f159}.pill-toggle:disabled{opacity:.6;cursor:not-allowed}.community-advanced-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:6px}.filter-field{display:grid;gap:6px}.filter-field label{font-size:.85rem;color:rgb(var(--muted))}.filter-field input,.filter-field select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#0f172a59;color:rgb(var(--text));outline:none}.filter-field input::placeholder{color:#e2e8f0cc}.filter-field input:focus,.filter-field select:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.muted{color:rgb(var(--muted))}.community-list{display:grid;gap:10px}.community-card{padding:12px 13px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));box-shadow:0 10px 22px #0000002e,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.community-card:hover{transform:translateY(-1px);box-shadow:0 14px 26px #00000038}.community-card.active{border-color:#6366f1cc;box-shadow:0 16px 30px #00000042}.community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.community-header h3{margin:0;font-size:1rem}.badge{padding:3px 8px;border-radius:9999px;font-size:.75rem;background:#94a3b838;color:#e5e7eb}.community-desc{margin:0 0 6px;color:#e5e7eb;line-height:1.4}.community-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.community-tag{padding:4px 9px;border-radius:12px;font-size:.78rem;text-transform:capitalize;background:#38bdf829;color:#bae6fd;border:1px solid rgba(56,189,248,.3)}.community-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.community-meta{color:rgb(var(--muted))}.chip-btn{padding:7px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#10b981,#059669);color:#fff;font-weight:600;cursor:pointer;font-size:.85rem;box-shadow:0 8px 16px #10b98140;transition:transform .06s,box-shadow .18s,background .18s,opacity .2s}.chip-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px #10b9814d}.chip-btn:disabled{opacity:.6;cursor:not-allowed}.chip-btn.outline{background:transparent;color:#bbf7d0;border-color:#10b981b3}.empty-card{padding:14px;border-radius:14px;border:1px dashed rgba(255,255,255,.2);background:#0f172a80;color:rgb(var(--muted))}.chat-panel{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px;min-height:420px;position:relative}.chat-header h2{margin:0 0 2px;font-size:1.2rem}.chat-sub{margin:0;color:rgb(var(--muted));font-size:.9rem}.chat-messages{flex:1;min-height:180px;max-height:60vh;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.message-bubble{padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 16px #0000002e}.message-meta{display:flex;justify-content:space-between;font-size:.75rem;color:rgb(var(--muted));margin-bottom:2px}.message-text{color:#e5e7eb}.message-link{display:inline-block;margin-top:4px;font-size:.85rem;color:#bfdbfe}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:4px}.chat-input-row input{padding:10px 12px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.chat-input-row input::placeholder{color:#e2e8f0cc}.chat-input-row input:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.chat-input-row button{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 18px #6366f147;transition:transform .06s,box-shadow .2s,opacity .2s}.chat-input-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #6366f152}.chat-input-row button:disabled{opacity:.7;cursor:not-allowed}.empty-side{padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f}.empty-side h2{margin-top:0}.empty-side p{margin-bottom:0;color:rgb(var(--muted))}.pending-requests{margin-top:12px;padding:12px;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.25)}.pending-requests h4{margin:0 0 8px;font-size:14px;font-weight:700}.pending-row{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-top:4px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.pending-user{font-size:13px}.pending-actions{display:flex;gap:8px}.pending-btn{padding:6px 12px;font-size:12px;border-radius:8px;border:none;cursor:pointer;color:#fff;font-weight:700;transition:transform .06s,box-shadow .18s,opacity .2s}.pending-btn.approve{background:#10b981;box-shadow:0 8px 16px #10b98140}.pending-btn.deny{background:#ef4444;box-shadow:0 8px 16px #ef444440}.pending-btn:hover{transform:translateY(-1px)}.pending-btn:active{transform:translateY(0);opacity:.9}.error{color:#fca5a5}.input-hint{margin:4px 0 0;font-size:.8rem;color:rgb(var(--muted))}@media (prefers-color-scheme: light){.communities-hero,.community-form,.community-card,.chat-panel,.empty-side,.empty-card{background:linear-gradient(180deg,#fffffff2,#ffffffd9);border:1px solid rgb(0 0 0 / .06);color:#0f172a}.community-desc,.message-text{color:#334155}}:root{--text: 241 245 249;--muted: 148 163 184;--ring: 99 102 241;--border: 255 255 255 / .12;--surface: 255 255 255 / .08;--surface-2: 255 255 255 / .04}.thread-detail-page{max-width:900px;margin:0 auto;padding:16px;color:rgb(var(--text));position:relative;z-index:1}.back-button{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#0f172ab3;color:rgb(var(--text));font-size:.9rem;cursor:pointer;transition:background .15s,transform .06s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.back-button:hover{background:#0f172ae6;transform:translateY(-1px)}.thread-detail-card{padding:20px;border-radius:16px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff0f;margin-bottom:24px}.thread-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.thread-detail-title{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:.2px}.thread-tag{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;background:#6366f133;color:#a5b4fc;text-transform:capitalize}.thread-detail-meta{font-size:.85rem;color:rgb(var(--muted));margin-top:4px}.author-link{color:#6366f1;font-weight:600;cursor:pointer;transition:color .2s,text-decoration .2s;text-decoration:none}.author-link:hover{color:#818cf8;text-decoration:underline}.thread-detail-actions{display:flex;align-items:center;gap:8px}.like-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f172ab3;color:#e5e7eb;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,transform .06s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.like-button:hover:not(:disabled){background:#2563ebe6;transform:translateY(-1px)}.like-button:disabled{opacity:.6;cursor:not-allowed}.like-button--active{background:#ef4444e6;border-color:#f8fafc66}.like-heart{font-size:.95rem}.like-count{font-size:.82rem;color:rgb(var(--muted))}.thread-detail-body{color:#e5e7eb;line-height:1.6;font-size:1rem}.comments-section{margin-top:24px}.comments-section-title{font-size:1.25rem;font-weight:600;margin-bottom:16px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comment-item{padding:14px;border-radius:12px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgb(255 255 255 / .1);box-shadow:0 6px 14px #0000001f}.comment-content{margin-bottom:8px}.comment-text{margin:0 0 6px;color:#e5e7eb;line-height:1.5}.comment-meta{font-size:.75rem;color:rgb(var(--muted))}.sub-comments{margin-left:24px;margin-top:12px;padding-left:16px;border-left:2px solid rgba(148,163,184,.3);display:flex;flex-direction:column;gap:10px}.sub-comment-item{padding:10px;border-radius:8px;background:#0f172a66;border:1px solid rgba(148,163,184,.2)}.reply-button{margin-top:8px;padding:6px 12px;border-radius:6px;border:1px solid rgba(148,163,184,.3);background:#0f172a80;color:rgb(var(--text));font-size:.8rem;cursor:pointer;transition:background .15s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.reply-button:hover{background:#0f172ab3}.sub-comment-form{margin-top:8px;display:flex;flex-direction:column;gap:8px}.sub-comment-form input{padding:10px 12px;border-radius:8px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;font-size:.9rem}.sub-comment-form button{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .06s,opacity .2s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.sub-comment-form button[type=button]{background:#0f172ab3;color:rgb(var(--text))}.sub-comment-form button:hover:not(:disabled){transform:translateY(-1px)}.sub-comment-form button:disabled{opacity:.7;cursor:not-allowed}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-radius:12px;background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)));border:1px solid rgb(var(--border))}.comment-form input{padding:12px 14px;border-radius:12px;border:1px solid rgb(148 163 184 / .28);background:#0f172a59;color:rgb(var(--text));outline:none;font-size:.9rem}.comment-form input:focus{border-color:rgb(var(--ring));box-shadow:0 0 0 4px #6366f12e;background:#0f172a8c}.comment-form button{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#10b981,#059669);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,box-shadow .2s,opacity .2s;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.comment-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #10b9814d}.comment-form button:disabled{opacity:.7;cursor:not-allowed}.no-comments{font-size:.9rem;color:rgb(var(--muted));text-align:center;padding:24px;background:#0f172a4d;border-radius:12px;border:1px dashed rgba(148,163,184,.3)}.error{color:#fca5a5;font-size:.9rem;margin:16px 0}.friends-page{min-height:calc(100vh - 56px);background:linear-gradient(180deg,#0f172a,#1e293b);color:#e5e7eb;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:2rem}.friends-header{max-width:1200px;margin:0 auto 2rem;text-align:center}.friends-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.friends-count{font-size:1.1rem;color:#94a3b8;margin:0}.friends-tabs{display:flex;gap:1rem;margin-top:1rem}.friends-tabs button{padding:.5rem 1.5rem;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.friends-tabs button:hover{background:#1e293bcc;color:#e5e7eb}.friends-tabs button.active{background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;border-color:#6366f1}.loading-spinner,.error-message{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#94a3b8;flex-direction:column;gap:1rem}.retry-btn{padding:.5rem 1rem;background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.empty-state{max-width:600px;margin:4rem auto;text-align:center;padding:3rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.8rem;color:#fff;margin:0 0 .5rem}.empty-state p{color:#94a3b8;margin:.5rem 0}.empty-hint{font-size:.9rem;color:#64748b;margin-top:1rem}.friends-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.friend-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.friend-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#6366f180}.friend-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(180deg,#6366f1,#4338ca);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;cursor:pointer;transition:transform .2s}.friend-avatar:hover{transform:scale(1.1)}.friend-info{flex:1;width:100%;margin-bottom:1rem}.friend-name{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 .25rem;cursor:pointer;transition:color .2s}.friend-name:hover{color:#6366f1}.friend-username{font-size:.9rem;color:#94a3b8;margin:0 0 .25rem}.friend-email{font-size:.85rem;color:#64748b;margin:0;word-break:break-all}.friend-actions{display:flex;gap:.75rem;width:100%;margin-top:auto}.view-profile-btn,.remove-friend-btn{flex:1;padding:.6rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.view-profile-btn{background:linear-gradient(180deg,#6366f1,#4338ca);color:#fff}.view-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.remove-friend-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.remove-friend-btn:hover{background:#ef44444d;transform:translateY(-2px)}.search-container{max-width:1200px;margin:0 auto 2rem}.search-input{width:100%;padding:.875rem 1.25rem;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e5e7eb;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#1e293bf2}.search-input::placeholder{color:#64748b}.search-loading{text-align:center;color:#94a3b8;margin-top:1rem;font-size:.9rem}.add-friend-btn{flex:1;padding:.6rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s;background:linear-gradient(180deg,#10b981,#059669);color:#fff}.add-friend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.add-friend-btn:disabled{opacity:.6;cursor:not-allowed;background:#1e293b99;color:#94a3b8}