:root{--bg: #f5f7f9;--card: #ffffff;--border: #e3e8ec;--text: #1f2937;--text-muted: #6b7280;--green: #16a34a;--green-bg: #e1f5ee;--green-border: #a8dec9;--red: #ef4444;--badge-gray: #9ca3af;--radius: 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{min-height:100vh;padding:20px 28px}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text);white-space:nowrap}.logo-green{color:var(--green)}.search-box-wrap{position:relative;flex:1;max-width:340px;min-width:200px}.search-box-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:14px;outline:none}.search-box:focus{border-color:var(--green-border)}.btn-icon-square{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text-muted);cursor:pointer;flex-shrink:0}.btn-icon-square:hover{border-color:var(--green-border);color:var(--green)}.btn-reset{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;flex-shrink:0}.btn-reset:hover{border-color:var(--green-border);color:var(--green)}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:var(--green);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;flex-shrink:0}.btn-add:hover{opacity:.92}.toolbar-count{margin-left:auto;font-size:13px;color:var(--text-muted);white-space:nowrap}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.society-table{width:100%;border-collapse:collapse;font-size:14px}.society-table thead th{text-align:left;padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}.society-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:top}.society-table tbody tr:last-child td{border-bottom:none}.society-table tbody tr:hover{background:#fafcfb}.col-srno{width:60px;color:var(--text-muted)}.col-society{width:240px;font-weight:500}.col-inventory{width:110px}.col-note{min-width:320px;max-width:460px}.col-action{width:90px;text-align:center}.badge{display:inline-block;min-width:28px;text-align:center;padding:3px 10px;border-radius:999px;font-weight:600;font-size:13px;background:#f1f3f5;color:var(--badge-gray)}.badge.badge-active{background:var(--green-bg);color:var(--green)}.note-preview{color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.note-empty{color:var(--text-muted);font-style:italic}.note-meta{font-size:11.5px;color:var(--text-muted);margin-top:4px}.action-btns{display:flex;justify-content:center}.btn-note{background:none;border:1px solid var(--border);border-radius:7px;padding:6px 9px;cursor:pointer;position:relative;display:inline-flex;align-items:center;color:var(--text-muted)}.btn-note:hover{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.btn-note.has-notes{color:var(--green)}.note-count-badge{position:absolute;top:-7px;right:-7px;background:var(--red);color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50}.modal-panel{background:var(--card);width:520px;max-width:92vw;max-height:80vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:16px}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.note-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:10px}.note-item-text{white-space:pre-wrap;font-size:14px}.note-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11.5px;color:var(--text-muted)}.note-item-actions{display:flex;gap:8px}.note-item-actions button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px}.note-item-actions button:hover.edit{color:var(--green)}.note-item-actions button.delete:hover{color:var(--red)}.modal-footer{padding:14px 20px;border-top:1px solid var(--border)}.note-textarea{width:100%;min-height:70px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical;outline:none}.note-textarea:focus{border-color:var(--green-border)}.text-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;outline:none}.text-input:focus{border-color:var(--green-border)}.warning-text{color:var(--red);font-size:13px;font-weight:600;margin-top:8px}.note-submit-row{display:flex;justify-content:flex-end;margin-top:8px}.btn-primary{background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;font-size:13.5px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.empty-state,.loading-state,.error-state{padding:40px 20px;text-align:center;color:var(--text-muted)}.error-state{color:var(--red)}