:root{--bg:#101237;--surface:#ffffff0f;--surface-hover:#ffffff1a;--border:#ffffff1a;--text:#f5f1ff;--text-secondary:#b9aedd;--violet:#8452d5;--violet-hover:#9666e6;--gold:#f5d248;--danger:#f87171;--danger-bg:#f871711f;--success:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{margin:0;font-weight:700}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0003;flex-direction:column;flex-shrink:0;gap:24px;width:220px;padding:24px 16px;display:flex}.sidebar-brand{padding:0 8px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:block}.sidebar-link:hover{background:var(--surface);color:var(--text)}.sidebar-link.active{background:var(--violet);color:#fff}.sidebar-footer{margin-top:auto}.logout-button{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border-radius:10px;padding:10px 12px;font-weight:600}.logout-button:hover{background:var(--surface);color:var(--text)}.main-content{flex:1;max-width:1100px;padding:32px 40px}.page-header{margin-bottom:24px}.page-header h1{font-size:24px}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:360px;padding:32px}.login-card h1{text-align:center;margin-bottom:4px;font-size:22px}.login-card p.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input,.field textarea{border:1px solid var(--border);color:var(--text);background:#00000040;border-radius:10px;outline:none;padding:10px 12px}.field input:focus,.field textarea:focus{border-color:var(--violet)}.field input[type=file]{padding:8px;font-size:13px}.button{cursor:pointer;background:var(--violet);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.button:hover{background:var(--violet-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button.full-width{width:100%}.button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.button.ghost:hover{background:var(--surface)}.button.danger{background:var(--danger-bg);color:var(--danger)}.button.danger:hover{background:#f8717138}.error-text{color:var(--danger);margin-bottom:12px;font-size:13px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}tbody tr:hover{background:#ffffff08}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.active{color:var(--success);background:#4ade8026}.badge.banned{background:var(--danger-bg);color:var(--danger)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-top:24px;display:grid}.book-card{flex-direction:column;gap:8px;display:flex}.book-cover{aspect-ratio:3/4;object-fit:cover;background:#ffffff0d;border-radius:12px;width:100%}.book-title{font-size:14px;font-weight:700;line-height:1.3}.book-author{color:var(--text-secondary);font-size:12px}.book-card-actions{gap:6px;margin-top:4px;display:flex}.book-card-actions .button{flex:1;padding:6px 8px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.empty-state{color:var(--text-secondary);text-align:center;padding:32px 0;font-size:14px}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:#15123a;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto}.modal-card h2{margin-bottom:20px;font-size:18px}.modal-actions{gap:10px;margin-top:8px;display:flex}.modal-actions .button{flex:1}