.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:30px;color:#2c3e50}.login-type-selector{display:flex;gap:10px;margin-bottom:20px}.login-type-selector button{flex:1;padding:10px;border:2px solid #ddd;background:#fff;cursor:pointer;border-radius:5px;transition:all .2s}.login-type-selector button.active{border-color:#3498db;background-color:#3498db;color:#fff}.form-group label{display:block;margin-bottom:5px;color:#2c3e50;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3498db}.error-message{background-color:#fee;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center}.login-btn{width:100%;padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.login-btn:hover:not(:disabled){background-color:#2980b9}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login-container{align-items:flex-start;padding:12px}.login-box{margin-top:8vh;padding:24px 18px}.login-type-selector{flex-direction:column}}.layout{display:flex;height:100vh;background-color:#34495e}.sidebar{width:250px;background-color:#2c3e50;display:flex;flex-direction:column;color:#fff}.sidebar-header{padding:20px;background-color:#1a252f;text-align:center}.sidebar-header h2{margin:0;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:10px 0}.nav-item{width:100%;padding:15px 20px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-badge,.bottom-nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e74c3c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.nav-badge.activity-dot,.bottom-nav-badge.activity-dot{min-width:9px;width:9px;height:9px;padding:0}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db}.sidebar-footer{padding:15px;background-color:#1a252f;border-top:1px solid #34495e}.user-info{margin-bottom:10px;font-size:12px}.user-name{font-weight:700;margin-bottom:5px}.user-role{color:#95a5a6;margin-bottom:3px}.user-department{color:#95a5a6;font-size:11px}.logout-btn{width:100%;padding:8px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.logout-btn:hover{background-color:#c0392b}.main-content{flex:1;padding:20px;overflow-y:auto;background-color:#ecf0f1}.notifications-section{padding:12px 16px;margin-bottom:16px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.notifications-label{font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.notification-toggle{width:100%;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.notification-toggle.subscribed{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.notification-toggle.subscribed:hover{background-color:#22c55e4d;border-color:#22c55e}.notification-toggle.unsubscribed{background-color:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.notification-toggle.unsubscribed:hover{background-color:#3b82f64d;border-color:#60a5fa}.notification-toggle.disabled{background-color:#6b728033;color:#9ca3af;cursor:not-allowed;font-size:12px}.notification-toggle.loading{opacity:.6;cursor:wait}.notification-toggle:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 768px){.notifications-section{padding:8px 12px}.notification-toggle{padding:6px 10px;font-size:11px}.notifications-label{font-size:10px;margin-bottom:6px}}@media (max-width: 768px){.layout{display:none}.mobile-layout{display:flex;flex-direction:column;height:100vh;background-color:#ecf0f1}.mobile-main-content{flex:1;overflow-y:auto;padding:15px;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.mobile-notifications-section{margin-bottom:12px}.mobile-notifications-section .notification-toggle{width:auto;min-height:34px;padding:7px 12px;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;background-color:#2c3e50;padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000001a;z-index:100;gap:8px}.bottom-nav-scroll{display:flex;flex:1 1 auto;min-width:0;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#95a5a6;cursor:pointer;min-width:68px;max-width:82px;height:54px;padding:5px 6px;border-radius:8px;transition:all .2s ease;gap:4px;box-sizing:border-box}.bottom-nav-badge{position:absolute;top:1px;right:5px}.bottom-nav-logout{flex:0 0 64px;min-width:64px;color:#ffd2cc;background-color:#e74c3c24}.bottom-nav-item.active{color:#3498db;background-color:#3498db1a}.bottom-nav-icon{font-size:22px}.bottom-nav-label{font-size:11px;font-weight:500;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-header{position:sticky;top:0;background-color:#2c3e50;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;z-index:90;margin-bottom:15px}.mobile-header h1{font-size:18px;margin:0;color:#fff}.mobile-notification-btn{background:none;border:none;font-size:22px;cursor:pointer}}@media (max-width: 480px){.bottom-nav-label{font-size:10px}.bottom-nav-icon{font-size:20px}.bottom-nav-item{min-width:62px;max-width:72px;padding:5px 4px}.bottom-nav-logout{flex-basis:58px;min-width:58px}}.dashboard{background:#fff;border-radius:8px;padding:30px}.dashboard h1{margin-bottom:30px;color:#2c3e50}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:10px;color:#fff;text-align:center;border:0;cursor:pointer;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a29}.stat-card.deferred{background:linear-gradient(135deg,#94a3b8,#64748b)}.dashboard h2{margin:28px 0 14px;color:#344054}.stat-card.open{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.in-progress{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.completed{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-value{font-size:48px;font-weight:700;margin-bottom:10px}.stat-label{font-size:16px;opacity:.9}.dashboard-loading{text-align:center;padding:50px;font-size:18px;color:#7f8c8d}@media (max-width: 600px){.dashboard{padding:16px}.dashboard h1{margin-bottom:20px;font-size:24px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:20px}.stat-value{font-size:38px}}.chat{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 40px);min-height:520px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.chat-sidebar{min-width:0;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;background:#eef4f8}.chat-sidebar h2{flex:0 0 auto;padding:18px 20px;margin:0;border-bottom:1px solid #cbd5e1;color:#142536;font-size:18px;line-height:1.25}.mobile-chat-list-title{display:none}.chat-sidebar-actions{flex:0 0 auto;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #dfe5ea;background:#fff}.chat-action-btn{min-width:0;min-height:36px;padding:7px 10px;border:1px solid #cfd8df;border-radius:7px;background:#fff;color:#253646;cursor:pointer;font-size:13px;font-weight:700}.chat-action-btn:hover{background:#edf4f8}.chat-action-btn.primary{border-color:#1769aa;background:#1769aa;color:#fff}.chat-action-btn.primary:hover{background:#256a99}.chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.chat-item{width:100%;min-height:52px;padding:13px 16px 13px 20px;border:0;border-bottom:1px solid #dbe4ec;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;transition:background-color .16s ease,box-shadow .16s ease}.chat-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.chat-item:hover{background-color:#ddebf5}.chat-item.active{background-color:#d4e9f7;box-shadow:inset 4px 0 #1769aa}.chat-item.has-unread{background-color:#fff4d6}.chat-item.has-unread .chat-name{font-weight:800;color:#1f2f3d}.chat-item.has-unread:not(.active){box-shadow:inset 3px 0 #f0a020}.chat-name{min-width:0;color:#142536;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview{min-width:0;color:#536577;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.has-unread .chat-preview{color:#5f4b16}.unread-badge{flex:0 0 auto;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;background-color:#1769aa;color:#fff;border-radius:999px;font-size:12px;font-weight:700}.chat-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#e9eff4}.chat-header{flex:0 0 auto;padding:16px 22px;border-bottom:1px solid #cbd5e1;background:#fff;display:flex;align-items:flex-start;gap:12px}.chat-header-actions{margin-left:auto;display:inline-flex;gap:8px;align-items:center}.chat-header-btn{min-height:34px;padding:7px 11px;border:1px solid #c2ced8;border-radius:7px;background:#f8fafc;color:#243544;cursor:pointer;font-size:13px;font-weight:700}.chat-header-btn:hover{background:#e8f1f8;border-color:#1769aa}.chat-back-btn{display:none}.chat-header h3{margin:0 0 4px;color:#22313f;font-size:17px;line-height:1.3}.chat-description{max-width:720px;font-size:13px;line-height:1.35;color:#6b7783;overflow-wrap:anywhere}.messages-container{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#e9eff4 30%,#e9eff400) top / 100% 24px no-repeat,linear-gradient(#e9eff400,#e9eff4 70%) bottom / 100% 24px no-repeat,#e9eff4;scrollbar-gutter:stable}.message{width:min(680px,78%);position:relative;align-self:flex-start}.message.own{align-self:flex-end}.message.pending{opacity:.72}.message.pending .message-text:after{content:" · отправляется";font-size:12px;opacity:.78}.message-header{display:flex;align-items:center;gap:8px;margin:0 8px 4px;min-width:0;font-size:12px;line-height:1.25}.message-avatar{width:30px;height:30px;overflow:hidden;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:#eef2f6;color:#102a43;font-weight:800;cursor:pointer}.message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.message.own .message-header{justify-content:flex-end}.message-author{padding:0;border:0;background:transparent;min-width:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#2c3e50;cursor:pointer;font:inherit;text-align:left}.message-author:hover{color:#1769aa;text-decoration:underline}.message-time{flex:0 0 auto;color:#7b8792}.message-read-status{margin-left:4px;font-weight:700}.message-read-status.read{color:#2f80b7}.message-read-status.unread{color:#a46600}.message-content-wrapper{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.message.own .message-content-wrapper{align-items:flex-end}.message-text{width:fit-content;max-width:100%;padding:10px 13px;background:#fff;border:1px solid #e3e8ed;border-radius:8px;color:#243544;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 1px 2px #172b4d0d}.message-text a{color:#1769aa;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(23,105,170,.35)}.message-text a:hover{border-bottom-color:currentColor}.message.own .message-text{background:#2f80b7;border-color:#2f80b7;color:#fff}.message-attachment{max-width:min(360px,100%);border-radius:8px;overflow:hidden}.message-attachment.image img,.message-attachment.video video{display:block;width:100%;max-height:320px;object-fit:contain;background:#0f172a}.message-attachment.document{width:fit-content;max-width:100%;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;background:#fff;color:#1769aa;text-decoration:none;font-weight:700;overflow-wrap:anywhere}.message-attachment.video{display:flex;flex-direction:column;gap:6px}.message-attachment.video a{color:#1769aa;font-size:12px;font-weight:700}.message.own .message-text a{color:#fff;border-bottom-color:#ffffff8c}.message-actions{position:absolute;top:-12px;right:-8px;display:inline-flex;gap:2px;padding:3px;background:#fffffff5;border:1px solid #dfe5ea;border-radius:7px;box-shadow:0 8px 18px #172b4d21;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease;z-index:2}.message.own .message-actions{left:-8px;right:auto}.message-actions.visible,.message:focus-within .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-action-btn{width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#405261;cursor:pointer;font-size:16px;line-height:1}.message-action-btn:hover{background-color:#edf2f6}.message-action-btn.danger:hover{color:#b42318;background-color:#fee4e2}.message-reply{width:min(100%,520px);padding:7px 10px;border:0;border-left:3px solid #2f80b7;border-radius:7px;background:#2f80b717;display:flex;flex-direction:column;gap:2px;text-align:left}.message-reply-author{font-size:12px;font-weight:700;color:#2f80b7}.message-reply-text{min-width:0;max-width:100%;color:#5e6d79;font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-edit-form{width:100%;padding:10px;border:1px solid #2f80b7;border-radius:8px;background:#fff;box-shadow:0 1px 2px #172b4d0d}.edit-textarea{width:100%;min-height:90px;max-height:220px;padding:10px;border:1px solid #cfd8df;border-radius:6px;color:#243544;font-size:14px;line-height:1.4;font-family:inherit;resize:vertical}.edit-textarea:focus,.message-input textarea:focus{outline:none;border-color:#2f80b7;box-shadow:0 0 0 3px #2f80b724}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn-save,.btn-cancel{min-height:34px;padding:7px 14px;border:0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.btn-save{background-color:#2f80b7;color:#fff}.btn-save:hover{background-color:#256a99}.btn-cancel{background-color:#e6ebef;color:#405261}.btn-cancel:hover{background-color:#d6dee5}.message-input{flex:0 0 auto;padding:12px 16px 14px;border-top:1px solid #dfe5ea;display:flex;flex-direction:column;gap:9px;background:#fff}.attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;color:#243544;font-size:13px}.attachment-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:#64748b;font-size:18px}.chat-file-input{display:none}.message-input .attach-btn{width:42px;min-width:42px;padding:0;background:#eef4f8;color:#243544;border:1px solid #cbd5e1}.message-input .attach-btn:hover{background:#ddebf5}.reply-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:#eef6fb;padding:9px 10px;border-radius:7px;border-left:3px solid #2f80b7}.reply-preview-content{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px}.reply-preview-label{grid-row:span 2;align-self:center;color:#71808d;font-size:11px;line-height:1;text-transform:uppercase;font-weight:800}.reply-preview-author{min-width:0;color:#2f80b7;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-text{min-width:0;color:#33485a;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel-btn{flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;color:#6b7783;font-size:20px;line-height:1}.reply-cancel-btn:hover{background-color:#2f3c4914}.input-wrapper{display:flex;align-items:flex-end;gap:10px}.message-input textarea{flex:1 1 auto;min-width:0;min-height:42px;max-height:150px;padding:10px 12px;border:1px solid #cfd8df;border-radius:7px;color:#243544;font-size:14px;line-height:1.35;font-family:inherit;resize:none;overflow-y:auto}.message-input button:not(.reply-cancel-btn):not(.attach-btn){flex:0 0 auto;min-height:42px;padding:9px 16px;background-color:#2f80b7;color:#fff;border:0;border-radius:7px;cursor:pointer;font-size:14px;font-weight:700}.message-input button:not(.reply-cancel-btn):not(.attach-btn):hover:not(:disabled){background-color:#256a99}.message-input button:disabled{opacity:.48;cursor:not-allowed}.messages-empty,.no-chat-selected,.chat-loading{display:flex;justify-content:center;align-items:center;color:#7b8792;font-size:15px}.messages-empty{flex:1 1 auto;min-height:180px}.no-chat-selected{height:100%}.chat-loading{min-height:320px;padding:50px}.chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:24px;display:flex;align-items:center;justify-content:center;background:#101b267a}.chat-create-modal{width:min(620px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 22px 60px #0d1f303d}.chat-create-header{flex:0 0 auto;padding:18px 20px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e2e8ee}.chat-create-header h3{margin:0 0 4px;color:#22313f;font-size:18px;line-height:1.25}.chat-create-header p{margin:0;color:#6f7e8b;font-size:13px;line-height:1.35}.chat-modal-close{flex:0 0 auto;width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#647383;cursor:pointer;font-size:24px;line-height:1}.chat-modal-close:hover{background:#edf2f6;color:#253646}.chat-create-filters{flex:0 0 auto;padding:14px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border-bottom:1px solid #edf1f5}.chat-field{min-width:0;display:flex;flex-direction:column;gap:5px}.chat-field.full{grid-column:1 / -1}.chat-field span{color:#5f6f7d;font-size:12px;font-weight:700}.chat-field input,.chat-field select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #cfd8df;border-radius:7px;background:#fff;color:#243544;font:inherit}.chat-field input:focus,.chat-field select:focus{outline:none;border-color:#2f80b7;box-shadow:0 0 0 3px #2f80b724}.chat-create-error{margin:12px 20px 0;padding:9px 11px;border:1px solid #f4b7b1;border-radius:7px;background:#fff2f0;color:#9f2a22;font-size:13px;line-height:1.35}.chat-user-list{flex:1 1 auto;min-height:220px;overflow-y:auto;padding:10px;scrollbar-gutter:stable}.chat-user-row{width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.chat-user-row:hover{background:#f1f6fa}.chat-user-row.static{cursor:default}.chat-user-info.link{flex:1 1 auto;border:0;background:transparent;text-align:left;cursor:pointer;padding:0}.member-remove-btn{flex:0 0 auto;min-height:32px;padding:6px 10px;border:1px solid #f1aaa2;border-radius:7px;background:#fff4f2;color:#b42318;cursor:pointer;font-size:12px;font-weight:700}.member-add-list{padding:12px 20px;border-top:1px solid #e2e8ee;display:flex;flex-direction:column;gap:8px}.member-add-list div{display:flex;flex-wrap:wrap;gap:8px}.member-add-list button,.profile-message-btn{min-height:34px;padding:7px 12px;border:0;border-radius:7px;background:#1769aa;color:#fff;cursor:pointer;font-weight:800}.user-profile-modal{width:min(360px,100%);position:relative;padding:24px;border-radius:8px;background:#fff;box-shadow:0 22px 60px #0d1f303d;text-align:center}.profile-avatar{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#d4e9f7;color:#1769aa;font-size:30px;font-weight:900}.user-profile-modal h3{margin:0 0 8px;color:#142536}.user-profile-modal p{margin:4px 0;color:#536577}.chat-user-row.selected{border-color:#2f80b76b;background:#eef7fd}.chat-user-row:disabled{opacity:.6;cursor:wait}.chat-avatar,.chat-checkmark{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.chat-avatar{background:#dfeaf2;color:#2b5d80}.chat-checkmark{border:2px solid #b9c7d2;background:#fff;color:#fff}.chat-user-row.selected .chat-checkmark{border-color:#2f80b7;background:#2f80b7}.chat-user-info{min-width:0;display:flex;flex-direction:column;gap:3px}.chat-user-info strong,.chat-user-info span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-info strong{color:#22313f;font-size:14px;line-height:1.2}.chat-user-info span{color:#6f7e8b;font-size:12px;line-height:1.25}.chat-user-empty{min-height:180px;display:flex;align-items:center;justify-content:center;color:#778694;font-size:14px}.chat-create-footer{flex:0 0 auto;min-height:58px;padding:12px 20px;border-top:1px solid #e2e8ee;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-create-footer span{color:#5f6f7d;font-size:13px;font-weight:700}.chat-create-footer button{min-height:38px;padding:8px 16px;border:0;border-radius:7px;background:#2f80b7;color:#fff;cursor:pointer;font-size:14px;font-weight:800}.chat-create-footer button:hover:not(:disabled){background:#256a99}.chat-create-footer button:disabled{opacity:.52;cursor:not-allowed}@media (max-width: 900px){.chat{grid-template-columns:210px minmax(0,1fr)}.message{width:min(620px,86%)}}@media (max-width: 768px){.chat{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:calc(100vh - 116px);min-height:0}.chat-mobile-dialog-open{grid-template-rows:minmax(0,1fr)}.mobile-hidden{display:none}.chat-sidebar{border-right:0;border-bottom:0;min-height:0}.chat-sidebar h2{display:none}.mobile-chat-list-title{flex:0 0 auto;min-height:54px;padding:14px 16px;border-bottom:1px solid #dfe5ea;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#22313f;font-size:18px;font-weight:800}.chat-sidebar-actions{padding:10px 12px}.chat-list{display:block;overflow-x:hidden;overflow-y:auto;min-height:0;scrollbar-width:auto}.chat-item{width:100%;max-width:none;min-height:64px;border-bottom:1px solid #ebeff3;border-right:0;padding:12px 16px}.chat-item.active{box-shadow:inset 3px 0 #2f80b7}.chat-main{min-height:0}.chat-header{padding:10px 12px;align-items:center}.chat-back-btn{flex:0 0 auto;min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd8df;border-radius:7px;background:#fff;color:#22313f;font-size:13px;font-weight:700;cursor:pointer}.chat-back-btn:hover{background:#edf4f8}.messages-container{padding:14px 12px}.message{width:92%}.message-header{gap:6px}.message-author{max-width:48%}.message-actions{opacity:1;pointer-events:auto;transform:none}.input-wrapper{gap:8px}.message-input button:not(.reply-cancel-btn):not(.attach-btn){padding:9px 12px}.chat-modal-overlay{padding:12px;align-items:stretch}.chat-create-modal{max-height:calc(100vh - 24px)}.chat-create-filters{grid-template-columns:1fr;padding:12px 14px}.chat-create-header,.chat-create-footer{padding-left:14px;padding-right:14px}}@media (max-width: 480px){.chat-header{padding:12px 14px}.chat-header h3{font-size:16px}.message{width:96%}.message-text{padding:9px 11px}.reply-preview-content{grid-template-columns:minmax(0,1fr)}.reply-preview-label{grid-row:auto}.input-wrapper{flex-direction:column;align-items:stretch}.message-input button:not(.reply-cancel-btn):not(.attach-btn){width:100%}}.chat-title-wrap{min-width:0;display:flex;flex-direction:column;gap:4px}.chat-title-button{max-width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.chat-title-button:disabled{cursor:wait;opacity:.72}.chat-title-text{display:block;max-width:min(620px,52vw);color:#22313f;font-size:17px;line-height:1.3;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-hint{display:block;margin-top:2px;color:#6b7783;font-size:12px;line-height:1.25;font-weight:700}.chat-title-button:hover .chat-title-text,.chat-title-button:focus-visible .chat-title-text{color:#1769aa;text-decoration:underline}.chat-title-button:focus-visible{outline:2px solid rgba(47,128,183,.45);outline-offset:3px;border-radius:5px}.members-modal .members-list{min-height:180px}.member-add-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-add-header span{color:#6f7e8b;font-size:12px;font-weight:700}.member-add-buttons{max-height:136px;overflow-y:auto;padding-right:2px;display:flex;flex-wrap:wrap;gap:8px}.member-add-empty{min-height:36px;display:flex;align-items:center;color:#778694;font-size:13px}@media (max-width: 768px){.chat-title-text{max-width:48vw;font-size:16px}.chat-title-hint{display:none}}@media (max-width: 768px){.confirm-modal-backdrop{padding:12px}.confirm-modal{align-self:center;padding:20px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-btn{width:100%}}.member-add-search{width:100%;min-height:38px;padding:8px 10px;border:1px solid #cfd8df;border-radius:7px;background:#fff;color:#243544;font:inherit}.member-add-search:focus{outline:none;border-color:#2f80b7;box-shadow:0 0 0 3px #2f80b724}.member-add-empty{color:#778694;font-size:13px;line-height:1.35}.member-add-error{color:#b42318;font-size:13px;line-height:1.35}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;padding:24px;display:flex;align-items:center;justify-content:center;background:#101b2657}.confirm-modal{width:min(420px,100%);padding:24px;border-radius:10px;background:#fff;box-shadow:0 24px 70px #0d1f3047;text-align:center}.confirm-modal-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#d4e9f7;color:#1769aa;font-size:28px;font-weight:900;line-height:1}.confirm-modal h3{margin:0 0 10px;color:#142536;font-size:19px;line-height:1.25}.confirm-modal p{margin:0;color:#405261;font-size:15px;line-height:1.45}.confirm-modal-user-meta{margin-top:10px;color:#778694;font-size:13px;line-height:1.35}.confirm-modal-actions{margin-top:22px;display:flex;justify-content:center;gap:10px}.confirm-btn{min-width:120px;min-height:38px;padding:8px 14px;border:0;border-radius:7px;cursor:pointer;font-size:14px;font-weight:800}.confirm-btn.primary{background:#1769aa;color:#fff}.confirm-btn.primary:hover:not(:disabled){background:#256a99}.confirm-btn.secondary{background:#e6ebef;color:#405261}.confirm-btn.secondary:hover:not(:disabled){background:#d6dee5}.confirm-btn:disabled{opacity:.55;cursor:not-allowed}.profile-avatar{overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.message-attachment.image{padding:0;border:0;background:transparent;cursor:zoom-in;display:block;text-align:inherit}.message-attachment.image:hover img{filter:brightness(.96)}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;padding:24px;display:flex;align-items:center;justify-content:center;background:#070e18c7}.image-viewer-modal{position:relative;max-width:min(1120px,100%);max-height:min(86vh,900px);display:flex;align-items:center;justify-content:center}.image-viewer-modal img{display:block;max-width:100%;max-height:86vh;border-radius:10px;object-fit:contain;background:#0f172a;box-shadow:0 24px 72px #00000052}.image-viewer-close{position:absolute;top:-14px;right:-14px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#243544;cursor:pointer;font-size:26px;line-height:1;box-shadow:0 10px 28px #00000047}.image-viewer-close:hover{background:#edf2f6}.image-viewer-status,.image-viewer-badge{padding:10px 12px;border-radius:8px;background:#fffffff0;color:#243544;font-size:13px;font-weight:700}.image-viewer-badge{position:absolute;left:12px;bottom:12px}.image-viewer-badge.error{color:#9f2a22}@media (max-width: 768px){.image-viewer-overlay{padding:12px}.image-viewer-close{top:8px;right:8px}.image-viewer-modal,.image-viewer-modal img{max-height:90vh}}.documents{background:#fff;border-radius:12px;padding:28px;color:#1b2e1f;box-shadow:0 8px 24px #1b2e1f0f}.documents h1,.documents h2,.documents h3,.documents p{margin-top:0}.documents-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.documents-title-row h1{margin-bottom:4px;color:#2c3e50;font-size:28px}.documents-title-row p{margin-bottom:0;color:#78909c;font-size:14px}.documents-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.documents-tabs{display:inline-flex;background:#f4fbf4;border:1px solid #cfe1cf;border-radius:10px;padding:4px}.documents-tabs button{border:none;background:transparent;color:#1b2e1f;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:600}.documents-tabs button.active{background:#2e7d32;color:#fff}.documents-search{min-width:260px;max-width:360px;width:100%;border:1px solid #cfe1cf;border-radius:10px;padding:10px 12px;color:#1b2e1f;background:#fff;outline:none}.documents-search:focus,.document-field input:focus,.document-field select:focus,.document-field textarea:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321f}.documents-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;font-weight:600}.documents-alert.error{background:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}.documents-alert.success{background:#e8f5e9;color:#1b5e20;border:1px solid #c8e6c9}.documents-hub{display:grid;gap:14px}.documents-send-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.documents-hub-label{color:#78909c;font-size:13px;font-weight:600;margin-top:4px}.documents-hub-card{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:16px 18px;text-align:left;background:#fff;color:#1b2e1f;border:2px solid #2e7d32;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.documents-hub-card:hover{background:#f1f8f2;transform:translateY(-1px);box-shadow:0 10px 24px #2e7d321f}.documents-hub-card span{font-size:16px;font-weight:700}.documents-hub-card strong{color:#2e7d32;white-space:nowrap}.documents-subheader{display:flex;align-items:center;gap:12px;margin-bottom:14px}.documents-subheader h2{margin-bottom:0;font-size:20px;color:#1b2e1f}.documents-table-wrap{overflow-x:auto;border:1px solid #cfe1cf;border-radius:12px}.documents-table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px;background:#fff}.documents-table th{background:#2e7d32;color:#fff;text-align:left;padding:12px;font-size:13px;font-weight:700}.documents-table th:first-child{border-top-left-radius:10px}.documents-table th:last-child{border-top-right-radius:10px}.documents-table td{padding:12px;border-top:1px solid #e4efe5;vertical-align:middle;font-size:14px}.documents-table tbody tr:hover{background:#f8fbf8}.doc-id{width:56px;color:#78909c;font-weight:700}.doc-name{color:#1b2e1f;font-weight:700}.doc-note{margin-top:4px;color:#78909c;font-size:12px;line-height:1.35}.document-status{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.document-status.pending{background:#fff8e1;color:#8a5a00}.document-status.done{background:#e8f5e9;color:#1b5e20}.document-actions{display:flex;flex-wrap:wrap;gap:7px}.document-btn,.document-action,.document-icon-btn{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.document-btn:disabled,.document-action:disabled,.document-icon-btn:disabled{cursor:not-allowed;opacity:.65}.document-btn.primary,.document-action.success{background:#2e7d32;border-color:#256b2a;color:#fff}.document-btn.primary:hover,.document-action.success:hover{background:#256b2a}.document-btn.secondary,.document-action.outline,.document-icon-btn{background:#fff;border-color:#2e7d32;color:#1b2e1f}.document-btn.secondary:hover,.document-action.outline:hover,.document-icon-btn:hover{background:#e8f5e9}.document-btn.danger,.document-action.danger{background:#fff;border-color:#c62828;color:#c62828}.document-btn.danger:hover,.document-action.danger:hover{background:#ffebee}.document-btn.small{padding:6px 11px}.empty-state,.documents-loading{text-align:center;padding:48px;color:#78909c;font-size:16px}.empty-state.small{padding:20px;font-size:14px}.documents-loading.inner{padding:28px}.documents-mini-loading{padding:16px;color:#78909c}.documents-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f17146b}.documents-modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:#f4fbf4;color:#1b2e1f;border-radius:16px;box-shadow:0 24px 80px #0f171440}.documents-modal.wide{width:min(860px,100%)}.documents-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #cfe1cf}.documents-modal-header h2{margin-bottom:0;font-size:20px}.documents-modal-close{width:34px;height:34px;border:none;border-radius:8px;background:#fff;color:#1b2e1f;font-size:24px;line-height:1;cursor:pointer}.document-form{display:grid;gap:14px;padding:20px}.document-field{display:grid;gap:7px;color:#1b2e1f;font-size:13px;font-weight:700}.document-field input,.document-field select,.document-field textarea{width:100%;border:1px solid #cfe1cf;border-radius:9px;padding:10px 12px;background:#fff;color:#1b2e1f;font:inherit;font-weight:500;outline:none}.document-field textarea{resize:vertical}.document-picker-list{max-height:260px;overflow-y:auto;background:#fff;border:1px solid #cfe1cf;border-radius:12px;padding:8px}.document-check-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer}.document-check-row:hover{background:#f1f8f2}.document-check-row input{width:auto}.documents-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.recipients-stats{padding:20px}.recipients-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.recipients-summary span{background:#fff;border:1px solid #cfe1cf;border-radius:999px;padding:8px 12px;color:#1b2e1f}.recipients-section{display:grid;gap:8px;margin-top:14px}.recipients-section h3{margin-bottom:2px;color:#1b5e20;font-size:16px}.recipients-section.waiting h3{color:#c62828}.recipient-row{display:flex;justify-content:space-between;gap:14px;padding:12px;background:#fff;border:1px solid #e4efe5;border-radius:10px}.recipient-row strong,.recipient-row span,.recipient-row p{display:block}.recipient-row span{margin-top:3px;color:#78909c;font-size:12px}.recipient-row p{margin:6px 0 0;color:#1b2e1f;font-size:13px}.recipient-row a{color:#2e7d32;font-weight:700;text-decoration:none;white-space:nowrap}@media (max-width: 720px){.documents{padding:16px}.documents-title-row,.documents-toolbar,.documents-hub-card,.recipient-row{align-items:stretch;flex-direction:column}.documents-search{min-width:0;max-width:none}.documents-send-row,.documents-modal-actions{flex-direction:column}.document-btn,.document-action,.document-icon-btn{width:100%;text-align:center}.documents-modal-backdrop{align-items:flex-end;padding:0}.documents-modal{width:100%;max-height:92vh;border-radius:16px 16px 0 0}}.reports{height:100%;background:#f5f7f5}.reports-container{display:flex;height:100%;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.reports-sidebar{width:280px;background:linear-gradient(135deg,#1b5e20,#2e7d32);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.reports-title{color:#fff;font-size:20px;font-weight:600;margin:0;padding:0 12px;letter-spacing:-.3px}.categories-list{display:flex;flex-direction:column;gap:8px}.category-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.category-btn:hover{background:#fff3;transform:translate(4px)}.category-btn.active{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 8px #0000001a}.category-icon{font-size:20px}.category-label{color:#fff;font-size:14px;font-weight:500}.reports-content{flex:1;padding:32px;overflow-y:auto;background:#fff}.reports-daily{max-width:600px}.daily-actions{display:flex;gap:12px;margin-bottom:24px}.btn-daily{padding:12px 24px;font-size:14px}.btn-primary{background:#2e7d32;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary:hover{background:#1b5e20;transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.btn-secondary{background:#fff;color:#2e7d32;border:1px solid #CFE1CF;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e8f5e9;border-color:#2e7d32}.daily-picker{display:flex;gap:12px;margin-bottom:32px;padding:20px;background:#f8faf8;border-radius:12px;border:1px solid #CFE1CF}.date-input{flex:1;padding:10px 12px;border:1px solid #CFE1CF;border-radius:8px;font-size:14px;background:#fff}.date-input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.daily-info{background:#f8faf8;padding:24px;border-radius:12px;border:1px solid #CFE1CF}.daily-info p{margin:0 0 12px;font-weight:600;color:#1b2e1f}.daily-info ul{margin:0;padding-left:20px;color:#2c3e2f}.daily-info li{margin:8px 0;line-height:1.5}.reports-files{height:100%;display:flex;flex-direction:column}.search-bar{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;padding:12px 16px;border:1px solid #CFE1CF;border-radius:10px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.btn-refresh{padding:12px 24px;background:#f8faf8;border:1px solid #CFE1CF;border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s}.btn-refresh:hover{background:#e8f5e9;border-color:#2e7d32}.files-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8faf8;border:1px solid #E4EFE5;border-radius:10px;cursor:pointer;transition:all .2s}.file-item:hover{background:#e8f5e9;border-color:#2e7d32;transform:translate(4px)}.file-icon{font-size:28px}.file-info{flex:1}.file-name{font-weight:500;color:#1b2e1f;margin-bottom:4px}.file-date{font-size:12px;color:#7f8c7d}.reports-history{height:100%}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #E4EFE5}.history-header h3{margin:0;color:#1b2e1f;font-size:18px}.btn-clear-history{padding:8px 16px;background:#fef3f2;color:#dc2626;border:1px solid #FEE2E2;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.btn-clear-history:hover{background:#fee2e2}.history-list{overflow-y:auto}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#f8faf8;border-bottom:2px solid #E4EFE5}.history-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1b2e1f;font-size:13px}.history-table td{padding:14px 16px;border-bottom:1px solid #E4EFE5;color:#2c3e2f}.history-name{font-weight:500}.history-date{font-size:13px;color:#7f8c7d}.history-action{text-align:right}.btn-open-history{padding:6px 14px;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.btn-open-history:hover{background:#1b5e20}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#7f8c7d}.empty-state p{margin:8px 0}.empty-hint{font-size:13px;color:#b0beb0}.reports-content::-webkit-scrollbar{width:8px}.reports-content::-webkit-scrollbar-track{background:#f8faf8;border-radius:4px}.reports-content::-webkit-scrollbar-thumb{background:#cfe1cf;border-radius:4px}.reports-content::-webkit-scrollbar-thumb:hover{background:#2e7d32}@media (max-width: 768px){.reports-container{flex-direction:column;border-radius:0}.reports-sidebar{width:100%;padding:16px}.reports-title{font-size:18px}.categories-list{flex-direction:row;flex-wrap:wrap}.category-btn{flex:1;min-width:120px;justify-content:center}.reports-content{padding:20px}.daily-actions{flex-direction:column}.history-table{display:block;overflow-x:auto}}.users{background:#fff;border-radius:8px;padding:30px}.users-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.users-header h1{margin:0 0 6px;color:#2c3e50}.users-header p{margin:0;color:#667085}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.search-input{padding:9px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;width:320px;max-width:100%}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1f}.users-table-wrap{border:1px solid #e4e7ec;border-radius:8px;overflow:auto}.users-table{width:100%;min-width:860px;border-collapse:collapse}.users-table th,.users-table td{padding:12px 14px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:middle}.users-table th{background:#f8fafc;color:#475467;font-size:13px;font-weight:700}.users-table tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#f8fbff}.user-id{display:block;margin-top:4px;color:#667085;font-size:12px}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.users-primary-btn,.users-secondary-btn,.users-danger-btn,.btn-submit,.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s,color .2s}.users-primary-btn{padding:10px 18px;background:#2e7d32;color:#fff}.users-primary-btn:hover{background:#256b2a}.users-secondary-btn{padding:8px 12px;background:#eef2f6;color:#26384d}.users-secondary-btn:hover{background:#e3e8ef}.users-export-btn{flex:0 0 auto;padding:9px 14px}.users-danger-btn{padding:8px 12px;background:#fee4e2;color:#b42318}.users-danger-btn:hover{background:#fecdca}.user-badge{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.user-badge.active{background:#dcfce7;color:#166534}.user-badge.blocked{background:#fee4e2;color:#b42318}.empty-state,.users-loading{text-align:center;padding:50px;color:#7f8c8d}.users-loading{font-size:18px}.users-modal{max-width:760px}.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.users-form-grid label{display:flex;flex-direction:column;gap:6px;color:#344054;font-weight:700}.users-form-grid small{color:#607568;font-size:12px;line-height:1.35}.users-form-grid input,.users-form-grid select{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;padding:10px 12px;color:#1f2937;font:inherit;font-weight:400;background:#fff}.users-form-grid input:disabled{background:#f2f4f7;color:#667085}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-group{border:1px solid #e4e7ec;border-radius:8px;padding:14px;background:#fff}.permission-group h3{margin:0 0 10px;color:#26384d;font-size:15px}.permission-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:#344054;border-top:1px solid #f2f4f7}.permission-toggle:first-of-type{border-top:none}.permission-toggle.danger{color:#b42318}.permission-toggle input{width:18px;height:18px;flex:0 0 auto}.error-message{background:#fee4e2;color:#912018;padding:10px 12px;border-radius:6px;margin-bottom:16px;border:1px solid #fecdca}.users-filters-panel{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.2fr) minmax(220px,1.4fr) minmax(150px,.9fr) auto auto;gap:12px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.users-filter-field{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:13px;font-weight:700}.users-filter-field select{width:100%;min-height:38px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;padding:8px 10px;color:#1f2937;font:inherit;font-weight:400;background:#fff}.users-filter-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1f}.users-filter-field select:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}.users-clear-filters{min-height:38px;white-space:nowrap}.users-clear-filters:disabled{opacity:.55;cursor:not-allowed}.users-filter-count{min-height:38px;display:inline-flex;align-items:center;justify-content:flex-end;color:#667085;font-size:13px;font-weight:700;white-space:nowrap}@media (max-width: 768px){.users{padding:15px}.users-header{flex-direction:column}.users-primary-btn,.search-input{width:100%}.users-form-grid,.permissions-grid{grid-template-columns:1fr}.users-modal{width:95%;padding:20px}}@media (max-width: 1100px){.users-filters-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.users-clear-filters,.users-filter-count{justify-content:center}}@media (max-width: 768px){.users-filters-panel{grid-template-columns:1fr}.users-clear-filters,.users-filter-count{width:100%}}.tickets{background:#fff;border-radius:8px;padding:30px}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tickets-header h1{margin:0;color:#2c3e50}.btn-primary{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.btn-primary:hover{background-color:#2980b9}.filters{display:flex;gap:10px;margin-bottom:20px}.filters select{padding:8px 12px;border:2px solid #ddd;border-radius:5px;font-size:14px}.tickets-list{display:grid;gap:15px}.ticket-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s}.ticket-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.ticket-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.ticket-id{font-weight:700;color:#3498db}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.status-open{background-color:#fff3cd;color:#856404}.status-in_progress{background-color:#cfe2ff;color:#084298}.status-completed,.status-closed{background-color:#d1e7dd;color:#0f5132}.priority{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.priority-low{background-color:#d1e7dd;color:#0f5132}.priority-medium{background-color:#fff3cd;color:#856404}.priority-high{background-color:#f8d7da;color:#842029}.ticket-description{margin-bottom:10px;color:#2c3e50;line-height:1.5}.ticket-footer{display:flex;gap:15px;font-size:12px;color:#7f8c8d}.empty-state{text-align:center;padding:50px;color:#7f8c8d}.tickets-loading{text-align:center;padding:50px;font-size:18px;color:#7f8c8d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#7f8c8d;line-height:1}.close-btn:hover{color:#2c3e50}.modal-body p{margin-bottom:10px;color:#2c3e50}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px}.file-input{padding:10px 0;width:100%}.photos-preview{margin-top:10px}.photos-list{display:flex;flex-wrap:wrap;gap:10px}.photo-item{position:relative;width:80px;height:80px}.photo-item img{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid #ddd}.photo-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#e74c3c;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.photo-remove:hover{background:#c0392b}.no-photos{color:#7f8c8d;font-size:14px;padding:10px 0}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.btn-cancel{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s}.btn-cancel:hover{background:#5a6268}.btn-submit{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s}.btn-submit:hover:not(:disabled){background:#2980b9}.btn-submit:disabled{background:#95a5a6;cursor:not-allowed}.view-field{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ecf0f1}.view-field strong{display:block;margin-bottom:8px;color:#7f8c8d;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.view-field p{margin:0;color:#2c3e50;line-height:1.5}.view-field span{display:inline-block;font-size:14px;color:#2c3e50}@media (max-width: 768px){.tickets{padding:15px}.filters{flex-direction:column}.ticket-header{flex-wrap:wrap}.modal-content{padding:20px;width:95%}.photos-list{gap:8px}.photo-item{width:70px;height:70px}}.photo-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-viewer-image{max-width:90vw;max-height:90vh;object-fit:contain;cursor:pointer;animation:zoomIn .2s ease}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.photo-viewer-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#fff3;border:none;color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.photo-viewer-close:hover{background-color:#ffffff4d;transform:scale(1.1)}.photo-viewer-prev,.photo-viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80px;background-color:#fff3;border:none;color:#fff;font-size:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.photo-viewer-prev{left:20px;border-radius:0 8px 8px 0}.photo-viewer-next{right:20px;border-radius:8px 0 0 8px}.photo-viewer-prev:hover,.photo-viewer-next:hover{background-color:#ffffff4d;transform:translateY(-50%) scale(1.05)}.photo-viewer-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10}.photo-viewer-info{position:absolute;top:20px;left:20px;background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;z-index:10}@media (max-width: 768px){.photo-viewer-prev,.photo-viewer-next{width:40px;height:60px;font-size:36px}.photo-viewer-prev{left:5px}.photo-viewer-next{right:5px}.photo-viewer-close{top:10px;right:10px;width:35px;height:35px;font-size:28px}.photo-viewer-image{max-width:95vw;max-height:85vh}.photo-viewer-counter{bottom:10px;padding:6px 12px;font-size:12px}}.photo-item{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;transition:transform .2s}.photo-item:hover{transform:scale(1.02)}.photo-count{position:absolute;bottom:8px;right:8px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-accept{background-color:#2e7d32;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:700}.btn-accept:hover{background-color:#1b5e20}.btn-complete{background-color:#f59e0b;color:#1f2937;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:700}.btn-complete:hover{background-color:#fbbf24}.assignments-page{background:#f8fafc;border:1px solid #d9e2ec;border-radius:8px;padding:24px;color:#182230}.assignments-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.assignments-header h1{margin:0 0 6px;color:#102a43;font-size:26px;font-weight:700}.assignments-header p{margin:0;color:#667085}.assignments-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:14px;background:#fff;border:1px solid #d9e2ec;border-radius:8px}.assignments-toolbar select,.form-group input,.form-group select,.form-group textarea{border:1px solid #d0d5dd;border-radius:6px;padding:10px 12px;font:inherit;background:#fff;color:#182230}.assignments-toolbar select{min-width:190px}.assignments-table-wrap{border:1px solid #d9e2ec;border-radius:8px;overflow:auto;background:#fff}.assignments-table{width:100%;border-collapse:collapse;min-width:760px}.assignments-table th,.assignments-table td{padding:12px 14px;border-bottom:1px solid #e6ebf1;text-align:left;vertical-align:top}.assignments-table th{background:#eef2f6;color:#344054;font-size:13px;font-weight:600}.assignments-table tbody tr{cursor:pointer}.assignments-table tbody tr:hover{background:#f5f8fb}.assignments-table tbody tr.assignment-row-overdue,.assignments-table tbody tr.assignment-row-overdue:hover{background:#fdecec}.assignments-table tbody tr.assignment-row-completed-on-time,.assignments-table tbody tr.assignment-row-completed-on-time:hover{background:#eaf7ed}.assignments-table tbody tr.assignment-row-loading{opacity:.65;pointer-events:none}.assignment-content-cell{max-width:420px;line-height:1.45}.cell-subtext{display:block;margin-top:4px;color:#667085;font-size:12px}.assignment-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status-in_progress{background:#e8f1fb;color:#1d4f7a}.status-completed{background:#e6f4ea;color:#256039}.status-extension_requested{background:#fff4d6;color:#8a5a00}.muted,.assignments-empty{color:#667085}.assignments-empty{padding:36px;text-align:center}.assignment-modal{max-width:760px}.analytics-modal{max-width:1040px}.form-row{display:grid;grid-template-columns:220px 1fr;gap:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#344054;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box}.form-group textarea{min-height:110px;resize:vertical}.file-note{margin-top:8px;color:#475467;font-size:13px}.assignee-select{position:relative;outline:none}.assignee-select-trigger{width:100%;min-height:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border:1px solid #d0d5dd;border-radius:6px;padding:8px 36px 8px 12px;background:#fff;color:#182230;cursor:pointer;font:inherit;text-align:left}.assignee-select-trigger:after{content:"";position:absolute;top:18px;right:14px;width:8px;height:8px;border-right:2px solid #526173;border-bottom:2px solid #526173;transform:rotate(45deg)}.assignee-select:focus-within .assignee-select-trigger{border-color:#2f5f8f;box-shadow:0 0 0 3px #2f5f8f1f}.assignee-select-trigger span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-select-trigger.has-value span{font-weight:600}.assignee-select-trigger.is-placeholder span{color:#667085;font-weight:400}.assignee-select-trigger em{max-width:100%;overflow:hidden;color:#667085;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.assignee-select-list{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:260px;overflow:auto;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 14px 30px #102a432e}.assignee-select-option{width:100%;display:block;border:0;border-bottom:1px solid #eef2f6;padding:10px 12px;background:#fff;color:#182230;cursor:pointer;font:inherit;text-align:left}.assignee-select-option:last-child{border-bottom:0}.assignee-select-option strong,.assignee-select-option span{display:block}.assignee-select-option strong{font-weight:500}.assignee-select-option span{margin-top:3px;color:#667085;font-size:12px}.assignee-select-option:hover,.assignee-select-option.highlighted{background:#eef2f6}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.details-grid div,.assignment-text-block,.assignment-file-line,.assignment-response,.assignment-response-form{border:1px solid #d9e2ec;border-radius:8px;padding:12px;background:#fff}.details-grid span,.assignment-text-block span,.assignment-file-line span{display:block;margin-bottom:4px;color:#667085;font-size:12px;font-weight:600;text-transform:uppercase}.details-grid strong{color:#1f2937}.assignment-text-block,.assignment-file-line,.assignment-responses{margin-bottom:14px}.assignment-text-block p,.assignment-response p{margin:0;line-height:1.5}.assignment-responses h3,.assignment-response-form h3{margin:0 0 12px;color:#102a43}.assignment-response+.assignment-response{margin-top:10px}.response-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.response-head span{color:#667085;font-size:13px}.response-author{margin:-2px 0 8px;color:#526173;font-size:13px;font-weight:500}.assignment-action-choice,.inline-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.btn-secondary{padding:10px 16px;background:#eef2f6;color:#102a43;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-secondary:hover{background:#e3e8ef}.assignee-multi-filters{display:grid;grid-template-columns:1fr;gap:8px}.assignee-multi-filters input,.assignee-multi-filters select{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;padding:10px 12px;font:inherit}.assignee-multi-list{max-height:240px;overflow:auto;margin-top:10px;border:1px solid #d9e2ec;border-radius:8px;background:#fff}.assignee-multi-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #edf1f5;cursor:pointer}.assignee-multi-item:last-child{border-bottom:0}.assignee-multi-item.selected{background:#eef8f0}.assignee-multi-item span{display:grid;gap:2px}.assignee-multi-item em,.assignee-multi-empty{color:#667085;font-size:13px;font-style:normal}.assignee-multi-empty{padding:16px;text-align:center}.assignments-analytics-btn{padding:10px 16px;background:#102a43;color:#fff;border:1px solid #102a43;border-radius:6px;cursor:pointer;font-weight:600}.assignments-analytics-btn:hover{background:#1d3f5f}.analytics-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px;padding:14px;background:#f8fafc;border:1px solid #d9e2ec;border-radius:8px}.analytics-export-actions{display:flex;justify-content:flex-end;gap:10px;margin:-4px 0 18px}.analytics-filters label{display:flex;flex-direction:column;gap:6px}.analytics-filters span{color:#526173;font-size:12px;font-weight:600;text-transform:uppercase}.analytics-filters select,.analytics-filters input{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;padding:10px 12px;font:inherit;color:#182230;background:#fff}.analytics-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:18px}.analytics-stat{min-height:94px;border:1px solid #d9e2ec;border-radius:8px;padding:14px;background:#fff}.analytics-stat span{display:block;color:#526173;font-size:12px;font-weight:600;text-transform:uppercase}.analytics-stat strong{display:block;margin-top:10px;color:#102a43;font-size:28px;line-height:1}.analytics-stat em{display:block;margin-top:6px;color:#526173;font-style:normal;font-weight:600}.analytics-stat.danger strong{color:#9b1c1c}.analytics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analytics-chart{border:1px solid #d9e2ec;border-radius:8px;padding:14px;background:#fff}.analytics-chart h3{margin:0 0 14px;color:#102a43;font-size:16px}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) 150px;gap:10px;align-items:center}.analytics-bar-label{min-width:0;overflow:hidden;color:#344054;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.analytics-bar-track{height:10px;overflow:hidden;background:#eef2f6;border-radius:999px}.analytics-bar-fill{height:100%;background:#2f5f8f;border-radius:inherit}.analytics-bar-value{color:#526173;font-size:13px;font-weight:500;text-align:right;white-space:nowrap}.analytics-empty-chart{padding:28px 10px;color:#667085;text-align:center;background:#f8fafc;border-radius:6px}@media (max-width: 768px){.assignments-page{padding:14px}.assignments-header{flex-direction:column}.assignments-toolbar select,.assignments-analytics-btn{width:100%}.form-row,.details-grid,.analytics-filters,.analytics-summary,.analytics-chart-grid,.analytics-bar-row{grid-template-columns:1fr}.analytics-bar-value{text-align:left}.assignment-modal{width:95%;padding:20px}}.assignment-create-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px;max-height:min(860px,calc(100vh - 32px));overflow:hidden}.assignment-create-modal form{display:flex;max-height:inherit;min-height:0;flex-direction:column}.assignment-create-header{align-items:flex-start}.assignment-create-header h2{margin-bottom:4px}.assignment-create-header p{margin:0;color:#667085;font-size:13px;line-height:1.35}.assignment-create-body{min-height:0;overflow:auto}.assignment-create-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px;align-items:stretch}.assignment-form-panel{min-width:0;border:1px solid #d9e2ec;border-radius:10px;background:#fff;padding:16px}.assignment-main-panel,.assignment-assignees-panel{display:flex;min-height:0;flex-direction:column}.assignment-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf1f5}.assignment-panel-heading span{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#eef2f6;color:#526173;font-size:12px;font-weight:700;text-transform:uppercase}.assignment-panel-heading h3{margin:6px 0 0;color:#102a43;font-size:17px;line-height:1.25}.assignment-panel-heading.with-actions strong{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#102a43;color:#fff;font-size:14px}.assignment-main-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);gap:14px;margin-top:auto}.assignment-file-picker{min-height:42px;display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px dashed #b8c4d1;border-radius:8px;background:#f8fafc;color:#102a43;cursor:pointer;font-weight:700}.assignment-file-picker:hover{background:#eef2f6}.assignment-file-picker input{display:none}.assignee-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.assignee-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#667085;font-size:13px;font-weight:700}.assignee-list-head button{border:0;background:transparent;color:#2f5f8f;cursor:pointer;font:inherit;font-weight:700}.assignee-multi-list{flex:1 1 auto;min-height:260px;max-height:360px;scrollbar-gutter:stable}.assignee-multi-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 12px}.assignee-multi-item input[type=checkbox]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.assignee-multi-check{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8c4d1;border-radius:6px;background:#fff;color:transparent;line-height:1;font-size:14px;font-weight:900}.assignee-multi-item.selected .assignee-multi-check{border-color:#2f5f8f;background:#2f5f8f;color:#fff}.assignee-multi-item:focus-within{outline:3px solid rgba(47,95,143,.14);outline-offset:-3px}.assignee-multi-user{min-width:0;display:grid;gap:3px}.assignee-multi-user strong,.assignee-multi-user em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-selected-box{margin-top:12px;padding:10px;border:1px solid #d9e2ec;border-radius:8px;background:#f8fafc}.assignee-selected-box>span{display:block;color:#526173;font-size:13px;font-weight:700}.assignee-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.assignee-selected-chips button,.assignee-selected-chips em{max-width:180px;min-height:28px;display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:999px;padding:4px 9px;background:#fff;color:#344054;font-size:12px;font-style:normal;font-weight:700}.assignee-selected-chips button{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-selected-chips button:hover{background:#eef2f6}.assignment-create-footer{align-items:center}@media (max-width: 980px){.assignment-create-layout,.assignment-main-grid,.assignee-filter-row{grid-template-columns:1fr}.assignment-create-modal{width:min(96vw,760px)}.assignee-multi-list{min-height:220px}}.profile-page{max-width:760px;margin:0 auto;display:grid;gap:18px}.profile-card{padding:22px;border:1px solid #d9e2ec;border-radius:10px;background:#fff;color:#182230}.profile-card h1,.profile-card h2{margin:0 0 18px}.profile-card dl{margin:0}.profile-card dl div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f5}.profile-card dt{color:#667085}.profile-card dd{margin:0;font-weight:600}.password-form{display:grid;gap:14px}.password-form label{display:grid;gap:6px;font-weight:600}.password-form input{min-height:42px;padding:8px 10px;border:1px solid #cbd5df;border-radius:7px;font:inherit}.password-form button{min-height:42px;border:0;border-radius:7px;background:#2e7d32;color:#fff;font-weight:700;cursor:pointer}.password-form button:disabled{opacity:.6;cursor:wait}.profile-error,.profile-success{padding:10px;border-radius:7px}.profile-error{background:#feeceb;color:#a12622}.profile-success{background:#e8f5e9;color:#256029}.profile-change-password{margin-top:20px;min-height:42px;padding:8px 18px;border:0;border-radius:7px;background:#2e7d32;color:#fff;font-weight:700;cursor:pointer}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.profile-actions .profile-change-password{margin-top:0}.profile-change-password.secondary{background:#102a43}.profile-avatar-block{display:flex;align-items:center;gap:16px;margin-bottom:18px}.profile-avatar-preview{width:78px;height:78px;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#eef2f6;color:#102a43;font-size:34px;font-weight:800}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-avatar-upload,.profile-avatar-delete{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:0;border-radius:7px;font-weight:700;cursor:pointer}.profile-avatar-upload{background:#2e7d32;color:#fff}.profile-avatar-upload input{display:none}.profile-avatar-delete{background:#eef2f6;color:#102a43}.profile-avatar-upload:has(input:disabled),.profile-avatar-delete:disabled{opacity:.6;cursor:wait}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a7a}.profile-modal{width:min(480px,100%)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-modal-header h2{margin:0}.profile-modal-header button{width:34px;height:34px;border:0;border-radius:7px;background:#edf1f5;color:#344054;font-size:24px;cursor:pointer}.notifications-modal{display:grid;gap:12px}.notification-setting-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f5;font-weight:700}.notification-setting-row input{width:20px;height:20px}.profile-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.profile-modal-actions .profile-change-password{margin-top:0}@media (max-width: 600px){.profile-card dl div{grid-template-columns:1fr;gap:3px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-wrap:anywhere}img,video{max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}