:root{--navy: #1B2A3F;--navy-2: #24344c;--gold: #C9A84C;--gold-dark: #8A6D1B;--ink: #1B2A3F;--muted: #667085;--hint: #8A93A2;--line: #E2E6EC;--line-soft: #EEF0F3;--page: #EEF1F5;--card: #ffffff;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.topnav{position:sticky;top:0;z-index:50;background:var(--navy);height:56px;display:flex;align-items:center;gap:16px;padding:0 20px}.brand{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px}.navsearch{display:flex;align-items:center;gap:8px;background:#ffffff1f;border-radius:8px;padding:8px 12px;width:280px;max-width:32vw}.navsearch input{background:transparent;border:0;outline:0;color:#fff;font-size:13px;width:100%}.navsearch input::placeholder{color:#fff9}.navspacer{flex:1}.navitems{display:flex;gap:18px;align-items:center}.navitem{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffffd1;font-size:10px;cursor:pointer;position:relative;background:none;border:0}.navitem i{font-size:19px}.navitem.active{color:var(--gold)}.navitem:hover{color:#fff}.navbadge{position:absolute;top:-3px;right:2px;background:var(--gold);color:var(--navy);font-size:9px;font-weight:700;border-radius:8px;padding:0 4px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;background:var(--gold);color:var(--navy);object-fit:cover;flex-shrink:0}.page{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:16px;padding:16px;max-width:1160px;margin:0 auto;align-items:start}.col{display:flex;flex-direction:column;gap:12px}.col-center{min-width:0}.card{background:var(--card);border:.5px solid var(--line);border-radius:var(--radius)}.card-pad{padding:14px}.post{transition:box-shadow .15s ease}.post:hover{box-shadow:0 2px 12px #1b2a3f12}.composer-fake:hover{background:#f1f4f8}.composer-actions button{transition:background .15s ease,color .15s ease;border-radius:6px;padding:4px 8px}.composer-actions button:hover{background:#f1f4f8;color:var(--navy)}.rail-link{border-radius:6px;padding:5px 6px;transition:background .15s ease}.rail-link:hover{background:#f1f4f8;color:var(--navy)}.navitem{transition:color .12s ease}.composer-row{display:flex;gap:10px;align-items:center}.composer-fake{flex:1;border:.5px solid #D8DDE4;border-radius:22px;padding:11px 16px;color:var(--hint);font-size:13px;cursor:pointer;text-align:left;background:#fff}.composer-actions{display:flex;gap:24px;margin-top:12px;padding-top:10px;border-top:.5px solid var(--line-soft);font-size:13px;color:var(--muted)}.composer-actions button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px}.post{padding:14px}.post-head{display:flex;gap:10px;align-items:center}.post-name{font-weight:600;font-size:14px}.post-meta{font-size:12px;color:var(--muted)}.post-body{font-size:14px;line-height:1.6;margin:12px 0 8px;white-space:pre-wrap;word-break:break-word}.post-img{border-radius:8px;overflow:hidden;border:.5px solid var(--line-soft);margin-top:4px}.post-img img{display:block;width:100%;max-height:460px;object-fit:cover}.post-actions{display:flex;gap:8px;padding-top:10px;margin-top:10px;border-top:.5px solid var(--line-soft)}.post-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:8px;border-radius:8px;transition:background .15s ease,color .15s ease,transform .1s ease}.post-action:hover{background:#f1f4f8;color:var(--navy)}.post-action:hover i{color:var(--gold)}.post-action:active{transform:scale(.96)}.post-action.on{color:var(--gold);font-weight:600}.post-action.on i{color:var(--gold)}.react-wrap{position:relative;flex:1;display:flex}.react-wrap .post-action{flex:1}.react-picker{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;gap:4px;padding:6px 8px;background:#fff;border:.5px solid var(--line);border-radius:30px;box-shadow:0 6px 22px #1b2a3f2e;z-index:20;animation:reactpop .14s ease-out}@keyframes reactpop{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.react-emoji{background:none;border:0;cursor:pointer;font-size:22px;line-height:1;padding:4px;border-radius:50%;transition:transform .12s ease}.react-emoji:hover{transform:scale(1.35) translateY(-2px)}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.badge-job{background:#fdf6e3;color:#8a6d1b}.badge-walkin{background:#e1f5ee;color:#0f6e56}.badge-question{background:#faece7;color:#993c1d}.badge-achievement{background:#eeedfe;color:#3c3489}.badge-update{background:#eaf1fb;color:#185fa5}.rail-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px;letter-spacing:.3px}.rail-link{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;cursor:pointer}.rail-link i{color:var(--gold)}.profilecard-cover{height:52px;background:var(--navy);border-radius:12px 12px 0 0}.stat-row{display:flex;justify-content:space-between;font-size:12px;margin-top:6px}.stat-row .muted{color:var(--muted)}.comments{border-top:.5px solid var(--line-soft);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:10px}.comment{display:flex;gap:8px}.comment-bubble{background:var(--page);border-radius:12px;padding:8px 12px;font-size:13px}.comment-name{font-weight:600}.comment-input-row{display:flex;gap:8px;align-items:center;margin-top:4px}.comment-input-row input{flex:1;border:.5px solid var(--line);border-radius:20px;padding:9px 14px;font-size:13px;outline:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;border:.5px solid transparent;width:100%}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-2)}.btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}.btn-outline:hover{background:#fafbfc}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}.field input{width:100%;border:.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;outline:0;background:#fafafb}.field input:focus{border-color:var(--gold);background:#fff}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{display:flex;align-items:center;justify-content:center;min-height:50vh}@media (max-width: 1000px){.page{grid-template-columns:220px minmax(0,1fr)}.col-right{display:none}}@media (max-width: 760px){.page{grid-template-columns:minmax(0,1fr);padding:12px}.col-left,.navsearch{display:none}.navitems{gap:16px}.navitem span:last-child{display:none}.navitem i{font-size:22px}}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.list-title{font-size:20px;font-weight:700}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}.chip{border:.5px solid var(--line);background:#fff;color:var(--muted);border-radius:20px;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .12s ease}.chip:hover{border-color:var(--gold);color:var(--navy)}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:.5px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:4px}.searchbar input{flex:1;border:0;outline:0;font-size:14px;background:transparent}.item{padding:16px;cursor:pointer;transition:box-shadow .15s ease}.item:hover{box-shadow:0 2px 12px #1b2a3f14}.item-title{font-size:16px;font-weight:600;color:var(--navy)}.item-sub{font-size:13px;color:var(--muted);margin-top:2px}.item-row{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:10px}.item-row span{display:inline-flex;align-items:center;gap:5px}.tag{background:#f1f4f8;color:var(--navy);border-radius:6px;padding:3px 9px;font-size:12px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pill-btn{border:.5px solid var(--navy);background:var(--navy);color:#fff;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}.pill-btn.ghost{background:#fff;color:var(--navy)}.pill-btn.ghost.on{background:#eaf1fb}.pill-btn:disabled{opacity:.55;cursor:default}.icon-btn{background:none;border:0;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px}.icon-btn:hover{background:#f1f4f8;color:var(--navy)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a3f80;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:620px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.modal-body{padding:16px 20px 20px}.msg-back{display:none}@media (max-width: 760px){.msg-grid{grid-template-columns:1fr!important}.msg-grid.thread-open>:first-child{display:none}.msg-back{display:inline-flex}}.autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:#fff;border:.5px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #1b2a3f1f;overflow:hidden}.autocomplete-item{padding:10px 14px;font-size:14px;cursor:pointer;display:flex;align-items:center}.autocomplete-item:hover{background:#f1f4f8}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;margin-bottom:4px}.filter-row .searchbar{margin-bottom:0}