:root{--primary-color:#10a37f;--secondary-color:#1a7f64;--bg-color-light:#fff;--text-color-light:#111827;--text-muted:#4b5563;--bg-color-dark:#212121;--text-color-dark:#ececec;--sidebar-bg:#f9f9f9;--sidebar-border:#d1d5db;--glass-bg-light:#fff;--glass-border:#d1d5db}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color-light);color:var(--text-color-light);min-height:100vh;transition:background-color .3s,color .3s}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:1000;flex-direction:column;width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.hidden{border-right:none;width:0;overflow:hidden}.main-content{background-color:#fff;flex:1;max-width:100%;padding:20px;overflow-y:auto}.glass-panel{border:1px solid var(--sidebar-border);background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--secondary-color)}.input-field{border:1px solid var(--sidebar-border);color:#111827;background:#fff;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:14px}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #10a37f1a}.role-selector{gap:10px;margin-bottom:20px;display:flex}.role-btn{border:1px solid var(--sidebar-border);color:#374151;cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px}.role-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.menu-toggle{cursor:pointer;color:#111827;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;font-size:24px;display:flex}.sidebar-item{cursor:pointer;color:#374151;border-radius:8px;align-items:center;gap:12px;margin:4px 8px;padding:12px 16px;font-weight:500;transition:background .2s;display:flex}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item.active{color:#111827;background-color:#ececec;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.auth-container{background-color:#f9f9f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid var(--sidebar-border);background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 6px -1px #0000001a}.auth-card h2{color:#111827;margin-bottom:24px;font-size:28px;font-weight:700}.book-card{border:1px solid var(--sidebar-border);background:#fff;border-radius:12px;transition:transform .2s;overflow:hidden}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}