*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f2ef;color:#333}a{color:#0a66c2;text-decoration:none}.main-content{max-width:768px;margin:0 auto;padding:20px 16px}.navbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar .logo{font-weight:700;font-size:24px;color:#0a66c2}.navbar nav{display:flex;gap:16px;align-items:center}.navbar nav a{color:#666;font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px}.navbar nav a:hover{color:#0a66c2;background:#e8f0fe}.btn-logout{background:none;border:1px solid #666;padding:4px 12px;border-radius:16px;cursor:pointer;font-size:13px}.card{background:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:16px;margin-bottom:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f2ef}.auth-box{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.auth-box h1{color:#0a66c2;margin-bottom:8px}.auth-box p{color:#666;margin-bottom:20px}.auth-box input{display:block;width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.auth-box input:focus{outline:none;border-color:#0a66c2}.btn-primary{background:#0a66c2;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:15px;font-weight:600;width:100%}.btn-primary:hover{background:#004182}.btn-primary:disabled{background:#ccc}.error-msg{color:#cc1016;font-size:13px;margin-bottom:8px}.composer{display:flex;gap:12px;align-items:flex-start}.composer textarea{flex:1;padding:10px;border:1px solid #ccc;border-radius:8px;resize:none;font-size:14px;min-height:60px}.composer textarea:focus{outline:none;border-color:#0a66c2}.post-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.post-avatar{width:40px;height:40px;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.post-meta .post-name{font-weight:600;font-size:14px}.post-meta .post-headline{font-size:12px;color:#666}.post-meta .post-time{font-size:11px;color:#999}.post-content{font-size:14px;line-height:1.5;margin-bottom:10px;white-space:pre-wrap}.post-actions{display:flex;gap:8px;border-top:1px solid #eee;padding-top:8px}.post-actions button{background:none;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;color:#666}.post-actions button:hover{background:#f0f0f0;color:#0a66c2}.post-actions button.liked{color:#0a66c2;font-weight:600}.comments-section{border-top:1px solid #eee;margin-top:8px;padding-top:8px}.comment{display:flex;gap:8px;margin-bottom:8px}.comment-avatar{width:28px;height:28px;border-radius:50%;background:#666;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.comment-body{background:#f2f2f2;padding:6px 10px;border-radius:8px;font-size:13px}.comment-body .comment-name{font-weight:600;font-size:12px}.comment-input{display:flex;gap:8px;margin-top:8px}.comment-input input{flex:1;padding:6px 10px;border:1px solid #ccc;border-radius:16px;font-size:13px}.comment-input button{background:#0a66c2;color:#fff;border:none;padding:6px 14px;border-radius:16px;cursor:pointer;font-size:13px}.profile-header{text-align:center;padding:24px 16px}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 12px}.profile-header h2{margin-bottom:4px}.profile-header .headline{color:#666;font-size:14px}.profile-header .location{color:#999;font-size:13px}.profile-summary{font-size:14px;color:#555;line-height:1.5}.section-title{font-size:16px;font-weight:700;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.btn-small{background:none;border:1px solid #0a66c2;color:#0a66c2;padding:4px 12px;border-radius:16px;cursor:pointer;font-size:12px}.btn-small:hover{background:#e8f0fe}.exp-item,.edu-item{padding:8px 0;border-bottom:1px solid #f0f0f0}.exp-item:last-child,.edu-item:last-child{border-bottom:none}.exp-title{font-weight:600;font-size:14px}.exp-company{font-size:13px;color:#666}.exp-dates{font-size:12px;color:#999}.connection-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.connection-info{flex:1}.connection-info .conn-name{font-weight:600;font-size:14px}.connection-info .conn-headline{font-size:12px;color:#666}.btn-accept{background:#0a66c2;color:#fff;border:none;padding:4px 14px;border-radius:16px;cursor:pointer;font-size:13px}.btn-reject{background:none;border:1px solid #666;color:#666;padding:4px 14px;border-radius:16px;cursor:pointer;font-size:13px;margin-left:6px}.btn-connect{background:#0a66c2;color:#fff;border:none;padding:6px 16px;border-radius:16px;cursor:pointer;font-size:13px}.search-bar{display:flex;gap:8px;margin-bottom:16px}.search-bar input{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:4px;font-size:14px}.search-bar button{background:#0a66c2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;padding:24px;border-radius:8px;width:100%;max-width:480px}.modal h3{margin-bottom:16px}.modal input,.modal textarea{display:block;width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.edit-form input,.edit-form textarea{display:block;width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid #e0e0e0}.tabs button{background:none;border:none;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs button.active{color:#0a66c2;border-bottom-color:#0a66c2}