.fanous-vue-shell{color:inherit;font-family:inherit}.fanous-vue-app-shell{min-height:100vh;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--ds-primary, #0891b2) 10%,transparent),transparent 30%),var(--ds-bg, #f3f8fb);color:var(--ds-text, #0f172a);display:grid;grid-template-columns:240px minmax(0,1fr)}.fanous-vue-sidebar{position:sticky;top:0;height:100vh;display:grid;align-content:start;gap:1rem;padding:1rem;border-inline-start:1px solid var(--ds-border, #d4e1ea);background:color-mix(in srgb,var(--ds-card-bg, #fff) 94%,transparent)}.fanous-vue-brand{align-items:center;color:inherit;display:flex;gap:.75rem;text-decoration:none}.fanous-vue-brand img{border-radius:12px;height:42px;object-fit:cover;width:42px}.fanous-vue-brand strong{font-size:1.35rem;font-weight:900}.fanous-vue-user-card{align-items:center;display:flex;gap:.75rem;min-width:0;padding:.75rem;border:1px solid var(--ds-border, #d4e1ea);border-radius:8px;background:color-mix(in srgb,var(--ds-card-bg, #fff) 92%,var(--ds-primary, #0891b2) 8%)}.fanous-vue-user-card img,.fanous-vue-user-card>span{align-items:center;background:var(--ds-primary, #0891b2);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-weight:900;height:42px;justify-content:center;object-fit:cover;width:42px}.fanous-vue-user-card div{display:grid;min-width:0}.fanous-vue-user-card strong,.fanous-vue-user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanous-vue-user-card small{color:var(--ds-muted, #64748b);font-size:.78rem}.fanous-vue-nav{display:grid;gap:.35rem}.fanous-vue-nav a{align-items:center;border:1px solid transparent;border-radius:8px;color:inherit;display:flex;gap:.65rem;min-height:42px;padding:.5rem .65rem;text-decoration:none}.fanous-vue-nav a:hover,.fanous-vue-nav a.is-active{background:color-mix(in srgb,var(--ds-primary, #0891b2) 12%,transparent);border-color:color-mix(in srgb,var(--ds-primary, #0891b2) 24%,transparent)}.fanous-vue-nav span{align-items:center;background:color-mix(in srgb,var(--ds-primary, #0891b2) 14%,transparent);border-radius:999px;color:var(--ds-primary, #0891b2);display:inline-flex;flex:0 0 auto;font-size:.8rem;font-weight:900;height:30px;justify-content:center;width:30px}.fanous-vue-nav strong{font-size:.92rem;font-weight:900}.fanous-vue-main{min-width:0}.fanous-vue-topbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:64px;padding:.75rem 1.25rem;border-bottom:1px solid var(--ds-border, #d4e1ea);background:color-mix(in srgb,var(--ds-card-bg, #fff) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.fanous-vue-topbar div:first-child{display:grid}.fanous-vue-topbar strong{font-weight:900}.fanous-vue-topbar small{color:var(--ds-muted, #64748b)}.fanous-vue-topbar__actions{align-items:center;display:flex;gap:.5rem}.fanous-vue-topbar__actions a,.fanous-vue-topbar__actions button{border:1px solid var(--ds-border, #d4e1ea);border-radius:8px;background:var(--ds-card-bg, #fff);color:inherit;cursor:pointer;font:inherit;font-weight:800;min-height:38px;padding:.45rem .75rem;text-decoration:none}.fanous-vue-topbar__actions button:last-child{border-color:color-mix(in srgb,#dc2626 24%,var(--ds-border, #d4e1ea));color:#dc2626}.fanous-vue-page{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.5rem)}.fanous-vue-dashboard,.fanous-vue-module{display:grid;gap:1rem}.fanous-vue-module__header{align-items:center;border:1px solid color-mix(in srgb,var(--ds-primary, #0891b2) 16%,var(--ds-border, #d4e1ea));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-primary, #0891b2) 12%,transparent),transparent 58%),var(--ds-card-bg, #fff);display:flex;gap:1rem;justify-content:space-between;padding:clamp(1.1rem,2.5vw,1.6rem)}.fanous-vue-module__header span{color:var(--ds-primary, #0891b2);font-size:.82rem;font-weight:900}.fanous-vue-module__header h1{font-size:clamp(1.65rem,2.6vw,2.4rem);font-weight:900;letter-spacing:0;margin:.2rem 0 .3rem}.fanous-vue-module__header p{color:var(--ds-muted, #64748b);line-height:1.8;margin:0;max-width:52rem}.fanous-vue-module__actions{display:flex;flex-wrap:wrap;gap:.5rem}.fanous-vue-module__actions a{border:1px solid var(--ds-border, #d4e1ea);border-radius:8px;background:var(--ds-card-bg, #fff);color:inherit;font-weight:900;min-height:40px;padding:.55rem .8rem;text-decoration:none}.fanous-vue-module__actions a.is-primary{background:var(--ds-primary, #0891b2);border-color:var(--ds-primary, #0891b2);color:#fff}.fanous-vue-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.fanous-vue-tabs button{border:1px solid var(--ds-border, #d4e1ea);border-radius:8px;background:var(--ds-card-bg, #fff);color:inherit;cursor:pointer;font:inherit;font-weight:900;min-height:40px;padding:.5rem .9rem}.fanous-vue-tabs button.is-active{background:color-mix(in srgb,var(--ds-primary, #0891b2) 15%,var(--ds-card-bg, #fff));border-color:color-mix(in srgb,var(--ds-primary, #0891b2) 42%,var(--ds-border, #d4e1ea));color:var(--ds-primary, #0891b2)}.fanous-vue-hero{border:1px solid color-mix(in srgb,var(--ds-primary, #0891b2) 18%,var(--ds-border, #d4e1ea));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-primary, #0891b2) 14%,transparent),transparent 55%),var(--ds-card-bg, #fff);padding:clamp(1.25rem,3vw,2rem)}.fanous-vue-hero span{color:var(--ds-primary, #0891b2);font-size:.85rem;font-weight:900}.fanous-vue-hero h1{margin:.35rem 0 .45rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;letter-spacing:0}.fanous-vue-hero p{color:var(--ds-muted, #64748b);line-height:1.9;margin:0;max-width:58rem}.fanous-vue-quick-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.fanous-vue-quick-grid a{border:1px solid var(--ds-border, #d4e1ea);border-radius:8px;background:var(--ds-card-bg, #fff);color:inherit;display:grid;gap:.35rem;min-height:7rem;padding:1rem;text-decoration:none}.fanous-vue-quick-grid a:hover{border-color:color-mix(in srgb,var(--ds-primary, #0891b2) 42%,var(--ds-border, #d4e1ea));box-shadow:0 16px 36px color-mix(in srgb,var(--ds-primary, #0891b2) 10%,transparent)}.fanous-vue-quick-grid strong{font-size:1rem;font-weight:900}.fanous-vue-quick-grid small{color:var(--ds-muted, #64748b);line-height:1.7}.fanous-vue-card{background:var(--card, var(--ds-card-bg, #191c24));border:1px solid var(--border, var(--ds-border, rgba(148, 163, 184, .22)));border-radius:8px;color:var(--card-foreground, var(--ds-text, #f4f7fb));padding:1rem}.fanous-vue-card__title,.fanous-vue-title{margin:0 0 .75rem;color:inherit;font-size:1rem;font-weight:900}.fanous-vue-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;min-height:2.5rem;padding:.5rem 1rem}.fanous-vue-button:disabled{cursor:not-allowed;opacity:.65}.fanous-vue-button.is-primary{background:#0891b2;color:#fff}.fanous-vue-spinner{animation:fanous-vue-spin .8s linear infinite;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:999px;display:inline-block;height:1rem;width:1rem}.fanous-vue-state{align-items:center;border:1px dashed color-mix(in srgb,currentColor 20%,transparent);border-radius:8px;display:flex;gap:.5rem;justify-content:center;min-height:4rem;padding:1rem}.fanous-vue-state.is-error{background:#fef2f2;color:#991b1b}.fanous-vue-json{direction:ltr;overflow:auto;text-align:left;white-space:pre-wrap}.fanous-vue-field{display:grid;gap:.35rem}.fanous-vue-input,.fanous-vue-field :where(input,select,textarea){background:var(--input, #0f1118);border:1px solid var(--border, color-mix(in srgb, currentColor 18%, transparent));border-radius:8px;color:inherit;min-height:2.35rem;padding:.45rem .7rem;width:100%}.fanous-vue-field__error{color:#b91c1c}.fanous-vue-table-wrap{overflow-x:auto}.fanous-vue-table{border-collapse:collapse;min-width:42rem;width:100%}.fanous-vue-table th,.fanous-vue-table td{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);padding:.6rem .65rem;text-align:start;white-space:nowrap}.fanous-vue-summary__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.fanous-vue-summary__header p{margin:.25rem 0 0;opacity:.72}.fanous-vue-refresh{background:var(--primary, var(--ds-primary-dark, #0e7490));border:0;border-radius:8px;color:#fff;cursor:pointer;min-height:2.25rem;padding:.4rem .8rem}.fanous-vue-refresh:disabled{cursor:wait;opacity:.7}.fanous-vue-refresh.is-muted{background:transparent;border:1px solid color-mix(in srgb,currentColor 20%,transparent);color:inherit}.fanous-vue-inline-actions{align-items:center;display:inline-flex;gap:.5rem}.fanous-vue-summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.fanous-vue-summary-card{background:color-mix(in srgb,var(--primary, var(--ds-primary, #0891b2)) 10%,var(--card, #191c24));border:1px solid color-mix(in srgb,var(--primary, var(--ds-primary, #0891b2)) 24%,var(--border, transparent));border-radius:8px;display:grid;gap:.35rem;min-height:5.35rem;padding:.75rem .85rem}.fanous-vue-summary-card span,.fanous-vue-summary-card small{color:var(--muted-foreground, var(--ds-muted, #a8b0d0));opacity:1}.fanous-vue-summary-card strong{color:var(--foreground, var(--ds-text, #f4f7fb));font-size:1.45rem;line-height:1.1}.fanous-vue-library-members{display:grid;gap:1rem}.fanous-vue-library-books,.fanous-vue-library-loans,.fanous-vue-inventory-copies{display:grid;gap:1rem;margin-bottom:1rem}.fanous-vue-fee-reminders{display:grid;gap:1rem;margin:1rem 0}.fanous-vue-member-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(10rem,14rem)}.fanous-vue-book-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) minmax(9rem,12rem) minmax(7rem,9rem)}.fanous-vue-loan-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) repeat(2,minmax(8.5rem,10rem))}.fanous-vue-inventory-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) minmax(9rem,12rem) minmax(7rem,9rem)}.fanous-vue-fee-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem)}.fanous-vue-student-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) minmax(7rem,9rem) minmax(9rem,11rem)}.fanous-vue-finance,.fanous-vue-users,.fanous-vue-purchaser,.fanous-vue-representative{display:grid;gap:1rem;margin-bottom:1rem}.fanous-vue-finance-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(8rem,11rem)) repeat(2,minmax(8.5rem,10rem))}.fanous-vue-user-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) minmax(9rem,12rem)}.fanous-vue-purchaser-filters,.fanous-vue-representative-filters{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem) repeat(2,minmax(8.5rem,10rem)) minmax(8rem,11rem)}.fanous-vue-finance-party{display:grid;gap:.2rem}.fanous-vue-finance-party small{opacity:.72}.fanous-vue-badge{background:color-mix(in srgb,#0e7490 12%,transparent);border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;margin-inline-end:.25rem;padding:.2rem .55rem}.fanous-vue-badge.is-income{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.fanous-vue-badge.is-expense{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}.fanous-vue-badge.is-muted{background:color-mix(in srgb,currentColor 10%,transparent);opacity:.78}.fanous-vue-badge.is-primary{background:color-mix(in srgb,#2563eb 14%,transparent);color:#1d4ed8}.fanous-vue-badge.is-active{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.fanous-vue-badge.is-pending{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}.fanous-vue-badge.is-suspended{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}.fanous-vue-badge.is-available{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.fanous-vue-badge.is-damaged,.fanous-vue-badge.is-lost{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}.fanous-vue-badge.is-archived{background:color-mix(in srgb,currentColor 10%,transparent);opacity:.76}.fanous-vue-badge.is-borrowed{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}.fanous-vue-badge.is-late,.fanous-vue-badge.is-lost{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}.fanous-vue-badge.is-returned{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.fanous-vue-amount.is-income{color:#15803d}.fanous-vue-amount.is-expense{color:#b91c1c}.fanous-vue-ltr{direction:ltr;display:inline-block}.fanous-vue-lock-label{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;display:inline-flex;opacity:.7;padding:.35rem .65rem}.fanous-vue-message-preview{line-height:1.7;margin:0;max-width:28rem;white-space:normal}.fanous-vue-member-cell{align-items:center;display:flex;gap:.65rem}.fanous-vue-member-cell img,.fanous-vue-member-cell>span{align-items:center;background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;flex:0 0 auto;font-weight:700;height:2.25rem;justify-content:center;object-fit:cover;width:2.25rem}.fanous-vue-member-cell small{display:block;opacity:.72}.fanous-vue-copy-cell{display:grid;gap:.3rem;min-width:8rem}.fanous-vue-copy-cell small{opacity:.72}.fanous-vue-table-actions{display:inline-flex;gap:.5rem}.fanous-vue-table-actions a,.fanous-vue-pagination button{background:#0e7490;border:0;border-radius:8px;color:#fff;cursor:pointer;padding:.35rem .65rem;text-decoration:none}.fanous-vue-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center}.fanous-vue-pagination button:disabled{cursor:not-allowed;opacity:.55}.fanous-vue-room-summary{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.fanous-vue-room-summary article{background:color-mix(in srgb,#0e7490 8%,transparent);border:1px solid color-mix(in srgb,#0e7490 16%,transparent);border-radius:8px;display:grid;gap:.25rem;padding:.75rem}.fanous-vue-room-summary span{opacity:.72}.fanous-vue-room-summary strong{font-size:1.35rem}.fanous-vue-usage{background:color-mix(in srgb,#0e7490 12%,transparent);border-radius:999px;height:.5rem;min-width:7rem;overflow:hidden}.fanous-vue-usage span{background:#0e7490;display:block;height:100%}@media(max-width:640px){.fanous-vue-app-shell{grid-template-columns:1fr}.fanous-vue-sidebar{height:auto;position:static}.fanous-vue-topbar,.fanous-vue-topbar__actions,.fanous-vue-module__header,.fanous-vue-module__actions{align-items:stretch;flex-direction:column}.fanous-vue-member-filters,.fanous-vue-book-filters,.fanous-vue-loan-filters,.fanous-vue-inventory-filters,.fanous-vue-fee-filters,.fanous-vue-student-filters,.fanous-vue-finance-filters,.fanous-vue-user-filters,.fanous-vue-purchaser-filters,.fanous-vue-representative-filters{grid-template-columns:1fr}.fanous-vue-summary__header,.fanous-vue-inline-actions{align-items:stretch;flex-direction:column}}.fanous-vue-modal{inset:0;position:fixed;z-index:10000}.fanous-vue-modal__backdrop{background:#0f172a99;border:0;inset:0;position:absolute}.fanous-vue-modal__panel{background:#fff;border-radius:8px;box-shadow:0 24px 70px #0f172a4d;inset:50% auto auto 50%;max-width:min(92vw,40rem);padding:1rem;position:absolute;transform:translate(-50%,-50%);width:100%}.fanous-vue-modal__header{align-items:center;display:flex;justify-content:space-between}.fanous-vue-modal__header button{background:transparent;border:0;cursor:pointer;font-size:1.5rem;line-height:1}@keyframes fanous-vue-spin{to{transform:rotate(360deg)}}.fanous-vue-form{display:grid;gap:1rem}.fanous-vue-form-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.fanous-vue-form-grid__full{grid-column:1 / -1}.fanous-vue-form-error{border:1px solid color-mix(in srgb,#dc2626 28%,transparent);border-radius:8px;background:color-mix(in srgb,#dc2626 8%,transparent);color:#b91c1c;font-weight:800;margin:0;padding:.75rem .9rem}.fanous-vue-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.fanous-vue-form-actions button,.fanous-vue-table-actions button{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;background:var(--ds-card-bg, #fff);color:inherit;cursor:pointer;font:inherit;font-weight:900;min-height:38px;padding:.45rem .8rem}.fanous-vue-form-actions button.is-primary{border-color:var(--ds-primary, #0891b2);background:var(--ds-primary, #0891b2);color:#fff}.fanous-vue-form-actions button:disabled{cursor:not-allowed;opacity:.55}.fanous-vue-checkbox{align-items:center;display:flex;gap:.5rem;font-weight:800}.fanous-vue-modal__panel{background:var(--ds-card-bg, #fff);color:var(--ds-text, #0f172a);max-height:min(88vh,52rem);max-width:min(92vw,52rem);overflow-y:auto}.fanous-vue-modal__header{gap:1rem;margin-bottom:1rem}.fanous-vue-modal__header h2{font-size:1.25rem;font-weight:900;margin:0}@media(max-width:640px){.fanous-vue-form-grid{grid-template-columns:1fr}}