html,body{color:#e2e8f0;background-color:#0a0f1e;max-width:90vw;margin:0;padding:0;font-family:Inter,sans-serif}@media (width<=430px){html,body{max-width:100vw}}.layout{display:flex}.mobile-header{display:none}aside{height:100vh}nav{border:none;border-radius:8px;flex-direction:column;align-items:center;gap:28px;width:6vw;height:calc(100vh - 64px);margin:32px 12px;display:flex}nav>svg{color:#4f8ef7;width:32px;height:32px;margin-top:8px}a>svg{color:#64748b;background-color:#ffffff0d;border-radius:4px;width:30px;height:30px;padding:6px;transition:background-color .2s,color .2s}@media (hover:hover){nav a:not(.is-active):hover>svg{background-color:#ffffff14}}nav a:not(.is-active):active>svg{background-color:#ffffff14}.is-active svg{color:#4f8ef7;filter:drop-shadow(0 0 6px #4f8ef799);background-color:#fff;border-radius:12px}main{flex:1}.logout-btn{cursor:pointer;color:#64748b;background:#ffffff0d;border:none;border-radius:8px;margin-top:auto;margin-bottom:8px;padding:8px;transition:color .3s,background-color .3s}.logout-btn:hover{color:#ff6b6b}.mobile-logout-btn{display:none}@media (width<=430px){.layout{flex-direction:column}.mobile-header{z-index:1;box-sizing:border-box;background:#0f1629;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex;position:fixed;top:0}.mobile-header span{color:#f1f5f9;flex:1;font-size:16px;font-weight:700}.mobile-logout-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .3s;display:flex}.mobile-logout-btn:hover{color:#ff6b6b}aside{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1629d9;border-top:1px solid #ffffff0f;width:100%;height:64px;position:fixed;bottom:0;left:0}nav{border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;gap:1px;width:100%;height:100%;margin:0}nav>svg,.logout-btn{display:none}main{padding-top:60px;padding-bottom:80px}}.home{width:80vw;padding:12px}.home h1{padding:0 8px;font-weight:600}.tiles{grid-template-rows:repeat(4,1fr);grid-template-columns:200px 150px 150px 150px;gap:28px;width:600px;height:400px;display:grid}.tile{cursor:pointer;background-color:#141c2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.tile:hover{transition:all .3s;transform:scale(1.04)}.total-Applications{border-bottom:4px solid #00d4ff;grid-area:1/1/5/3}.total-Applications>.tile-count{color:#00d4ff;font-size:48px}.applied{border-bottom:4px solid #4f8ef7;grid-area:1/3/4/4}.applied>.tile-count{color:#4f8ef7;font-size:36px}.interviews{border-bottom:4px solid #00e5a0;grid-area:1/4/4/5}.interviews>.tile-count{color:#00e5a0;font-size:36px}.rejected{border-bottom:4px solid #ff6b6b;grid-area:4/3/5/5}.rejected>.tile-count{color:#ff6b6b;font-size:36px}.tile-count{font-weight:600}@media (width<=430px){.home{box-sizing:border-box;width:100%;padding:12px}.home .tiles{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:12px;width:100%;height:auto;display:grid}.home .total-Applications{grid-area:1/1/2/3}.home .applied{grid-area:2/1/3/2}.home .interviews{grid-area:2/2/3/3}.home .rejected{grid-area:3/1/4/3}.home .tile{min-height:100px;padding:16px}.home .total-Applications>.tile-count{font-size:32px}.home .applied>.tile-count,.home .interviews>.tile-count,.home .rejected>.tile-count{font-size:24px}}.application{border:none;width:80vw;padding:12px}.blurred{filter:blur(4px);pointer-events:none;opacity:.5}.application-header h1{padding:0 8px;font-weight:600}.application-header{justify-content:space-between;align-items:center;display:flex}.header-controls{align-items:center;gap:12px;display:flex}.add-btn{color:#0a0f1e;cursor:pointer;background-color:#4f8ef7;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 16px;font-family:Inter,sans-serif;font-weight:500;display:flex}.application-form{z-index:110;background-color:#141c2e;border:1px solid #4f8ef733;border-radius:12px;width:360px;max-width:400px;max-height:90vh;margin-top:20px;padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.application-form form{flex-direction:column;gap:12px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.application-form label{color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.application-form input,.application-form select,.application-form textarea{color:#e2e8f0;background-color:#0a0f1e;border:1px solid #4f8ef733;border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px}.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border:1px solid #4f8ef7;box-shadow:0 0 0 3px #4f8ef726}.custom-select{position:relative}.custom-select-button{color:#e2e8f0;text-align:left;cursor:pointer;background-color:#0a0f1e;border:1px solid #4f8ef733;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;display:flex}.custom-select-button:focus{border:1px solid #4f8ef7;outline:none;box-shadow:0 0 0 3px #4f8ef726}.custom-select-caret{color:#64748b;font-size:12px}.custom-select-list{z-index:120;background-color:#0a0f1e;border:1px solid #4f8ef733;border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.custom-select-list li{cursor:pointer;color:#e2e8f0;border-radius:4px;padding:8px 12px;font-size:14px}.custom-select-list li:hover{background-color:#4f8ef71a}.custom-select-list li.selected{color:#4f8ef7;background-color:#4f8ef726}.submit-btn{color:#fff;cursor:pointer;background-color:#4f8ef7;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-spinner{animation:.7s linear infinite form-spin}@keyframes form-spin{to{transform:rotate(360deg)}}.file-uploading{color:#4f8ef7;align-items:center;gap:8px;font-size:13px;display:flex}.application-form button[type=button]{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif}.applications-table{margin-top:32px}table{border-collapse:collapse;width:100%}thead th{color:#64748b;text-transform:uppercase;letter-spacing:1.5px;text-align:left;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:11px}tbody td{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:14px}tbody tr:hover{background-color:#ffffff08}tbody select{cursor:pointer;border:none;border-radius:10px;padding:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.error-msg{color:#ff6b6b;margin-top:-4px;font-size:11px}.delete-btn{opacity:0;cursor:pointer;color:#ff6b6b;background:0 0;border:none;font-size:16px;transition:opacity .2s}tbody tr:hover .delete-btn{opacity:1}.search-filter-bar{align-items:center;gap:12px;margin-top:20px;display:flex}.search-input-wrapper{color:#64748b;background-color:#141c2e;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-input-wrapper input{color:#e2e8f0;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:14px}.search-input-wrapper input::placeholder{color:#64748b}.search-input-wrapper:focus-within{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef726}.filter-select{color:#e2e8f0;cursor:pointer;background-color:#141c2e;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px}.filter-select:focus{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef726}.view-toggle{background-color:#141c2e;border-radius:8px;gap:4px;padding:4px;display:flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 10px;transition:color .2s,background-color .2s;display:flex}.view-toggle-btn.active{color:#4f8ef7;background-color:#4f8ef726}.view-toggle-btn:hover{color:#e2e8f0}.kanban-board{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:32px;display:grid}.kanban-column{background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;min-height:200px;padding:16px}.kanban-column-header{color:#e2e8f0;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.kanban-column-dot{border-radius:50%;width:8px;height:8px}.kanban-column-count{color:#64748b;font-weight:400}.kanban-cards{flex-direction:column;gap:10px;display:flex}.kanban-card{cursor:grab;background-color:#141c2e;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:14px;transition:border-color .2s;display:flex}.kanban-card:active{cursor:grabbing;border-color:#4f8ef7}.kanban-column-dragover{background-color:#4f8ef714;border-color:#4f8ef74d}.kanban-card-dragging{z-index:1000;pointer-events:none;opacity:.85;position:fixed;transform:rotate(2deg);box-shadow:0 8px 24px #0006}.kanban-card:hover{border-color:#ffffff26}.kanban-card-company{color:#f1f5f9;font-size:14px;font-weight:600}.kanban-card-role{color:#94a3b8;font-size:13px}.kanban-card-date{color:#64748b;margin-top:4px;font-size:12px}.file-upload-area{cursor:pointer;background-color:#0a0f1e;border:1px dashed #4f8ef74d;border-radius:8px;padding:14px 12px;transition:border-color .2s}.file-upload-area:hover{border-color:#4f8ef7}.file-placeholder{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.file-selected{color:#4f8ef7;align-items:center;gap:8px;font-size:13px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-remove-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.view-resume-btn{color:#4f8ef7;cursor:pointer;background:0 0;border:1px solid #4f8ef74d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;transition:background .2s;display:inline-flex}.view-resume-btn:hover{background:#4f8ef71a}.kanban-resume-btn{color:#4f8ef7;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-family:Inter,sans-serif;font-size:12px;display:inline-flex}.kanban-resume-btn:hover{text-decoration:underline}.export-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,color .2s;display:flex}.export-btn:hover{color:#4f8ef7;border-color:#4f8ef7}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.empty-state h2{color:#f1f5f9;margin:0;font-weight:600}.empty-state p{color:#64748b;max-width:300px;margin:0;font-size:14px}.empty-state .add-btn{margin-top:8px}@media (width<=430px){.application{box-sizing:border-box;width:100%;margin:0;padding:24px}.application-form{box-sizing:border-box;border-radius:20px;width:80%;max-width:80%;padding:20px}.application-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:0}.application-header h1{white-space:nowrap;margin:0;padding:0;font-size:20px}.header-controls .filter-select{min-width:0;padding:6px 4px;font-size:12px}.add-btn{white-space:nowrap;width:auto;height:auto;padding:6px 10px;font-size:10px}.applications-table{flex-direction:column;align-items:center;width:100%;margin-top:0;display:flex}.application table,.application thead,.application tbody,.application th,.application td,.application tr{display:block}.application thead tr{display:none}.application tbody tr{box-sizing:border-box;background:#141c2e;border:1px solid #ffffff14;border-radius:12px;width:100%;margin:16px 0 0;padding:16px}.application tbody td{border:none;justify-content:space-between;align-items:center;gap:28px;padding:6px 0;display:flex}.application tbody td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}.application .delete-btn{opacity:1}.search-filter-bar{gap:8px;display:flex}.search-input-wrapper{flex:1;min-width:0}.search-filter-bar .add-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;width:36px;height:36px;padding:0}.add-btn-label{display:none}.export-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;width:36px;height:36px;padding:0}.export-btn .export-label,.view-resume-btn span{display:none}.view-resume-btn{border:none;padding:2px}.kanban-board{grid-template-columns:1fr;margin-top:20px}.kanban-column{min-height:auto}}.analytics{width:80vw;padding:12px}.analytics h1{margin-bottom:24px;font-weight:600}.analytics-charts{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:14px;display:grid}.analytics-charts .chart-card:first-child{grid-area:1/1/2/3}.analytics-charts .chart-card:nth-child(2){grid-area:2/1/4/2}.streak-card{grid-area:2/2/3/3}.goal-tracker{grid-area:3/2/4/3}.chart-card,.streak-card,.goal-tracker{background:#141c2e;border:1px solid #ffffff14;border-radius:12px;padding:24px}.chart-card h3,.streak-card h3,.goal-tracker h3{color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.streak-count{align-items:center;gap:8px;display:flex}.streak-count span:first-child{color:#00e5a0;font-size:48px;font-weight:700}.streak-count span:last-child{font-size:36px}.streak-card p{color:#64748b;margin-top:4px;font-size:13px}.goal-input{align-items:center;gap:8px;margin-bottom:16px;display:flex}.goal-input span{color:#64748b;font-size:13px}.goal-input input{color:#e2e8f0;text-align:center;background:#0a0f1e;border:1px solid #4f8ef733;border-radius:8px;outline:none;width:60px;padding:6px 10px;font-family:Inter,sans-serif;font-size:14px}.goal-progress{justify-content:space-between;margin-bottom:8px;display:flex}.goal-progress span{color:#64748b;font-size:13px}.progress-bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .4s}.analytics .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.analytics .empty-state h2{color:#f1f5f9;margin:0;font-weight:600}.analytics .empty-state p{color:#64748b;max-width:340px;margin:0;font-size:14px}@media (width<=430px){.analytics{box-sizing:border-box;width:100%;margin:0;padding:24px}.analytics h1{font-size:20px}.analytics-charts{grid-template-rows:auto;grid-template-columns:1fr;gap:12px}.analytics-charts .chart-card:first-child{grid-area:1/1/2/2}.analytics-charts .chart-card:nth-child(2){grid-area:2/1/3/2}.streak-card{grid-area:3/1/4/2}.goal-tracker{grid-area:4/1/5/2}.streak-count span:first-child{font-size:36px}.streak-count span:last-child{font-size:28px}}.error-page{box-sizing:border-box;background-color:#0a0f1e;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100vw;height:100vh;display:flex;overflow:hidden}.error-heading{color:#4f8ef7;margin:0;font-size:100px}.error-desc{color:#f1f5f9;margin:0;font-size:24px;font-weight:400}.error-text{color:#64748b;margin:0;font-size:14px}.error-btn{color:#fff;cursor:pointer;background-color:#4f8ef7;border:none;border-radius:8px;margin-top:12px;padding:10px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.error-btn:hover{background-color:#3a7de0}.login-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:20px;display:flex;overflow:hidden}.login-card{box-sizing:border-box}.login-brand{align-items:center;gap:12px;display:flex}.login-brand span{color:#f1f5f9;font-size:28px;font-weight:700}.login-mobile-header{display:none}@media (width<=430px){.login-page{flex-direction:column;justify-content:center;gap:0}.login-card{width:80%}.login-brand{display:none}.login-mobile-header{z-index:1;box-sizing:border-box;background:#0f1629;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex;position:fixed;top:0;left:0}.login-mobile-header span{color:#f1f5f9;font-size:16px;font-weight:700}}.login-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;padding:40px}.login-card h1{color:#f1f5f9;text-align:center;margin-bottom:24px}.oauth-buttons{flex-direction:column;gap:12px;margin-bottom:0;display:flex}.oauth-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.oauth-btn:hover{opacity:.85}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-spinner{animation:.7s linear infinite spin}.oauth-loading,.oauth-loading *,.oauth-loading .oauth-btn:disabled,.oauth-loading .login-card button:disabled{cursor:progress}@media (width<=430px){.oauth-loading,.oauth-loading *,.oauth-loading .oauth-btn:disabled,.oauth-loading .login-card button:disabled{cursor:default}}.login-card .google-btn{color:#1f1f1f;background:#fff}.login-card .google-btn:hover{background:#f0f0f0}.login-card .github-btn{color:#fff;background:#24292e;border:1px solid #ffffff26}.login-card .github-btn:hover{background:#2f363d}.oauth-divider{color:#64748b;align-items:center;gap:16px;margin:20px 0;font-size:13px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card input{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:14px}.login-card button{color:#fff;cursor:pointer;background:#4e8ef7;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.login-card button:hover{background:#3b7ae0}.login-card button:disabled{opacity:.6;cursor:not-allowed}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{box-sizing:border-box;width:100%;padding-right:44px}.login-card .password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-card .password-toggle:hover{color:#4f8ef7;background:0 0}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-error{color:#ff6b6b;text-align:center;font-size:13px}.toggle-auth{text-align:center;color:#94a3b8;margin-top:16px;font-size:13px}.toggle-auth span{color:#4f8ef7;cursor:pointer}.toggle-auth span:hover{text-decoration:underline}.loading-overlay{z-index:1000;background-color:#0a0f1e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-rocket{animation:1.5s ease-in-out infinite pulse}.loading-spinner{border:3px solid #4f8ef726;border-top-color:#4f8ef7;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-message{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:13px}@keyframes pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-6px)}}.profile-page{width:80vw;padding:12px}.profile-page-title{padding:0 8px;font-weight:600}.profile-loading{justify-content:center;padding:80px 0;display:flex}.spin{animation:.7s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-card{background-color:#141c2e;border:1px solid #ffffff14;border-radius:12px;padding:24px}.profile-header{align-items:center;gap:20px;display:flex}.profile-avatar{color:#4f8ef7;background-color:#4f8ef726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info h1{color:#f1f5f9;margin:0;font-weight:600}.profile-username{color:#64748b;margin:4px 0 0;font-size:14px}.profile-bio{color:#94a3b8;margin:8px 0 0;font-size:14px}.profile-connection{margin-top:16px}.connect-actions{gap:8px;display:flex}.connect-btn{cursor:pointer;color:#fff;background-color:#4f8ef7;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:inline-flex}.connect-btn:hover{opacity:.85}.connect-btn:disabled{opacity:.6;cursor:not-allowed}.connect-btn.pending{background-color:#3d4457}.connect-btn.connected,.connect-btn.accept{color:#00e5a0;background-color:#00e5a026}.connect-btn.decline{color:#ff6b6b;background-color:#ff6b6b26}.connect-btn.message{color:#4f8ef7;background-color:#4f8ef71a;border:1px solid #4f8ef740}.connect-btn.message:hover{opacity:1;background-color:#4f8ef72e;border-color:#4f8ef766}.profile-private{color:#64748b;background-color:#141c2e;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:20px 24px;font-size:14px;display:flex}.profile-private p{margin:0}.profile-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.stat-card{background-color:#141c2e;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.stat-value{color:#f1f5f9;font-size:28px;font-weight:700}.stat-applied{color:#4f8ef7}.stat-interview{color:#00e5a0}.stat-rejected{color:#ff6b6b}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:12px}.profile-edit{background-color:#141c2e;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;padding:24px}.profile-edit h2{color:#f1f5f9;margin:0 0 16px;font-weight:600}.edit-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.edit-field label{color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.edit-field input,.edit-field textarea{color:#e2e8f0;resize:vertical;background-color:#0a0f1e;border:1px solid #4f8ef733;border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px}.edit-field input:focus,.edit-field textarea:focus{border:1px solid #4f8ef7;outline:none;box-shadow:0 0 0 3px #4f8ef726}.save-btn{color:#fff;cursor:pointer;background-color:#4f8ef7;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=430px){.profile-page{box-sizing:border-box;width:100%;padding:24px}.profile-header{text-align:center;flex-direction:column}.profile-stats{grid-template-columns:repeat(2,1fr)}}.discover-page{width:80vw;padding:12px}.discover-page h1{margin-bottom:20px;font-weight:600}.discover-search{color:#64748b;background-color:#141c2e;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.discover-search input{color:#e2e8f0;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:14px}.discover-search input::placeholder{color:#64748b}.discover-search:focus-within{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef726}.discover-loading{justify-content:center;padding:60px 0;display:flex}.discover-empty{text-align:center;color:#64748b;padding:60px 0}.discover-list{flex-direction:column;gap:8px;display:flex}.discover-card{background-color:#141c2e;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .2s;display:flex}.discover-card:hover{border-color:#ffffff26}.discover-card-info{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.discover-avatar{color:#4f8ef7;background-color:#4f8ef726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.discover-avatar img{object-fit:cover;width:100%;height:100%}.discover-name{color:#f1f5f9;font-size:14px;font-weight:600;display:block}.discover-username{color:#64748b;font-size:13px;display:block}.discover-card-action .connect-btn{padding:6px 12px;font-size:13px}@media (width<=430px){.discover-page{box-sizing:border-box;width:100%;padding:24px}.discover-page h1{font-size:20px}}.chat-view{background-color:#0f1628;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex:1;min-width:0;height:calc(100vh - 40px);display:flex;position:sticky;top:12px;overflow:hidden}.chat-header{background-color:#141c2e;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-back-btn,.chat-close-btn,.chat-icon-btn,.chat-send-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .15s,color .15s;display:inline-flex}.chat-back-btn:hover,.chat-close-btn:hover,.chat-icon-btn:not(:disabled):hover{color:#f1f5f9;background-color:#ffffff0f}.chat-back-btn{display:none}.chat-header-user{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.chat-header-user:hover{background-color:#ffffff0a}.chat-header-avatar{color:#4f8ef7;background-color:#4f8ef726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.chat-header-avatar img{object-fit:cover;width:100%;height:100%}.chat-header-names{flex-direction:column;min-width:0;display:flex}.chat-header-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-header-username{color:#64748b;font-size:12px}.chat-header-typing{color:#4f8ef7;font-size:12px;font-style:italic}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-empty{color:#64748b;text-align:center;margin:auto;font-size:14px}.chat-loading{color:#64748b;margin:auto;display:flex}.chat-error{color:#ff6b6b;text-align:center;margin:auto;padding:0 16px;font-size:13px}.chat-bubble-row{display:flex}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble-row.theirs{justify-content:flex-start}.chat-bubble{word-wrap:break-word;border-radius:14px;flex-direction:column;gap:3px;max-width:72%;padding:8px 12px;font-size:14px;line-height:1.4;display:flex}.chat-bubble-row.mine .chat-bubble{color:#fff;background-color:#4f8ef7;border-bottom-right-radius:4px}.chat-bubble-row.theirs .chat-bubble{color:#f1f5f9;background-color:#1e2740;border:1px solid #ffffff0f;border-bottom-left-radius:4px}.chat-bubble-content{white-space:pre-wrap}.chat-bubble-time{opacity:.7;align-self:flex-end;font-size:10px}.chat-bubble.chat-bubble-media{gap:4px;max-width:280px;padding:0;background:0 0!important;border:none!important}.chat-image{object-fit:cover;border-radius:14px;width:100%;max-height:280px;display:block}.chat-bubble-row.mine .chat-image{border-bottom-right-radius:4px}.chat-bubble-row.theirs .chat-image{border-bottom-left-radius:4px}.chat-bubble-media .chat-bubble-time{color:#64748b;opacity:1;padding:0 4px}.chat-image-loading{color:#64748b;background-color:#1e2740;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:220px;height:160px;display:flex}.chat-gif-wrap{display:inline-flex;position:relative}.chat-gif-popover{z-index:20;background-color:#141c2e;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;width:320px;height:380px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000073}.chat-gif-search{border-bottom:1px solid #ffffff14;padding:10px}.chat-gif-search input{color:#f1f5f9;box-sizing:border-box;background-color:#0a0f1e;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:Inter,sans-serif;font-size:13px}.chat-gif-search input:focus{border-color:#4f8ef780}.chat-gif-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:8px;display:grid;overflow-y:auto}.chat-gif-item{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:8px;padding:0;transition:opacity .15s;overflow:hidden}.chat-gif-item:hover{opacity:.85}.chat-gif-item img{object-fit:cover;width:100%;height:100%;display:block}.chat-gif-state{color:#64748b;text-align:center;grid-column:1/-1;justify-content:center;margin:auto;padding:40px 0;font-size:13px;display:flex}.chat-input-bar{background-color:#141c2e;border-top:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 12px;display:flex}.chat-emoji-wrap{display:inline-flex;position:relative}.chat-icon-btn.is-active{color:#f1f5f9;background-color:#ffffff14}.chat-emoji-popover{z-index:20;position:absolute;bottom:calc(100% + 8px);left:0}.chat-emoji-popover .EmojiPickerReact{--epr-bg-color:#141c2e;--epr-category-label-bg-color:#141c2e;--epr-text-color:#f1f5f9;--epr-search-input-bg-color:#0a0f1e;--epr-picker-border-color:#ffffff14;--epr-hover-bg-color:#4f8ef72e;--epr-highlight-color:#4f8ef7;border-radius:10px;box-shadow:0 8px 24px #00000073}.chat-input{color:#f1f5f9;background-color:#0a0f1e;border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px}.chat-input:focus{border-color:#4f8ef780}.chat-input:disabled{opacity:.6}.chat-send-btn{color:#fff;background-color:#4f8ef7;padding:8px}.chat-send-btn:disabled{opacity:.5;cursor:default}.chat-send-btn:not(:disabled):hover{color:#fff;background-color:#3b7de8}@media (width<=430px){.chat-view{z-index:100;border:none;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}.chat-back-btn{display:inline-flex}.chat-close-btn{display:none}.chat-emoji-popover{left:-6px}.chat-emoji-popover .EmojiPickerReact{width:min(320px,100vw - 24px)!important}.chat-gif-popover{width:min(320px,100vw - 24px);left:-6px}}.connections-page{width:80vw;padding:12px}.connections-page h1{margin-bottom:24px;font-weight:600}.connections-layout{align-items:flex-start;gap:16px;display:flex}.connections-main{flex:1;min-width:0}.connections-layout.with-chat .connections-main{flex:0 0 340px}.connections-loading{justify-content:center;padding:80px 0;display:flex}.connections-section{margin-bottom:32px}.connections-section h2{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:16px;font-weight:600}.connections-empty{color:#64748b;padding:16px 0;font-size:14px}.connections-empty-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:14px;display:flex}.discover-cta-btn{color:#fff;cursor:pointer;background-color:#4f8ef7;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:inline-flex}.discover-cta-btn:hover{opacity:.85}.connections-list{flex-direction:column;gap:8px;display:flex}.connection-card{background-color:#141c2e;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .2s;display:flex}.connection-card.is-active{background-color:#1a2238;border-color:#ffffff26}.connection-card-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.connection-card-info.clickable{cursor:pointer}.connection-avatar{color:#4f8ef7;background-color:#4f8ef726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.connection-avatar img{object-fit:cover;width:100%;height:100%}.connection-name{color:#f1f5f9;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.connection-unread-dot{background-color:#4f8ef7;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #4f8ef799}.connection-username{color:#64748b;font-size:13px;display:block}.connection-card-actions{gap:8px;display:flex}.connection-message-btn{color:#4f8ef7;cursor:pointer;background-color:#4f8ef71a;border:1px solid #4f8ef740;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.connection-message-btn:hover{background-color:#4f8ef72e;border-color:#4f8ef766}@media (width<=430px){.connections-page{box-sizing:border-box;width:100%;padding:24px}.connections-page h1{font-size:20px}.connections-layout{flex-direction:column}.connections-layout.with-chat .connections-main{flex:auto}.connection-card{flex-direction:column;align-items:flex-start;gap:12px}.connection-card-actions{width:100%}.connection-card-actions .connect-btn{flex:1;justify-content:center}}