:root{--navy:#161F2C;--navy-light:#2A3548;--orange:#FD6B00;--orange-dark:#E05A00;--orange-light:#FF9142;--grey-text:#5B6472;--grey-light:#93989F;--bg:#F5F6FA;--white:#FFFFFF;--border:#E1E4EC;--success:#1E9E5B;--success-bg:#E7F6ED;--danger:#D64545;--danger-bg:#FCEAEA;--warning:#D68A1F;--warning-bg:#FCF0DC;--info:#2960C4;--info-bg:#E5EEFC;--violet:#7C5CD6;--violet-bg:#EEE9FB;--shadow: 0 1px 2px rgba(22,31,44,.06), 0 4px 16px rgba(22,31,44,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#ffd9b8}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#view-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#161f2c,#1e293d 55%,#3a2410)}.login-card{background:var(--white);width:380px;max-width:90vw;border-radius:14px;padding:40px 36px 32px;box-shadow:0 20px 60px #00000059;text-align:center}.login-card .brand-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;display:block}.login-card h1{font-size:31px;margin:0 0 2px;font-weight:900}.login-card .sub{color:var(--grey-light);font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:28px}.field{text-align:left;margin-bottom:16px}.field label{display:block;font-size:14.5px;font-weight:700;color:var(--grey-text);margin-bottom:6px}.field input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;font-size:16.5px;font-family:inherit;background:#fbfbfd}.field input:focus{outline:none;border-color:var(--orange);background:var(--white)}.password-field{position:relative;display:flex}.password-field input{padding-right:36px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;border:none;background:none;color:var(--grey-light);padding:4px 6px;border-radius:6px;cursor:pointer}.password-toggle:hover{background:var(--bg);color:var(--navy)}.password-toggle-icon{width:18px;height:18px}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--orange);color:#fff;font-weight:700;font-size:17.5px;margin-top:8px;transition:background .15s}.login-btn:hover{background:var(--orange-dark)}.login-foot{margin-top:18px;font-size:15px;color:var(--grey-light)}.login-foot a{color:var(--orange);font-weight:700}.login-hint{margin-top:22px;padding:12px 14px;background:#fbf3ec;border:1px solid #F3DCC7;border-radius:8px;font-size:14.5px;color:#8a5a2c;text-align:left;line-height:1.55}#app{display:none;min-height:100vh;flex-direction:column}#app.active{display:flex}.topnav{background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;height:64px;gap:26px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:32px;height:32px;display:block;border-radius:8px}.brand-text-wrap{line-height:1.05}.brand-text{font-size:23px;font-weight:900;color:var(--navy)}.brand-sub{font-size:10.5px;font-weight:700;letter-spacing:1.2px;color:var(--grey-light)}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links a{padding:9px 14px;border-radius:7px;font-size:17px;font-weight:700;color:var(--grey-text);display:flex;align-items:center;gap:6px;white-space:nowrap}.nav-links a:hover{background:#eeeff4;color:var(--navy)}.nav-links a.active{color:var(--orange-dark);background:#ffede0}.nav-search-wrap{position:relative;flex-shrink:0}.nav-search{width:220px;padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:var(--bg);font-family:inherit}.nav-search:focus{outline:none;border-color:var(--orange);background:var(--white)}.nav-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--grey-light);font-size:15.5px;pointer-events:none}.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.role-select{padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-size:15px;font-weight:700;color:var(--navy);background:var(--white);font-family:inherit}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;background:#eeeff4;display:flex;align-items:center;justify-content:center;color:var(--grey-text);position:relative;font-size:17.5px}.icon-btn:hover{background:#e4e6ed}.icon-btn .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--orange);border:1.5px solid #fff}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--orange-light),var(--orange));color:#fff;font-weight:800;font-size:16.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-banner{background:#fbf3ec;border-bottom:1px solid #F3DCC7;color:#8a5a2c;font-size:15px;padding:8px 24px;display:flex;align-items:center;gap:8px}.role-banner b{color:var(--navy)}main{flex:1;padding:28px 32px 60px;max-width:1360px;width:100%;margin:0 auto}.page{display:none}.page.active{display:block;animation:fadein .18s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.page-title{font-size:31px;font-weight:900;margin:0 0 4px;text-wrap:balance}.page-desc{color:var(--grey-light);font-size:16px;margin:0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 16px;border-radius:8px;font-weight:700;font-size:16px;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;background:var(--white)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-secondary{background:var(--white);border-color:var(--border);color:var(--navy)}.btn-secondary:hover{background:#eeeff4}.btn-ghost{background:transparent;color:var(--grey-text);border-color:transparent}.btn-ghost:hover{color:var(--navy)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b93a3a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:6px 11px;font-size:15px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}.stat-label{font-size:14.5px;font-weight:700;color:var(--grey-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:31px;font-weight:900;color:var(--navy);font-variant-numeric:tabular-nums}.stat-value.danger{color:var(--danger)}.stat-delta{font-size:14.5px;font-weight:700;margin-top:4px;color:var(--grey-light)}.dash-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow);margin-bottom:20px}.card h3{margin:0 0 16px;font-size:18.5px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.card h3 .muted{font-weight:600;color:var(--grey-light);font-size:14.5px}.card h3 a{font-size:15px;font-weight:700;color:var(--orange)}.quick-create{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.attn-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.attn-row:last-child{border-bottom:none}.attn-swatch{width:8px;align-self:stretch;border-radius:4px;flex-shrink:0;min-height:34px}.attn-body{flex:1;min-width:0}.attn-name{font-weight:800;font-size:16.5px}.attn-reason{font-size:15px;color:var(--grey-light)}.todo-mini-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:16px}.todo-mini-row:last-child{border-bottom:none}.todo-mini-row .proj-tag{margin-left:auto;flex-shrink:0}.activity-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:30px;height:30px;border-radius:8px;background:#eeeff4;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16.5px}.activity-text{font-size:16px;line-height:1.4}.activity-text b{font-weight:800}.activity-time{font-size:13.5px;color:var(--grey-light);margin-top:2px}.file-mini-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:15.5px}.file-mini-row:last-child{border-bottom:none}.file-mini-icon{width:28px;height:28px;border-radius:6px;background:#eeeff4;display:flex;align-items:center;justify-content:center;font-size:15.5px;flex-shrink:0}.file-mini-meta{color:var(--grey-light);font-size:13.5px}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs button{background:none;border:none;padding:10px 16px;font-size:16px;font-weight:700;color:var(--grey-light);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--orange-dark);border-bottom-color:var(--orange)}.tabs button:hover{color:var(--navy)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:12px}.project-card:hover{box-shadow:0 4px 20px #161f2c1f;transform:translateY(-1px)}.project-card-top{display:flex;align-items:flex-start;gap:12px}.project-icon{width:48px;height:48px;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17.5px;flex-shrink:0}.project-card-name{font-weight:800;font-size:18.5px}.project-card-client{font-size:15px;color:var(--grey-light)}.project-card-desc{margin:0;font-size:15.5px;color:var(--grey-text);flex:1;line-height:1.45}.project-card-foot{display:flex;align-items:center;justify-content:space-between}.project-progress{height:6px;border-radius:3px;background:#eeeff4;overflow:hidden}.project-progress-fill{height:100%;border-radius:3px}.avatar-stack{display:flex}.mini-avatar{width:29px;height:29px;border-radius:50%;background:var(--navy-light);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-right:-9px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:13.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.pill-active{background:var(--success-bg);color:var(--success)}.pill-on-hold{background:var(--warning-bg);color:var(--warning)}.pill-completed{background:#eeeff4;color:var(--grey-text)}.pill-archived{background:#eeeff4;color:var(--grey-light)}.pill-on-track{background:var(--success-bg);color:var(--success)}.pill-needs-attention{background:var(--warning-bg);color:var(--warning)}.pill-at-risk{background:var(--danger-bg);color:var(--danger)}.pill-internal{background:#eeeff4;color:var(--grey-text)}.pill-pending{background:var(--warning-bg);color:var(--warning)}.pill-disabled{background:#eeeff4;color:var(--grey-light)}.pill-admin{background:var(--info-bg);color:var(--info)}.table-wrap{background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow-x:auto;margin-bottom:32px}.data-table{width:100%;border-collapse:collapse;font-size:16px}.data-table th{text-align:left;font-size:13.5px;font-weight:800;color:var(--grey-light);text-transform:uppercase;letter-spacing:.4px;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fbfbfd}.data-table .cell-name{font-weight:700;display:flex;align-items:center;gap:10px}.data-table .cell-actions{text-align:right;white-space:nowrap}.data-table .cell-actions .btn{margin-left:8px}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px;flex-wrap:wrap}.project-detail-title-row{display:flex;align-items:center;gap:12px}.project-detail-icon{width:54px;height:54px;border-radius:13px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;flex-shrink:0}.project-detail-name{font-size:26.5px;font-weight:900;margin:0}.project-detail-client{font-size:15.5px;color:var(--grey-light);margin-top:2px}.back-link{font-size:15px;font-weight:700;color:var(--grey-light);display:inline-flex;align-items:center;gap:5px;margin-bottom:14px}.back-link:hover{color:var(--orange-dark)}.project-switcher{position:relative}.project-switcher-toggle{background:none;border:none;padding:4px;margin:-4px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left}.project-switcher-toggle:hover{background:#eeeff4}.project-switcher-chevron{display:inline-flex;margin-left:6px;color:var(--grey-text);vertical-align:middle}.project-switcher-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;max-height:340px;overflow-y:auto;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #161f2c29;z-index:20;padding:6px}.project-switcher-item{width:100%;background:none;border:none;padding:8px;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left;font-size:16px}.project-switcher-item:hover{background:#f5f6fa}.project-switcher-item-icon{width:36px;height:36px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14.5px;flex-shrink:0}.project-switcher-item-name{font-weight:700}.project-switcher-item-client{font-size:13.5px;color:var(--grey-light)}.project-switcher-empty{color:var(--grey-light);cursor:default}.project-switcher-empty:hover{background:none}.tab-nav{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:18px 0 22px}.tab-nav button{background:none;border:none;padding:10px 4px;margin-right:22px;font-size:17px;font-weight:700;color:var(--grey-light);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-nav button.active{color:var(--navy);border-bottom-color:var(--orange)}.tab-nav button:hover{color:var(--navy)}.proj-tab-panel{display:none}.proj-tab-panel.active{display:block;animation:fadein .15s ease}.health-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:20px}.health-metric{min-width:120px}.health-metric-label{font-size:13.5px;font-weight:800;color:var(--grey-light);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.health-metric-value{font-size:20px;font-weight:800}.pct-ring-wrap{display:flex;align-items:center;gap:10px}.pm-note{background:#fbfbfd;border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:8px;padding:14px 16px;font-size:16px;line-height:1.55}.pm-note-meta{font-size:13.5px;color:var(--grey-light);margin-top:8px;font-weight:700}.convo-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--white);margin-bottom:10px;cursor:pointer;transition:border-color .12s}.convo-row:hover{border-color:var(--orange)}.convo-row.unread{background:#fffbf7}.convo-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0}.convo-unread-dot.read{background:transparent}.convo-search-bar{display:flex;align-items:center;gap:8px;padding:9px 20px;border-bottom:1px solid var(--border);background:#fbfbfd}.convo-search-bar input{flex:1;border:none;background:none;font-size:14.5px;font-family:inherit;outline:none;color:var(--navy)}.convo-search-count{font-size:12.5px;color:var(--grey-light);white-space:nowrap}.thread-msg.search-hit{background:#fff8ec;margin:0 -14px;padding:14px;border-radius:8px}.thread-msg.search-hit-active{background:#ffe9be}.mention{background:#fdebdc;color:var(--orange-dark);font-weight:700;border-radius:4px;padding:0 3px}.mention-me{background:var(--orange);color:#fff}.mention-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;min-width:220px;max-width:320px;max-height:240px;overflow-y:auto;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #161f2c29;z-index:20;padding:6px}.mention-option{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:7px 8px;border-radius:8px;text-align:left;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer}.mention-option.active,.mention-option:hover{background:#f5f6fa}.notif-bell{position:relative;background:none;border:none;padding:0;cursor:pointer;display:flex;color:var(--grey-text)}.notif-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;overflow-y:auto;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #161f2c29;z-index:20}.notif-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.notif-dropdown-head span{font-size:14px;font-weight:800;color:var(--navy)}.notif-item{display:flex;gap:10px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:11px 14px;text-align:left;cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f5f6fa}.notif-item.unread{background:#fffbf7}.notif-item-icon{flex-shrink:0;color:var(--orange);margin-top:2px;width:15px;display:flex;justify-content:center}.notif-item-body{flex:1;min-width:0}.notif-item-text{font-size:13.5px;color:var(--grey-text);line-height:1.4}.notif-item-text strong{color:var(--navy)}.notif-item-time{font-size:11.5px;color:var(--grey-light);margin-top:2px}.convo-body{flex:1;min-width:0}.convo-title-row{display:flex;align-items:center;gap:7px}.convo-title{font-weight:800;font-size:17px}.convo-title.unread-text{font-weight:900}.convo-preview{font-size:15.5px;color:var(--grey-light);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-meta{text-align:right;flex-shrink:0;font-size:13.5px;color:var(--grey-light)}.pin-icon{display:inline-flex;align-items:center;color:var(--orange-dark);flex-shrink:0}.thread-msg{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.thread-msg:last-child{border-bottom:none}.thread-msg-body{flex:1;min-width:0}.thread-msg-top{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.thread-msg-author{font-weight:800;font-size:16px}.thread-msg-time{font-size:13.5px;color:var(--grey-light)}.thread-msg-text{font-size:16px;line-height:1.55}.reply-box{margin-top:16px}.convo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:10;display:flex;flex-direction:column}.convo-fs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap}.convo-fs-title-row{display:flex;align-items:center;gap:8px;margin-top:4px}.convo-fs-title{font-size:24px;font-weight:900;margin:0}.convo-fs-participants{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.convo-fs-body{flex:1;overflow-y:auto;padding:22px 28px;max-width:1100px;margin:0 auto;width:100%}.convo-fs-composer{max-width:1100px;margin:0 auto;width:100%;padding:16px 28px 22px;border-top:1px solid var(--border)}.convo-fs-composer-actions{display:flex;align-items:center;gap:12px}.msg-reaction-bar{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;align-items:center}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;border:1px solid var(--border);background:var(--white);font-size:15px;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.reaction-pill:hover{border-color:var(--orange)}.reaction-pill.mine{color:#fff}.reaction-count{font-weight:800;font-size:13px}.reaction-pill.reply-link{border-color:transparent;background:none;color:var(--grey-light);font-weight:700}.reaction-pill.reply-link:hover{color:var(--orange-dark);border-color:transparent}.msg-reply-quote{display:block;width:100%;text-align:left;background:#fbfbfd;border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:6px;padding:7px 11px;font-size:14.5px;color:var(--grey-text);margin:2px 0 9px;cursor:pointer}.msg-reply-quote:hover{border-left-color:var(--orange-dark)}.msg-reply-quote.composing-quote{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:default}.quote-cancel{background:none;border:none;color:var(--grey-light);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.quote-cancel:hover{color:var(--danger)}.msg-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.msg-attachment-thumb{width:130px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--border);display:block}.msg-attachment-file{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:#fbfbfd}.composer-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.composer-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:100px;font-size:14.5px;background:#fbfbfd}.composer-attachment-chip button{background:none;border:none;color:var(--grey-light);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.composer-attachment-chip button:hover{color:var(--danger)}.reply-editor{width:100%;min-height:70px;padding:11px 12px;margin-bottom:10px;border:1px solid var(--border);border-radius:8px;font-size:16.5px;font-family:inherit;background:#fbfbfd;white-space:pre-wrap;word-break:break-word;overflow-y:auto}.reply-editor:focus{outline:2px solid var(--orange);outline-offset:-1px}.reply-editor:empty:before{content:attr(data-placeholder);color:var(--grey-light)}.reply-editor img,.thread-msg-text img{max-width:280px;max-height:280px;border-radius:8px;display:block;margin:6px 0}.thread-msg-text img{cursor:zoom-in}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161cd1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.image-lightbox-backdrop img{max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:0 20px 60px #00000080}.image-lightbox-close{position:fixed;top:20px;right:24px;width:38px;height:38px;border-radius:50%;border:none;background:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-lightbox-close:hover{background:#ffffff3d}.todo-list-block{margin-bottom:24px}.todo-list-title{font-size:15.5px;font-weight:800;color:var(--grey-text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.todo-list-count{background:#eeeff4;color:var(--grey-light);font-size:13px;padding:2px 8px;border-radius:100px;font-weight:800}.todo-list-actions{margin-left:auto;display:flex;gap:10px;text-transform:none;letter-spacing:0}.todo-list-collapse-btn{background:none;border:none;padding:0;color:var(--grey-light);cursor:pointer;flex-shrink:0;display:flex;align-items:center;transition:transform .15s;transform:rotate(0)}.todo-list-collapse-btn.collapsed{transform:rotate(-90deg)}.todo-list-collapse-btn:hover{color:var(--navy)}.todo-list-action-btn{background:none;border:none;padding:0;font-size:13px;font-weight:700;color:var(--grey-light);cursor:pointer}.todo-list-action-btn:hover{color:var(--navy);text-decoration:underline}.todo-badge{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:var(--grey-light);font-weight:700}.todo-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:9px;background:var(--white);margin-bottom:7px}.todo-check{width:20px;height:20px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--grey-light);transition:color .12s}.todo-check:hover{color:var(--orange)}.todo-check.done{color:var(--success)}.todo-row.done .todo-text{text-decoration:line-through;color:var(--grey-light)}.todo-text-wrap{flex:1;min-width:0}.todo-text{font-size:16.5px;font-weight:600}.todo-meta-row{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.todo-due{font-size:13.5px;color:var(--grey-light);font-weight:700}.todo-due.overdue{color:var(--danger)}.todo-priority{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--grey-light);font-weight:700}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-HIGHEST{background:#b0262a}.priority-HIGH{background:var(--danger)}.priority-MEDIUM{background:var(--warning)}.priority-LOW{background:var(--grey-light)}.todo-detail-section-title{font-size:15.5px;font-weight:800;color:var(--grey-text);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.subtask-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:15px}.subtask-row:last-of-type{border-bottom:none}.subtask-remove{background:none;border:none;padding:4px;color:var(--grey-light);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.subtask-remove:hover{color:var(--danger)}.todo-attachment-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.todo-attachment-row:last-of-type{border-bottom:none}.todo-attachment-row a{color:var(--navy)}.todo-attachment-row a:hover{color:var(--orange)}.todo-comment-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.todo-comment-row:last-of-type{border-bottom:none}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:22px;text-align:center;margin-bottom:20px;background:var(--white)}.dropzone p{margin:0 0 4px;color:var(--grey-text);font-size:16px;font-weight:700}.dropzone-hint{font-size:14.5px!important;color:var(--grey-light)!important;font-weight:400!important}.file-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--border);border-radius:10px;background:var(--white);margin-bottom:8px}.file-name{font-weight:800;font-size:16.5px}.file-meta{font-size:14.5px;color:var(--grey-light);margin-top:2px}.file-actions{margin-left:auto;display:flex;gap:6px;flex-shrink:0}.files-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.files-search-wrap{position:relative;flex:1;min-width:180px}.files-search{width:100%;padding:9px 12px 9px 34px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:inherit;background:var(--bg)}.files-search:focus{outline:none;border-color:var(--orange);background:var(--white)}.files-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--grey-light);display:flex;pointer-events:none}.files-select{width:auto;padding:9px 30px 9px 12px;border:1px solid var(--border);border-radius:8px;font-size:15.5px;font-weight:600;color:var(--navy);background:var(--white);font-family:inherit}.files-sort-btn{display:flex;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--grey-text);cursor:pointer}.files-sort-btn:hover{border-color:var(--orange);color:var(--orange-dark)}.files-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.files-pagination-info{font-size:14.5px;color:var(--grey-light)}.files-pagination-btns{display:flex;align-items:center;gap:10px}.decision-timeline{position:relative;padding-left:28px}.decision-timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--border)}.decision-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px;box-shadow:var(--shadow)}.decision-card:before{content:"";position:absolute;left:-24px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--orange);border:3px solid var(--bg)}.decision-date{font-size:13.5px;font-weight:800;color:var(--grey-light);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.decision-text{font-size:17px;font-weight:700;line-height:1.45;margin-bottom:10px}.decision-links{display:flex;gap:16px;flex-wrap:wrap;font-size:15px}.decision-links a{color:var(--orange-dark);font-weight:700}.decision-links a:hover{text-decoration:underline}.decision-approver{color:var(--grey-light)}.task-group-title{font-size:15.5px;font-weight:800;color:var(--grey-text);text-transform:uppercase;letter-spacing:.4px;margin:22px 0 10px}.task-group-title:first-child{margin-top:0}.proj-tag{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:800;padding:3px 9px;border-radius:100px;color:#fff;flex-shrink:0}.people-section-title{font-size:18.5px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:32px}.person-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}.person-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#4A5470,var(--navy));color:#fff;font-weight:800;font-size:17.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.person-avatar.client{background:linear-gradient(135deg,var(--orange-light),var(--orange))}.person-name{font-weight:800;font-size:17px}.person-role{font-size:14.5px;color:var(--grey-light);margin-top:1px}.person-extra{font-size:13.5px;color:var(--grey-light);margin-top:6px}.client-group{margin-bottom:18px}.client-group-name{font-size:15px;font-weight:800;color:var(--grey-light);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161f2c73;opacity:0;pointer-events:none;transition:opacity .18s;z-index:50}.overlay.open{opacity:1;pointer-events:auto}.slideover{position:fixed;top:0;right:0;height:100vh;width:460px;max-width:92vw;background:var(--white);box-shadow:-8px 0 40px #0000002e;transform:translate(100%);transition:transform .22s ease;z-index:51;display:flex;flex-direction:column}.slideover.open{transform:translate(0)}.so-head{padding:22px 24px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.so-close{background:#eeeff4;border:none;width:30px;height:30px;border-radius:50%;color:var(--grey-text);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.so-body{padding:20px 24px;overflow-y:auto;flex:1}.so-eyebrow{font-size:13px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.so-title{font-size:24px;font-weight:900;margin:0 0 2px}.so-sub{font-size:15.5px;color:var(--grey-light)}.so-section{margin-bottom:22px}.so-section h4{font-size:13.5px;font-weight:800;color:var(--grey-light);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px}.so-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:440px;max-width:90vw;background:var(--white);border-radius:14px;box-shadow:0 30px 80px #0000004d;z-index:61;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-height:88vh;display:flex;flex-direction:column}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-head{padding:20px 22px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-head h3{margin:0;font-size:20px;font-weight:900}.modal-body{padding:20px 22px;overflow-y:auto;flex:1;min-height:0}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161f2c73;opacity:0;pointer-events:none;transition:opacity .18s;z-index:60}.modal-overlay.open{opacity:1;pointer-events:auto}label{display:block;font-size:14.5px;font-weight:700;color:var(--grey-text);margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;font-size:16.5px;font-family:inherit;background:#fbfbfd}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%2393989F' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px}textarea{resize:vertical;min-height:70px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);background:var(--white)}.field{margin-bottom:14px}#toast-container{position:fixed;bottom:24px;right:24px;z-index:80;display:flex;flex-direction:column;gap:10px}.toast{background:var(--navy);color:#fff;padding:13px 18px;border-radius:9px;font-size:16px;font-weight:700;box-shadow:0 10px 30px #00000040;display:flex;align-items:center;gap:9px;animation:toastin .2s ease}.toast .tick{color:var(--orange-light);font-weight:900}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-note{text-align:center;padding:50px 20px;color:var(--grey-light);font-size:16.5px}.avatar-photo{object-fit:cover;background:#eeeff4}.user-menu{position:relative}.user-menu-toggle{background:none;border:none;padding:0;cursor:pointer;display:flex;border-radius:50%}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #161f2c29;z-index:20;padding:6px}.user-menu-name{padding:8px 10px 6px;font-size:15px;font-weight:800;color:var(--grey-light);border-bottom:1px solid var(--border);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-item{width:100%;background:none;border:none;padding:8px 10px;border-radius:8px;text-align:left;font-size:16px;font-weight:700;color:var(--navy)}.user-menu-item:hover{background:#f5f6fa}.profile-photo-row{display:flex;align-items:center;gap:16px}.profile-photo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.nav-search-wrap{display:none}}@media (max-width:640px){.nav-links{display:none}}