form{margin:0}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:750;color:var(--text)}.field i{color:#ef4444;font-style:normal}.field input,.field select,.field textarea,.password-wrap input,.filterbar input,.filterbar select,.report-filters input,.report-filters select{background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:10px 12px;min-height:40px;outline:none;width:100%;font-size:12px}.field textarea{resize:vertical;min-height:80px;line-height:1.65}.field input:focus,.field select:focus,.field textarea:focus,.filterbar input:focus,.filterbar select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.field-wide{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;flex-wrap:wrap;grid-column:1/-1;margin-top:10px;border-top:1px solid var(--border);padding-top:17px}.form-actions:has(.btn){min-height:38px}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{border:0;background:transparent;position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--muted)}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;position:fixed;inset:0;background:rgba(10,20,40,.65);padding:20px;display:grid;place-items:center;backdrop-filter:blur(4px)}.modal{background:var(--surface);border:1px solid var(--border);width:min(100%,560px);max-height:min(90vh,900px);display:flex;flex-direction:column;border-radius:16px;box-shadow:0 35px 70px rgba(0,0,0,.3);overflow:hidden}.modal-wide{width:min(100%,790px)}.modal-header{padding:19px 23px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.modal-header h2{font-size:17px}.modal-content{overflow-y:auto;padding:23px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-pair{min-width:0;overflow-wrap:anywhere}.detail-pair small{display:block;color:var(--muted);font-size:10px;letter-spacing:.02em}.detail-pair>div{font-weight:650;font-size:12px;margin-top:5px}.detail-text{border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-top:19px;padding:15px}.detail-text h3{font-size:12px}.detail-text p{font-size:12px;line-height:1.8;margin:0}.sub-heading{margin:25px 0 10px}.history-list{display:grid;gap:9px}.history-list>div{border:1px solid var(--border);padding:10px 12px;border-radius:8px;font-size:11px}.history-list small{display:block;color:var(--muted);margin-top:5px}.empty-state{text-align:center;color:var(--muted);padding:38px 13px;display:grid;gap:10px;justify-items:center}.empty-state svg{width:33px;height:33px;color:#94a3b8}.empty-state strong{color:var(--text);font-size:12px}.empty-state small{font-size:11px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:14px 0}.archive-card{text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:17px;color:var(--text)}.archive-card:hover{border-color:#93c5fd;box-shadow:var(--shadow)}.archive-card-icon{height:42px;width:42px;background:var(--soft);color:var(--blue);border-radius:11px;display:grid;place-items:center}.archive-card small{color:var(--muted)}.archive-card strong{font-size:12px;line-height:1.4;min-height:40px}.settings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.settings-actions>div{border:1px solid var(--border);border-radius:12px;padding:18px}.settings-actions h3{font-size:13px}.settings-actions p{font-size:11px;line-height:1.8;color:var(--muted);min-height:78px}.settings-actions input[type=file]{display:block;max-width:100%;font-size:11px;margin-bottom:12px}.profile-head{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:23px;margin-bottom:20px}.profile-avatar{width:65px;height:65px;display:grid;place-items:center;background:#dbeafe;border-radius:18px;color:#1d4ed8;font-size:28px;font-weight:800}.profile-head h3{font-size:19px;margin-bottom:4px}.profile-head p{font-size:12px;color:var(--muted);margin:0}.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);padding:14px;border-radius:10px}.notification-item.unread{border-color:#bfdbfe;background:rgba(37,99,235,.035)}.notification-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--soft);color:var(--blue);flex:none}.notification-item>div:nth-child(2){flex:1}.notification-item strong{font-size:12px}.notification-item p{font-size:12px;color:var(--muted);margin:4px 0}.notification-item small{color:var(--muted)}.notification-actions{display:flex;gap:5px;flex-wrap:wrap}#toast-root{position:fixed;z-index:200;top:19px;right:18px;display:grid;gap:9px}.toast{background:#0f172a;color:white;border-left:4px solid #60a5fa;padding:12px 17px;border-radius:9px;box-shadow:0 9px 25px rgba(0,0,0,.22);font-size:12px;max-width:330px;transition:opacity .3s,transform .3s}.toast.success{border-color:#22c55e}.toast.error{border-color:#ef4444}.toast.warn{border-color:#f59e0b}.toast.hide{opacity:0;transform:translateX(12px)}

.attachment-wrap{display:grid;gap:7px;justify-items:start}.attachment-preview{width:100%;max-width:345px}.attachment-preview summary{cursor:pointer;color:var(--blue);font-size:11px;font-weight:700}.attachment-preview img{margin-top:8px;display:block;max-width:100%;max-height:240px;object-fit:contain;border:1px solid var(--border);border-radius:8px}.attachment-preview object{margin-top:8px;display:block;width:100%;height:300px}