:root{--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--primary:#4f46e5;--primary-light:#e0e7ff;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--warning:#f59e0b;--border-radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (prefers-color-scheme:dark){:root{--bg-color:#0f172a;--card-bg:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary:#6366f1;--primary-light:#312e81;--success:#34d399;--success-light:#064e3b;--danger:#f87171;--danger-light:#7f1d1d}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);padding-bottom:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.container{max-width:600px;margin:0 auto;padding:16px}header{margin-bottom:24px}h1{background:linear-gradient(135deg,var(--primary)0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.subtitle{color:var(--text-muted);font-size:14px}.refresh-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.summary-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:16px;display:flex}.summary-card.danger{border-left:4px solid var(--danger)}.summary-card.success{border-left:4px solid var(--success)}.summary-count{font-size:28px;font-weight:800}.summary-label{color:var(--text-muted);font-size:13px}.user-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:16px;transition:transform .2s;overflow:hidden}.user-header{cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:16px;display:flex}.user-card.expanded .user-header{border-bottom:1px solid #0000000d}.user-name{font-size:16px;font-weight:600}.user-stats{color:var(--text-muted);gap:8px;font-size:13px;display:flex}.stat-pill{background-color:var(--bg-color);border-radius:6px;padding:4px 8px;font-weight:500}.stat-pill.warn{color:var(--danger);background-color:var(--danger-light)}.book-list{padding:0;list-style:none}.book-item{border-bottom:1px solid #0000000d;align-items:flex-start;gap:12px;padding:16px;display:flex}.book-item:last-child{border-bottom:none}.book-icon{flex-shrink:0;margin-top:2px}.book-info{flex-grow:1}.book-title{color:var(--text-main);margin-bottom:4px;font-size:15px;font-weight:500}.book-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.status-badge{text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.status-badge.due-soon{background-color:var(--danger-light);color:var(--danger)}.status-badge.normal{background-color:var(--primary-light);color:var(--primary)}.status-badge.reserved{background-color:var(--success-light);color:var(--success)}.loading-overlay{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.section-title{text-transform:uppercase;color:var(--text-muted);margin-top:8px;padding:12px 16px 4px;font-size:13px;font-weight:700}